var my_url = new Array();
var my_cover = new Array();

//========= FYI, Image Size: 211 x 298 =================================================================
//========= Please change the image & URL below ========================================================
my_url[0] = "http://www.viipillars.com/1170/mongol-the-rise-to-power-of-genghis-khan/"
my_cover[0] = "mongol DVD cover.jpg"

my_url[1] = "http://www.viipillars.com/1134/dead-snow/"
my_cover[1] = "deadsnow DVD cover.jpg"


//========= END ==================================================
//================================================================
	var nextNum = 1;
	var curlink = my_url[0];
	
	function fadein(){
		var o = document.getElementById('divBanner');
	   	o.style.opacity=o.style.opacity - 0.1;
		if(navigator.userAgent.indexOf("MSIE")>-1){
	 		o.filters.alpha.opacity=o.filters.alpha.opacity - 10;
		}
		if(o.style.opacity < 0){
	 		objBannerLoop = setTimeout('loopBanner()',5000);
	 		
	 		if(nextNum > 0){
	 			curlink = my_url[nextNum - 1];
	 			document.getElementById('myimg').src = "http://www.viipillars.com/movie_of_the_month/" + my_cover[nextNum - 1];
	 		}else{
	 			curlink = my_url[my_cover.length-1];
	 			document.getElementById('myimg').src = "http://www.viipillars.com/movie_of_the_month/" + my_cover[my_cover.length-1];
	 		}
	 		o.style.opacity=1;
			if(navigator.userAgent.indexOf("MSIE")>-1){
		 		o.filters.alpha.opacity=100;
			}
	 	}else{
			timefade = setTimeout('fadein()',100);
		}
	 }
	 
	 function loopBanner(){
	 	newImage = "url('http://www.viipillars.com/movie_of_the_month/" + my_cover[nextNum]+"')";
    	document.getElementById('imgtd').style.backgroundImage = newImage;
		
		fadein();
		
		if(nextNum==(my_cover.length-1)){
			nextNum = 0;
	 	}else{
			nextNum++;
		}
	 }
	 
	 function gourl(){
	 	window.location = curlink;
	 }

document.writeln('<table cellpadding=0 cellspacing=0 border=0 style="height:298px; width:211px"><tr><td id="imgtd" >');
document.writeln('<div id="divBanner" style="opacity:1;filter:alpha(opacity=100)"><img width="211px" height="298px" style="cursor:pointer" id="myimg" src="http://www.viipillars.com/movie_of_the_month/' + my_cover[0] + '" border=0 align=top onclick="gourl()"></div>');
document.writeln('</td></tr></table>');

loopBanner();