/***********************************************
	* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
	* This notice MUST stay intact for legal use
	* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
	***********************************************/
	var pause=5000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
	var row_cnt = 3;
	var box_cnt = 4;
	var curpos=10
	var degree=2
	var hiddenRowNum=3
	var nextimageindex=0
	var height=209;
	var start_height = 10;
	
	function setOpacity(div, setting)
	{
		if (div.filters && div.filters.alpha)
			div.filters.alpha.opacity=setting
		else if (div.style.MozOpacity)
			div.style.MozOpacity=setting/101
	}
	
	function fadeIntro()
	{
		var divTop=document.getElementById("div1")
		var divSecond=document.getElementById("div2");
		if (curpos<100)
		{
			curpos+=degree
			setOpacity(divTop, curpos);
			setOpacity(divSecond, curpos);
		}
		else
		{
			clearInterval(dropslide)
			setTimeout("rotateimage()",pause)
		}
	}

	function fadepic()
	{
		var topRowNum = ((hiddenRowNum + 1) > row_cnt ? 1 : hiddenRowNum + 1);
		var divTop=document.getElementById("div" + topRowNum)
		var secondRowNum = (topRowNum == 3 ? 1 : topRowNum  + 1);
		var divSecond=document.getElementById("div" + secondRowNum);
		var divHidden=document.getElementById("div" + hiddenRowNum);
					
		if (curpos<100)
		{
			curpos+=degree



			// 1. Fade out top row
			setOpacity(divTop, (100 - curpos));

//			if (divTop.filters)
//				divTop.filters.alpha.opacity=(100 - curpos)
//			else if (divTop.style.MozOpacity)
//				divTop.style.MozOpacity=(100 - (curpos/101))
			
			// 2. Fade in hidden Row
			setOpacity(divHidden, curpos);
//
//			if (divHidden.filters)
//				divHidden.filters.alpha.opacity=curpos
//			else if (divHidden.style.MozOpacity)
//				divHidden.style.MozOpacity=curpos/101

			// 3. Rotate Images up
			var t = Math.round(height * (curpos/100));
			divTop.style.top =  start_height - t; 
			divSecond.style.top = (height + start_height) - t; 
			divHidden.style.top = (height*2 + start_height) - t; 

						
		}
		else
		{
			clearInterval(dropslide)
			hiddenRowNum = (hiddenRowNum == 3 ? 1 : hiddenRowNum+1);
			//divTop.style.visibility="visible"
			setTimeout("rotateimage()",pause)
		}
	}
	
	function setNextImage()
	{
		// nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0;		
		if (nextimageindex >= 0 && nextimageindex<fadeimages.length-1)
			nextimageindex = nextimageindex+1;
		else if (repeatImages)
			nextimageindex = 0;
		else
			nextimageindex = -1;												
	}
	
	// This function scales down the font size of the text divs for longer movies
	function scaleFontSize(inDiv, inTitle)
	{
		if(inTitle.length < 40)
		{
			inDiv.style.fontSize = 13;
		}
		if(inTitle.length < 60)
		{
			inDiv.style.fontSize = 12;
		}
		else
		{
			inDiv.style.fontSize = 11;
		}
	}

	function rotateimage()
	{
		if (nextimageindex < 0)
			return;

		curpos=10		
		for (var i=1; i<=box_cnt; i++)
		{
			var imgDiv = document.getElementById("div" + hiddenRowNum + "Img" + i)
			var textDiv = document.getElementById("div" + hiddenRowNum + "Text" + i)

			if (nextimageindex < 0)
			{
				imgDiv.innerHTML="";
				textDiv.innerHTML = "";
			}
			else
			{
				//alert(fadeIds[nextimageindex]);
				//imgDiv.innerHTML='<a href="../AvailOnDemand/AvailOnDemand-Detail.asp?guid=' + fadeIds[nextimageindex] + '"><img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'"></a>';
				//imgDiv.innerHTML='<a href="#" onClick="window.open(\'../OnDemand/OnDemand-Detail_Test.asp?guid=' + fadeIds[nextimageindex] + '\',\'pagetitle\',\'width=700,height=320,scrollbars=no,left=0, top=0\')"><img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'"></a>';			
				imgDiv.innerHTML='<a href="#" onClick="window.open(\'../vod/OnDemand/OnDemand-Detail.asp?guid=' + fadeIds[nextimageindex] + '\',\'pagetitle\',\'width=700,height=320,scrollbars=no,left=0, top=0\')"><img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'"></a>';			
				textDiv.innerHTML=fadeTitles[nextimageindex];
				scaleFontSize(textDiv, fadeTitles[nextimageindex]);
			}
			// nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0;		
			setNextImage();							
		}
		var temp='setInterval("fadepic()",1)'
		dropslide=eval(temp)
	}

	function startit()
	{
		var divTop = document.getElementById("div1");
		if (fadeimages.length == 0)
		{
			nextimageindex = -1;
			repeatImages = false;
			var textDiv = document.getElementById("div1Text1");
			textDiv.innerHTML = "No results";
			setOpacity(textDiv, 100);
			setOpacity(divTop, 100);
			return;
		}

		// Load the image table
		setOpacity(divTop, 10);
		for (var i=1; i<=box_cnt; i++)
		{
			var imgDiv = document.getElementById("div1" + "Img" + i)
			var textDiv = document.getElementById("div1" + "Text" + i)
			if (nextimageindex < 0)
			{
				imgDiv.innerHTML="";
				textDiv.innerHTML = "";
			}
			else
			{
			
				//imgDiv.innerHTML='<a href="../AvailOnDemand/AvailOnDemand-Detail.asp?guid=' + fadeIds[nextimageindex] + '"><img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'"></a>';
				imgDiv.innerHTML='<img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'">';
				textDiv.innerHTML=fadeTitles[nextimageindex];
				scaleFontSize(textDiv, fadeTitles[nextimageindex]);
			}
			//nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0;		
			setNextImage();							
		}

		var divSecond = document.getElementById("div2")
		setOpacity(divSecond, 10);
		// Load the image table
		for (var i=1; i<=box_cnt; i++)
		{
			var imgDiv = document.getElementById("div2" + "Img" + i)
			var textDiv = document.getElementById("div2" + "Text" + i)
			if (nextimageindex < 0)
			{
				imgDiv.innerHTML="";
				textDiv.innerHTML = "";
			}
			else
			{
				//imgDiv.innerHTML='<a href="../AvailOnDemand/AvailOnDemand-Detail.asp?guid=' + fadeIds[nextimageindex] + '"><img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'"></a>';
				imgDiv.innerHTML='<a href="#" onClick="window.open(\'../OnDemand/OnDemand-Detail_Test.asp?guid=' + fadeIds[nextimageindex] + '\',\'pagetitle\',\'width=700,height=320,scrollbars=no,left=0, top=0\')"><img align="absbottom" border="0" src="'+fadeimages[nextimageindex]+'"></a>';
				textDiv.innerHTML=fadeTitles[nextimageindex];
				scaleFontSize(textDiv, fadeTitles[nextimageindex]);
			}
			//nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0;		
			setNextImage();										
		}

		// Fade the hidden row
		var divHidden = document.getElementById("div3")
		setOpacity(divHidden, 10);
		
		curpos = 10;
		var temp='setInterval("fadeIntro()",1)'
		dropslide=eval(temp)

		//setTimeout("rotateimage()",pause)
	}

	window.onload=startit