/*configurables*/
var nDisplayTime = 4;
var nFadeTime = 1;
/*configurables*/

var nImages = 0;
var nCurrentImage = 0;
var nCounter = 0;

$(document).ready(function(){
  
  	//Png fix for IE...
	$('div#slideshow h3').supersleight({shim: 'images/blank.gif'});
	$('div#slideshow a.inspiration').supersleight({shim: 'images/blank.gif'});
	$('div#slideshow a.pause').supersleight({shim: 'images/blank.gif'});
	$('div#slideshow a.play').supersleight({shim: 'images/blank.gif'});
	$('div#slideshow a.view_photo').supersleight({shim: 'images/blank.gif'});
	$('div#image_finder a').supersleight({shim: 'images/blank.gif'});
	
		
  	//Preload images...
	var aImages = new Array();
	aImages[0] = new Image();
	aImages[0].src="images/find-out-more-over.png";
	
	aImages[1] = new Image();
	aImages[1].src="images/slideshow/pause-over.png";
	
	aImages[2] = new Image();
	aImages[2].src="images/slideshow/play-over.png";
	
	aImages[3] = new Image();
	aImages[3].src="images/slideshow/view-this-photo-over.png";
	
	aImages[4] = new Image();
	aImages[4].src="images/slideshow/home/subheading-over.png";
	
	//Define click method for play/pause
 	$("div#slideshow a.pause,div#slideshow a.play").click(function(){
		if(nCounter == 0)
		{
			changeImage();
			nCounter = setInterval(function() { changeImage(); }, nDisplayTime*1000);
			$("div#slideshow a.pause").show();
			$("div#slideshow a.play").hide();
		}
		else
		{
			$("div#slideshow a.pause").hide();
			$("div#slideshow a.play").show();
			clearInterval(nCounter);
			nCounter = 0;
		}
	});
	
	//Define click method for view this photo
 	$("a.view_photo").click(function(){
		
		var strURL="http://www.socialstock.co.uk/photo/index/view/id/";
		strURL+=($("div#slideshow img:eq("+nCurrentImage+")").attr("id")).substr(4);
		window.location.assign(strURL);
		
	});
  
  	//Start Slideshow...
  	nImages = $("div#slideshow img").length;
  	nCounter = setInterval(function() { changeImage(); }, nDisplayTime*1000);
  
});


function changeImage(){
 
 	//Resest display...
	$("div#slideshow img").hide().css("zIndex","0");
	$("div#slideshow img:eq("+nCurrentImage+")").show();
	
	//Increment Counter...
  	nCurrentImage = nCurrentImage+1;
  	if(nCurrentImage==nImages)
  	{
		nCurrentImage = 0;
	}
	
	//Position in Z order and fade in...
	$("div#slideshow img:eq("+nCurrentImage+")").css("zIndex","1").fadeIn(nFadeTime*1000);
  
}