/***********************************************
									* Translucent 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 trans_width='135px' //slideshow width
									var trans_height='135px' //slideshow height
									var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
									var degree=10 //animation speed. Greater is faster.

									var slideshowcontent=new Array()
									//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[0]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[1]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[2]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[3]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[4]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[5]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[6]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[7]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[8]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[9]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[10]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[11]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[12]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[13]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[14]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[15]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[16]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[17]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[18]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]
									$picture_number = Math.floor(Math.random()*20+1);
									slideshowcontent[19]=["website_pictures/mainpic"+$picture_number+".jpg", "", ""]



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

									var bgcolor='green'

									var imageholder=new Array()
									for (i=0;i<slideshowcontent.length;i++){
									imageholder[i]=new Image()
									imageholder[i].src=slideshowcontent[i][0]
									}

									var ie4=document.all
									var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

									if (ie4||dom)
									document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
									else if (document.layers){
									document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
									}

									var curpos=trans_width*(-1)
									var curcanvas="canvas0"
									var curindex=0
									var nextindex=1

									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 (curpos<0){
									curpos=Math.min(curpos+degree,0)
									tempobj.style.left=curpos+"px"
									}
									else{
									clearInterval(dropslide)
									if (crossobj.filters)
									crossobj.filters.alpha.opacity=100
									else if (crossobj.style.MozOpacity)
									crossobj.style.MozOpacity=1
									nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
									tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
									tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
									nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
									setTimeout("rotateslide()",pause)
									}
									}

									function rotateslide(){
									if (ie4||dom){
									resetit(curcanvas)
									crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
									crossobj.style.zIndex++
									if (crossobj.filters)
									document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
									else if (crossobj.style.MozOpacity)
									document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
									var temp='setInterval("moveslide()",50)'
									dropslide=eval(temp)
									curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
									}
									else if (document.layers){
									crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
									crossobj.document.close()
									}
									curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
									}
									
									function jumptoslide(which){
									curindex=which
									rotateslide()
									}
									
									function resetit(what){
									curpos=parseInt(trans_width)*(-1)
									var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
									crossobj.style.left=curpos+"px"
									}

									function startit(){
									crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
									if (ie4||dom){
									crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
									rotateslide()
									}
									else{
									document.tickernsmain.visibility='show'
									curindex++
									setInterval("rotateslide()",pause)
									}
									}

									if (window.addEventListener)
									window.addEventListener("load", startit, false)
									else if (window.attachEvent)
									window.attachEvent("onload", startit)
									else if (ie4||dom||document.layers)
									window.onload=startit