var slideshow_width='200px'
var slideshow_height='150px'
var numOfPics = 18
var pause=5000
var dropimages=new Array()
var droplinks=new Array()
var showId=new Array()
var x = 1
var i = 1
var curpos=parseInt(slideshow_height)*(-1)
var degree=12
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
var preloadedimages=new Array()
var ie4=document.all
var dom=document.getElementById
var link ="?pid=25"
var path="../scroll/"

for (j=1; j<=numOfPics; j++) {
	dropimages[i-1]=path+j+".jpg"
	droplinks[x-1]=link
	i++
	x++
}

////NO need to edit beyond here/////////////

	for (p=0;p<dropimages.length;p++){
		preloadedimages[p]=new Image()
		preloadedimages[p].src=dropimages[p]
	}

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden">'+
               '<div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:-'+slideshow_height+'"></div>'+
		   '<div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:-'+slideshow_height+'"></div></div>')
else
	document.write('<a href="javascript:rotatelink()"><img name="defaultslide" border="1" src="'+dropimages[0]+'" border=0></a>')

if (ie4||dom)
	window.onload=startit
else
	setInterval("rotateimage()",pause)

function movepic(){
	if (curpos<0){
	curpos=Math.min(curpos+degree,0)
	tempobj.style.top=curpos+"px"
	}
	else{
	clearInterval(dropslide)
	nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
	tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
	tempobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=1 ></a>'
	nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
	setTimeout("rotateimage()",pause)
	}
}

function rotateimage(){
	if (ie4||dom){
	resetit(curcanvas)
	var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.style.zIndex++
	var temp='setInterval("movepic()",50)'
	dropslide=eval(temp)
	curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
	} else
	document.images.defaultslide.src=dropimages[curimageindex]
	linkindex=curimageindex
	curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
	}

	function rotatelink(){
		window.location=droplinks[linkindex]
	}

	function resetit(what){
	curpos=parseInt(slideshow_height)*(-1)
		var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
		crossobj.style.top=curpos+"px"
	}

	function startit(){
	var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=1></a>'
	rotateimage()
	}

