// JavaScript Document
var currentImg=0;
var firstDelay=1000; //time in miliseconds
var fadeOutBlack=500; //time in miliseconds
var thumbTotalSize=84; //in pixels

function createSlide(id,autostart)
{
	
	id="#"+id;
	$(id).attr('class','sliderContainer1');
	$(id+" ul").css('display','block');
	$(id).css('background','transparent');
	
	//create a new container for the thumbs
	$(id).append("<div class=\"thumbContainer\"><ul></ul></div>");
	
	//move the thumb images to the new container
	totalImages=0;
	liSize=($(id+" li").length);
	for(i=0;i<liSize;i++)
	{
		//add only if the <li> has the 3 images
		if($(id+" li:eq("+i+") img").length==3)
		{
			$(id+" li:eq("+i+") img:eq(0)").attr('class','a');
			$(id+" li:eq("+i+") img:eq(1)").attr('class','b');				
			$(id+" li:eq("+i+") img:eq(2)").appendTo('.thumbContainer ul');		
			totalImages++;
			$(id+" li:eq("+i+")").wrapInner("<div class=\"fadehover\">");
		}
		else
		{
			$(id+" li:eq("+i+")").remove();
			liSize-=1;
			i-=1;
		}
	}
	
	//encapsule the thumb images in a li and center align the component
	$(".thumbContainer img").wrap("<li>");
	$(".thumbContainer").css('width',thumbTotalSize*totalImages + 123);
	$(".thumbContainer li:first").attr('style','margin-left:0px;');
	$(".thumbContainer li:last").attr('style','margin-right:0px;');
	
	//creates a wrapper for the big images
	$(id+" ul:eq(0)").wrap("<div class=\"bigImagesWrapper\"><div class=\"bigImagesContainer\">");
	
	if(autostart==true)
		beginSlide1Animation();
}

function beginSlide1Animation()
{
	//effects and events for thumb images
	$(".thumbContainer img").mouseenter(function(){
		tmp=$(".thumbContainer img").index(this);
		$(".thumbContainer img:eq("+tmp+")").stop(true,true).animate({"opacity": "0.6"}, 'slow');
		$(".thumbContainer img:eq("+tmp+")").stop(true,true).animate({"opacity": "1"}, 'slow');
	});
	
	$(".thumbContainer img").click(function(){
		tmp=$(".thumbContainer img").index(this);
		$(".thumbContainer img").attr('class','');	
		$(".thumbContainer img:eq("+tmp+")").attr('class','selected');
		$(".bigImagesContainer li:eq("+currentImg+") img:eq(1)").stop(true,true).animate({opacity:0},fadeOutBlack,function(){
			$(".bigImagesContainer li:eq("+tmp+") img").css('opacity','0');			
			$(".bigImagesContainer").css('top',-(tmp*960));			
			$(".bigImagesContainer li:eq("+tmp+") img:eq(0)").stop(true,true).animate({opacity:1},'slow',function(){
				$(".bigImagesContainer li:eq("+tmp+") img:eq(1)").css('opacity','1');
				$(".bigImagesContainer li:eq("+tmp+") img:eq(0)").delay(1000).animate({opacity:0},1000);
				currentImg=tmp;
			});
		});
	});
	
	//slide in animation for first image	
	$(".bigImagesContainer").css({'top':'-480px'});
	$(".bigImagesContainer li:eq(0) img").css({opacity:0});
	$(".bigImagesContainer li:eq(0) img:eq(0)").stop(true,true).animate({opacity:1},1000,function(){
		$(".bigImagesContainer").stop(true,true).delay(firstDelay).animate({'top':'0px'},6000,function(){
			$(".bigImagesContainer li:eq(0) img:eq(1)").css({opacity:1});
			$(".bigImagesContainer li:eq(0) img:eq(0)").stop(true,true).delay(800).animate({opacity:0},fadeOutBlack);
		});
	});
	
	/*$(".bigImagesContainer").stop(true,true).animate({opacity:1},600);
	//,function(){
			$(".bigImagesContainer li:eq(0) img:eq(0)").stop(true,true).delay(800).animate({opacity:0},1000);
	//});*/
	
	$(".thumbContainer img:eq(0)").attr('class','selected');
}