jQuery.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });	
}

$(document).ready(function() {
	
		Shadowbox.init();
	
	var $imgOpen = true;
	var $imgData = new Array;
	var $imgPath = new Array;
	var $linkto = new Array;	
	var $linktoWidth = new Array;	
	var $linktoHeight = new Array;	
	var $imgPostion = new Array;
	var _p = 'images/';
	var currentImg = 0;
	
	var Init = function()
	{
		if(pageid=='index'){	
			$('ul.imagebox').innerfade(
			{
				speed: 'slow',
				timeout: 4000,
				type: 'sequence',
				containerheight: '591px'
			});
		}
			
		if(pageid=='press'){
			$('.page').css({"height" : "900px"}); 
			/* 	LOAD SITE DATA */	
			$.ajax({
		    	type: "GET",
		    	url: "xml/press.xml",
		    	dataType: "xml",
		    	success: parseXml, 
				error: function (request, status, error) {}		
		  	});

		}	

		function parseXml(xml)
		{
			var imgCnt = 0;

			$(xml).find("image").each(function(){			
				if($(this).attr('status') != "off"){
					$imgData[imgCnt] = $(this).text();
					$imgPath[imgCnt] = $(this).attr('imgfolder');
					$imgPostion[imgCnt] = $(this).attr('position');
					$linkto[imgCnt] = $(this).attr('linkto');
					$linktoWidth[imgCnt] = $(this).attr('w');
					$linktoHeight[imgCnt] = $(this).attr('h');				
					imgCnt++;
				}		
			});					
			preLoadProjectImages();	
			displayThumbs();	
		}					
	}

	var preLoadProjectImages = function()
	{						
		for (j=0; j<$imgData.length; j++){
			$( _p + $imgPath[j] + "/" + $imgData[j] ).preload();
		}		
		buildThumbs();	
	}
	
	
	var buildThumbs = function()
	{
		var $thumbData = '';
		
		for (j=0; j< ($imgPath.length); j++){
			
			$thumbData += '<div class="thumb hide" id="thumb'+ j + '">';			
			if( $imgPostion[j] == 'v' ){
				$thumbData += '<div class="vert"><img src="' + _p + $imgPath[j] + "/" + $imgData[j] + '"  alt="" ></div>';
			}
			else{
				$thumbData += '<div class="horz"><span> </span><img src="' + _p + $imgPath[j] + "/" + $imgData[j] + '"  alt="" ></div>';
			}			
			$thumbData += '</div>';			
		}
		$('.thumbnails').html( $thumbData );
		//$('.thumb').mouseover(function() { $(this).animate({opacity: 1}) });
		//$('.thumb').mouseout(function() { $(this).animate({opacity: 0.5}) });
		$('.thumb').click(showImage);
		
		
	}
	var showImage = function()
	{	
		var $indexStr = this.id;		
		var $index = $indexStr.split('thumb');		
		var $largePath = '';
		var $width = Number($linktoWidth[$index[1]])+5;
		var $height = Number($linktoHeight[$index[1]])+5;
	
	    Shadowbox.open({
	        content:    '<div id="welcome-msg"><img src="/images/press/'+ $linkto[$index[1]] +'" alt="" /></div>',
	        player:     "html",	     
	  		width:      $width,
	        height:     $height	        
	    });				
	}
	
	var displayThumbs = function()
	{
		for (j=0; j<$imgData.length; j++){			
			$('#thumb'+j).delay(100 * j).fadeIn(500, 'easeInCirc');		
		}
	}
	
		
	

		
		
	$('.imgContainer').delay(500).fadeIn('slow');
	
	
	Init();
	
});