var preloadFlag = false;
var targetDir = "./images/"
var storyBanner = new Array()
var btmstoryBanner = new Array()
var ss_width='568px' //slideshow width
var ss_height='60px' //slideshow height
var pause=18000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=6 //animation speed. Greater is faster.
var bgcolor='white'
// Top
var curcanvas="canvas0"
var curindex=0
var nextindex=1
var ss_curpos=ss_width*(-1)
// Bottom
var btmcurcanvas="btmcanvas0"
var btmcurindex=0
var btmnextindex=1
var btmss_curpos=ss_width*(-1)

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

// Banner Images to be loaded.  MAX is 6 images
function preloadImages() 
{
	if (document.images && (preloadFlag == false)) 
	{	
		//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
		// OPTIONAL LINK TARGET EITHER EMPTY ("" ) OR "_new" to open new browser window.			
		
		// Top Banners		
		storyBanner[0]=[ targetDir + "Fas Trak banner.gif", "http://www.fas-trakind.com"]
		storyBanner[1]=[ targetDir + "Evonikbanner.gif", "http://www.protectosil.com/protectosil/en/nafta/graffiticontrol/default.com"]
		storyBanner[2]=[ targetDir + "epdmbanner.gif", "http://www.liquid-roof.com/affiliate/tracker/?cam=38"]
		storyBanner[3]=[ targetDir + "tsibanner.gif", "http://www.tsi.com"]
		
		// Bottom Banners
		btmstoryBanner[0]=[ targetDir + "Fas Trak banner.gif", "http://www.fas-trakind.com"]		
		btmstoryBanner[1]=[ targetDir + "tero.gif", "http://www.tero.ca"]
		
		preloadFlag = true;	
	}
}
function getslidehtml(theslide)
{
	var slidehtml=""
	
	if (theslide[1]!="")
		slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
		
	slidehtml+='<img src="'+theslide[0]+'" border="0">'
	
	if (theslide[1]!="")
		slidehtml+='</a>'
		
	return slidehtml
}

function moveslide()
{
	if (ss_curpos < 0)
	{
		ss_curpos=Math.min(ss_curpos+degree,0)
		tempobj.style.left=ss_curpos+"px"
		btmtempobj.style.left=ss_curpos+"px"
	}
	else
	{
		clearInterval(dropslide)
		
		if (crossobj.filters)
			crossobj.filters.alpha.opacity=100
		else if (crossobj.style.MozOpacity)
			crossobj.style.MozOpacity=1
			
		if (btmcrossobj.filters)
			btmcrossobj.filters.alpha.opacity=100
		else if (btmcrossobj.style.MozOpacity)
			btmcrossobj.style.MozOpacity=1
			
		nextcanvas=(curcanvas=="canvas0") ? "canvas0" : "canvas1"
		btmnextcanvas=(btmcurcanvas=="btmcanvas0") ? "btmcanvas0" : "btmcanvas1"
		
		tempobj = ie4 ? eval("document.all." + nextcanvas) : document.getElementById(nextcanvas)
		btmtempobj = ie4 ? eval("document.all." + btmnextcanvas) : document.getElementById(btmnextcanvas)
		
		tempobj.innerHTML=getslidehtml(storyBanner[curindex])
		btmtempobj.innerHTML=getslidehtml(btmstoryBanner[btmcurindex])
		
		nextindex=(nextindex < storyBanner.length-1) ? nextindex + 1 : 0
		btmnextindex=(btmnextindex < btmstoryBanner.length-1) ? btmnextindex + 1 : 0
		
		setTimeout("rotateslide()", pause)
	}
}

function rotateslide()
{
	if (ie4||dom)
	{
		resetit(curcanvas)
		resetit(btmcurcanvas)
		
		crossobj = tempobj = ie4 ? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		btmcrossobj = btmtempobj = ie4 ? eval("document.all." + btmcurcanvas) : document.getElementById(btmcurcanvas)
		
		crossobj.style.zIndex++
		btmcrossobj.style.zIndex++
	
		if (crossobj.filters)
		{
			document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
			document.all.btmcanvas0.filters.alpha.opacity=document.all.btmcanvas1.filters.alpha.opacity=20
		}
		else if (crossobj.style.MozOpacity)
		{
			document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
			document.getElementById("btmcanvas0").style.MozOpacity=document.getElementById("btmcanvas1").style.MozOpacity=0.2
		}
			
		var temp='setInterval("moveslide()",50)'
				
		dropslide=eval(temp)
				
		curcanvas=(curcanvas=="canvas0") ? "canvas1" : "canvas0"
				
		btmcurcanvas=(btmcurcanvas=="btmcanvas0") ? "btmcanvas1" : "btmcanvas0"
	}
	else if (document.layers)
	{
		crossobj.document.write(getslidehtml(storyBanner[curindex]))
		crossobj.document.close()
		
		btmcrossobj.document.write(getslidehtml(btmstoryBanner[btmcurindex]))
		btmcrossobj.document.close()
	}
	
	curindex = (curindex < storyBanner.length-1) ? curindex + 1 : 0
	btmcurindex = (btmcurindex < btmstoryBanner.length-1) ? btmcurindex + 1 : 0
}
function resetit(what)
{
	if ( what == curcanvas )
	{
		ss_curpos=parseInt(ss_width)*(-1)
		
		var crossobj = ie4 ? eval("document.all." + what) : document.getElementById(what)
				
		crossobj.style.left=ss_curpos+"px"
	
	}
	else if (what == btmcurcanvas)
	{
		btmss_curpos=parseInt(ss_width)*(-1)
		
		var btmcrossobj = ie4 ? eval("document.all." + what) : document.getElementById(what)
		
		btmcrossobj.style.left=btmss_curpos+"px"
	}
}
function startit()
{         		        
    preloadImages()
    
	crossobj=ie4 ? eval("document.all."+curcanvas) : dom ? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
	btmcrossobj=ie4 ? eval("document.all." + btmcurcanvas) : dom ? document.getElementById(btmcurcanvas) : document.btmtickernsmain.document.btmtickernssub
	
	if (ie4||dom)
	{	 
		crossobj.innerHTML=getslidehtml(storyBanner[curindex])
		btmcrossobj.innerHTML=getslidehtml(btmstoryBanner[btmcurindex])
		
		rotateslide()
	}
	else
	{	  
		document.tickernsmain.visibility='show'
		document.btmtickernsmain.visibility='show'
		
		curindex++
		btmcurindex++
		
		setInterval("rotateslide()",pause)
	}	
}
