var sI = 0;
var bgFlag= new Array;
var numPeople = 7;


var box1FadeOut;
var box2FadeOut;
var box3FadeOut;
var box4FadeOut;
var box5FadeOut;

var box1FadeIn;
var box2FadeIn;
var box3FadeIn;
var box4FadeIn;
var box5FadeIn;



function polaroidInit()
{

	var ranNum=Math.floor(Math.random()*(numPeople-1))+1;
	
	
	document.getElementById("pic1").src   = "images/poloroids/" + ranNum + "_1.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic1bg").src = "images/poloroids/" + ranNum + "_1.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic2").src   = "images/poloroids/" + ranNum + "_2.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic2bg").src = "images/poloroids/" + ranNum + "_2.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic3").src   = "images/poloroids/" + ranNum + "_3.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic3bg").src = "images/poloroids/" + ranNum + "_3.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic4").src   = "images/poloroids/" + ranNum + "_4.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic4bg").src = "images/poloroids/" + ranNum + "_4.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic5").src   = "images/poloroids/" + ranNum + "_5.png";
	if((ranNum+1)>numPeople) 
		ranNum=1 
	else 
		ranNum++;
	document.getElementById("pic5bg").src = "images/poloroids/" + ranNum + "_5.png";

	if((ranNum+1)>numPeople) 
		sI=1 
	else 
		sI = ranNum+1;
//	sI=11;

    bgFlag[1] = false;
    bgFlag[2] = false;
    bgFlag[3] = false;
    bgFlag[4] = false;
    bgFlag[5] = false;



box1FadeOut = new Spry.Effect.Fade('pic1', {duration:3000, from:100, to:0, toggle:false, finish:boxFadeFinish1});
box2FadeOut = new Spry.Effect.Fade('pic2', {duration:3000, from:100, to:0, toggle:false, finish:boxFadeFinish2});
box3FadeOut = new Spry.Effect.Fade('pic3', {duration:3000, from:100, to:0, toggle:false, finish:boxFadeFinish3});
box4FadeOut = new Spry.Effect.Fade('pic4', {duration:3000, from:100, to:0, toggle:false, finish:boxFadeFinish4});
box5FadeOut = new Spry.Effect.Fade('pic5', {duration:3000, from:100, to:0, toggle:false, finish:boxFadeFinish5});

box1FadeIn = new Spry.Effect.Fade('pic1', {duration:3000, from:0, to:100, toggle:false, finish:boxFadeFinish1});
box2FadeIn = new Spry.Effect.Fade('pic2', {duration:3000, from:0, to:100, toggle:false, finish:boxFadeFinish2});
box3FadeIn = new Spry.Effect.Fade('pic3', {duration:3000, from:0, to:100, toggle:false, finish:boxFadeFinish3});
box4FadeIn = new Spry.Effect.Fade('pic4', {duration:3000, from:0, to:100, toggle:false, finish:boxFadeFinish4});
box5FadeIn = new Spry.Effect.Fade('pic5', {duration:3000, from:0, to:100, toggle:false, finish:boxFadeFinish5});


setTimeout("polaroidFade(1)",1000);
setTimeout("polaroidFade(2)",1200);
setTimeout("polaroidFade(3)",1400);
setTimeout("polaroidFade(4)",1600);
setTimeout("polaroidFade(5)",1800);


}

function polaroidFade(boxId)
{

	switch(boxId)
	{
		case 1:
			if(bgFlag[boxId])
				box1FadeIn.start();
			else
				box1FadeOut.start();
			break;
		case 2:	
			if(bgFlag[boxId])
				box2FadeIn.start();
			else
				box2FadeOut.start();
			break;
		case 3:	
			if(bgFlag[boxId])
				box3FadeIn.start();
			else
				box3FadeOut.start();
			break;
		case 4:	
			if(bgFlag[boxId])
				box4FadeIn.start();
			else
				box4FadeOut.start();
			break;
		case 5:	
			if(bgFlag[boxId])
				box5FadeIn.start();
			else
				box5FadeOut.start();
			break;
	}
}

function polaroidFadeFinish(boxId)
{
	sI+=1;
	if(sI>numPeople)
		sI=1;
	if(!bgFlag[boxId])
	{
		polaroid = document.getElementById("pic" + boxId);
		polaroid.src = "images/poloroids/" + sI + "_"+ boxId + ".png";
	
	}else{
		polaroidbg = document.getElementById("pic" + boxId + "bg");
		polaroidbg.src = "images/poloroids/" + sI + "_"+ boxId + ".png";
	}
	bgFlag[boxId]=!bgFlag[boxId];
	

	setTimeout("polaroidFade(" + boxId + ")",1000);

}

function boxFadeFinish1(){polaroidFadeFinish(1);}
function boxFadeFinish2(){polaroidFadeFinish(2);}
function boxFadeFinish3(){polaroidFadeFinish(3);}
function boxFadeFinish4(){polaroidFadeFinish(4);}
function boxFadeFinish5(){polaroidFadeFinish(5);}


///* FUNCTIONS FOR THE BOTTOM IMAGE ROTATOR */

var bid=1;
var bannerPicFO;
var bannerPicFI;
var bnrFlag;
var cancelFlag = false;
var maxBanners=5;
var f;
var l;
var b;

function bannerInit()
{
	
	
	bannerPicFO = new Spry.Effect.Fade('bannerPic', {duration:3000, from:100, to:0, toggle:false, finish:bannerFadeFinish});
	bannerPicFI = new Spry.Effect.Fade('bannerPic', {duration:3000, from:0, to:100, toggle:false, finish:bannerFadeFinish});

	bannerPlay();
	
}


function bannerPlay()
{
	cancelFlag=false;
	
	if(bid>maxBanners)
	{
		bid=1;
	}
	nextbid=parseInt(bid)+1;
	
	imgPath='images/smallBanners/'+ bid + '.jpg';
	imgPath2='images/smallBanners/'+ nextbid + '.jpg';

	
	document.getElementById('bannerPic').src = imgPath;
	document.getElementById('bannerPicBg').src = imgPath;

	document.getElementById('link1').style.color = "#9b2727";
	document.getElementById('iarrow1').src = "images/red-arrow.gif";

	
	bnrFlag=false;
	f=setTimeout("bannerFade()",1000);
	
}

function bannerStop()
{
	cancelFlag=true;
	window.clearTimeout(b);
	window.clearTimeout(l);
	window.clearTimeout(f);
	
}

function goToProductLink()
{
	var productLink = document.getElementById("link" + bid);
	window.open(productLink.href);	
}


function cancelAni(lid)
{
	bid=lid;
	showUserSelectedProduct(lid);
	bannerStop();
	showHl(lid);
	
}

function resumeAniDoWork(sid)
{
	linkT2="link" + sid;
	document.getElementById(linkT2).style.color = "#fff";
	hideUserSelectedProduct();
	bid=1;
	bannerPlay();
}

function resumeAni(sid)
{
	//bid=sid;
/*	linkT2="link" + sid;
	document.getElementById(linkT2).style.color = "#fff";*/
	//r=setTimeout("resumeAniDoWork("+sid+")", 1000);

	//bannerPicFO.start();
	//pb=setInterval("playBanner()", 5000);
}

function showUserSelectedProduct(lid)
{
	document.getElementById("bannerUserPic").src = 'images/smallBanners/'+ lid + '.jpg';
	document.getElementById("bannerUserPic").style.display="block";
}

function hideUserSelectedProduct()
{
	document.getElementById("bannerUserPic").style.display="none";
}


function showHl(lid)
{
	var linkT2;
	
	for(i=1; i<maxBanners+1; i++)
	{
		if(lid==i)
		{
			linkT2="link"+lid;
			iarrow="iarrow" + lid;
			document.getElementById(linkT2).style.color = "#9b2727";
			document.getElementById(iarrow).src = "images/red-arrow.gif";
		}
		else
		{
			linkT2="link"+i;
			iarrow="iarrow" + i;
			document.getElementById(linkT2).style.color = "#fff";
			document.getElementById(iarrow).src = "images/white-arrow.gif";
		}
	}

	lid2=lid+1;
	if(lid2>maxBanners)
		lid2=1;


	//document.getElementById("bannerPic").src = 'images/smallBanners/'+ lid + '.jpg';
	//document.getElementById("bannerPicBg").src = 'images/smallBanners/'+ lid2 + '.jpg';
}

function bannerFadeFinish()
{
	bid+=1;
	if(bid>maxBanners)
		bid=1;
	if(!bnrFlag)
	{
		banner = document.getElementById("bannerPic");
		banner.src = 'images/smallBanners/'+ bid + '.jpg';

		

	
	}else{
		bannerbg = document.getElementById("bannerPicBg");
		bannerbg.src = 'images/smallBanners/'+ bid + '.jpg';
	}
	bnrFlag=!bnrFlag;
	
	

	if (!cancelFlag)
	{
		l=setTimeout("linkChanger(bid)", 1000);
		b=setTimeout("bannerFade()",1000);
	}
}


function bannerFade()
{
	
	if(bnrFlag)
		bannerPicFI.start();
	else
		bannerPicFO.start();
}


function linkChanger(bid)
{
	for(i=1; i<maxBanners+1; i++)
	{
		if(bid==i)
		{
			linkT="link"+bid;
			arrow="iarrow" + bid;
			document.getElementById(linkT).style.color = "#9b2727";
			document.getElementById(arrow).src = "images/red-arrow.gif";
		}
		else
		{
			linkT="link"+i;
			arrow="iarrow" + i;
			document.getElementById(linkT).style.color = "#fff";
			document.getElementById(arrow).src = "images/white-arrow.gif";
		}
	}			
}