//var slideshow_width='579px' //SET IMAGE WIDTH
var slideshow_width='110px' //SET IMAGE WIDTH
//var slideshow_height='160px' //SET IMAGE HEIGHT
var slideshow_height='55px' //SET IMAGE HEIGHT
//var pause=3600000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var pause=4000
var fadeimages3=new Array()


var fimages=new Array()
fimages=document.frmhome.imageval.value.split(",")
for(n3=0;n3<fimages.length-2;n3++)
{
	fadeimages3[n3]=[fimages[n3+2],"",""];
}

fadeimages3[fimages.length-2]=[fimages[0],"",""];
fadeimages3[fimages.length-1]=[fimages[1],"",""];
//frm=eval("document.all");
//field=eval("frm."+getElementById("vals"));

//fadeimages=document.getElementById("vals").value;
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
/*fadeimages[0]=["images/main-image1.jpg", "", ""] //plain image syntax
fadeimages[1]=["images/main-image2.jpg", "", ""] //image with link syntax
fadeimages[2]=["images/main-image3.jpg", "", ""] //image with link and target syntax
fadeimages[3]=["images/main-image4.jpg", "", ""] 
fadeimages[4]=["images/main-image5.jpg", "", ""] 
fadeimages[5]=["images/main-image6.jpg", "", ""] 
fadeimages[6]=["images/main-image7.jpg", "", ""] 
fadeimages[7]=["images/main-image8.jpg", "", ""] 
fadeimages[8]=["images/main-image9.jpg", "", ""] 
fadeimages[9]=["images/main-image10.jpg", "", ""] 
fadeimages[10]=["images/main-image11.jpg", "", ""] 
fadeimages[11]=["images/main-image12.jpg", "", ""] 
fadeimages[12]=["images/main-image13.jpg", "", ""] 
fadeimages[13]=["images/main-image14.jpg", "", ""] 
fadeimages[14]=["images/main-image15.jpg", "", ""] 
fadeimages[15]=["images/main-image16.jpg", "", ""] 
fadeimages[16]=["images/main-image17.jpg", "", ""] 
fadeimages[17]=["images/main-image18.jpg", "", ""] 
fadeimages[18]=["images/main-image19.jpg", "", ""] 
fadeimages[19]=["images/main-image20.jpg", "", ""] 

*/
//fadeimages2[0]=["images/thu01.gif", "", ""] //image with link syntax
//fadeimages2[1]=["images/thu02.gif", "", ""] //image with link and target syntax
//fadeimages2[2]=["images/thu03.gif", "", ""] 
//fadeimages2[3]=["images/thu04.gif", "", ""] 


////NO need to edit beyond here/////////////



var preloadedimages3=new Array()
for (p3=0;p3<fadeimages3.length;p3++){
preloadedimages3[p3]=new Image()
preloadedimages3[p3].src=fadeimages3[p3][0]
}

var ie3=document.all
var dom3=document.getElementById

if (ie3||dom3)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas4" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas5" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide2" width="109" height="55" src="'+fadeimages3[0][0]+'">')

var curpos3=10
var degree3=10
var curcanvas3="canvas4"
var curimageindex3=0
var nextimageindex3=1

function fadepic3(){
if (curpos3<100){
curpos3+=10
if (tempobj3.filters)
tempobj3.filters.alpha.opacity=curpos3
else if (tempobj3.style.MozOpacity)
tempobj3.style.MozOpacity=curpos3/101
}
else{
clearInterval(dropslide3)
nextcanvas3=(curcanvas3=="canvas4")? "canvas4" : "canvas5"
tempobj3=ie3? eval("document.all."+nextcanvas3) : document.getElementById(nextcanvas3)
tempobj3.innerHTML=insertimage3(nextimageindex3)
nextimageindex3=(nextimageindex3<fadeimages3.length-1)? nextimageindex3+1 : 0
var tempobj4=ie3? eval("document.all."+nextcanvas3) : document.getElementById(nextcanvas3)
tempobj4.style.visibility="hidden"
setTimeout("rotateimage3()",pause)
}
}

function insertimage3(i){
var tempcontainer3=fadeimages3[i][1]!=""? '<a href="'+fadeimages3[i][1]+'" target="'+fadeimages3[i][2]+'">' : ""
tempcontainer3+='<img src="'+fadeimages3[i][0]+'" width="109" height="55"  border="0">'
tempcontainer3=fadeimages3[i][1]!=""? tempcontainer3+'</a>' : tempcontainer3
return tempcontainer3
}

function rotateimage3(){
if (ie3||dom3){
resetit3(curcanvas3)
var crossobj3=tempobj3=ie3? eval("document.all."+curcanvas3) : document.getElementById(curcanvas3)
crossobj3.style.zIndex++
tempobj3.style.visibility="visible"
var temp3='setInterval("fadepic3()",50)'
dropslide3=eval(temp3)
curcanvas3=(curcanvas3=="canvas4")? "canvas5" : "canvas4"
}
else
document.images.defaultslide2.src=fadeimages3[curimageindex3][0]
curimageindex3=(curimageindex3<fadeimages3.length-1)? curimageindex3+1 : 0
}

function resetit3(what){
curpos3=10
var crossobj3=ie3? eval("document.all."+what) : document.getElementById(what)
if (crossobj3.filters)
crossobj3.filters.alpha.opacity=curpos3
else if (crossobj3.style.MozOpacity)
crossobj3.style.MozOpacity=curpos3/101
}

function startit3(){
var crossobj3=ie3? eval("document.all."+curcanvas3) : document.getElementById(curcanvas3)
crossobj3.innerHTML=insertimage3(curimageindex3)
rotateimage3()
}

if (ie3||dom3)
//window.onload=startit3
startit3()
else
setInterval("rotateimage3()",pause)