var imageArray = new Array();
imageArray[0]=new Image();
imageArray[0].src="slideshowIMG0.jpg";
imageArray[1]=new Image();
imageArray[1].src="slideshowIMG1.jpg";
imageArray[2]=new Image();
imageArray[2].src="slideshowIMG2.jpg";
imageArray[3]=new Image();
imageArray[3].src="slideshowIMG3.jpg";
imageArray[4]=new Image();
imageArray[4].src="slideshowIMG4.jpg";
imageArray[5]=new Image();
imageArray[5].src="slideshowIMG5.jpg";
imageArray[6]=new Image();
imageArray[6].src="slideshowIMG6.jpg";
imageArray[7]=new Image();
imageArray[7].src="slideshowIMG7.jpg";
imageArray[8]=new Image();
imageArray[8].src="slideshowIMG8.jpg";

var imageNumber1 = 0;
var imageNumber2 = 1;
var progression = 0.0;

function transition(nextImgHolder)
{

	nextImg = slotValue[nextImgHolder];

	if(progression == 0.0)
	{
		if(nextImg!=imageNumber1)
		{
			clearTimeout(timer);

			imageNumber2 = nextImg;
			
			document.getElementById('slot2').src = imageArray[imageNumber2].src;
			linkForSlot123();
			
			//timer = setInterval('linkForSlot()','5000');
		}
	}
	else
	{
		setTimeout('transition(' + nextImgHolder + ')','75');
	}
}

function linkForSlot123()
{
	
	thingToAnimate1 = document.getElementById('slot');
	thingToAnimate2 = document.getElementById('slot2');
		
	thingToAnimate1.style.opacity = 1.0-progression;
	thingToAnimate2.style.opacity = progression;
	
	if(progression >= 1.0)
	{
		progression = 0.0;
		
		imageNumber1 = imageNumber2;
		
		if(imageNumber2 < imageArray.length-1)
		{
			imageNumber2++;
		}
		else
		{
			imageNumber2 = 0;
		}
		
		thingToAnimate1.src = imageArray[imageNumber1].src;
		thingToAnimate2.src = imageArray[imageNumber2].src;
		
		thingToAnimate1.style.opacity = 1.0;
		thingToAnimate2.style.opacity = 0.0;
		
		switch(imageNumber1)
		{
			case 0:
			  document.getElementById('s').style.border = '1px solid #c41230';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 1:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #c41230';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 2:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #c41230';
			  break;
			case 3:
			  document.getElementById('s').style.border = '1px solid #c41230';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 4:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #c41230';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 5:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #c41230';
			  break;
			case 6:
			  document.getElementById('s').style.border = '1px solid #c41230';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 7:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #c41230';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 8:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #c41230';
			  break;
		}
		
	}
	else
	{
		progression += 0.15;
		setTimeout('linkForSlot123()','75');
	}
}


function linkForSlot()
{
	thingToAnimate1 = document.getElementById('slot');
	thingToAnimate2 = document.getElementById('slot2');
	
	thingToAnimate1.style.opacity = 1.0-progression;
	thingToAnimate2.style.opacity = progression;
	
	if(progression >= 1.0)
	{
		progression = 0.0;
		
		if(imageNumber1 < imageArray.length-1)
		{
			imageNumber1++;
		}
		else
		{
			imageNumber1 = 0;
		}
		
		if(imageNumber2 < imageArray.length-1)
		{
			imageNumber2++;
		}
		else
		{
			imageNumber2 = 0;
		}
		
		thingToAnimate1.src = imageArray[imageNumber1].src;
		thingToAnimate2.src = imageArray[imageNumber2].src;
		
		thingToAnimate1.style.opacity = 1.0;
		thingToAnimate2.style.opacity = 0.0;
		
		if(imageNumber1 == 0 || imageNumber1 == 3 || imageNumber1 == 6)
		{
			scrollLayerNew(1,1,'s',30,0,'slotS','t',230,1,'slotT','u',430,2,'slotU');
		}
		
		switch(imageNumber1)
		{
			case 0:
			  document.getElementById('s').style.border = '1px solid #c41230';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 1:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #c41230';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 2:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #c41230';
			  break;
			case 3:
			  document.getElementById('s').style.border = '1px solid #c41230';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 4:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #c41230';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 5:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #c41230';
			  break;
			case 6:
			  document.getElementById('s').style.border = '1px solid #c41230';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 7:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #c41230';
			  document.getElementById('u').style.border = '1px solid #e5e6e7';
			  break;
			case 8:
			  document.getElementById('s').style.border = '1px solid #e5e6e7';
			  document.getElementById('t').style.border = '1px solid #e5e6e7';
			  document.getElementById('u').style.border = '1px solid #c41230';
			  break;
		}

	}
	else
	{
		progression += 0.05;
		setTimeout('linkForSlot()','75');
	}
}

function linkForSlotImage()
{
	switch(imageNumber1)
	{
		case 0:
		  window.location="snappy.php";
		  break;
		case 1:
		  window.location="hulk.php";
		  break;
		case 2:
		  window.location="dani.php";
		  break;
		case 3:
		  window.location="kase.php";
		  break;
		case 4:
		  window.location="usir.php";
		  break;
		case 5:
		  window.location="wearever.php";
		  break;
		case 6:
		  window.location="betly.php";
		  break;
		case 7:
		  window.location="phallet.php";
		  break;
		case 8:
		  window.location="concepts.php";
		  break;
	}
}