				var slideshow_width='170px'
					var slideshow_height='205px'
					var pause=3000 
					var slidebgcolor="#ffffff"
					var dropimages=new Array()
					
						dropimages[0]="img/2.jpg"
						dropimages[1]="img/3.jpg"
						dropimages[2]="img/4.jpg"
						dropimages[3]="img/5.jpg"
						
					var droplinks=new Array()
					
						droplinks[0]="cat_02.html"
						droplinks[1]="cat_03.html"
						droplinks[2]="cat_04.html"
						droplinks[3]="cat_05.html"
						
					var preloadedimages=new Array()
					for (p=0;p<dropimages.length;p++){
					preloadedimages[p]=new Image()
					preloadedimages[p].src=dropimages[p]
					}

						var ie4=document.all
						var dom=document.getElementById

					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+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
					else
					document.write('<a href="javascript:rotatelink()"><img name="defaultslide" 	src="'+dropimages[0]+'" border=0></a>')

					var curpos=parseInt(slideshow_width)*(-1)
					var degree=10
					var curcanvas="canvas0"
					var curimageindex=linkindex=0
					var nextimageindex=1

					function movepic(){
					if (curpos<0){
					curpos=Math.min(curpos+degree,0)
					tempobj.style.left=curpos+"px"
					}
					else{

					clearInterval(dropslide)
					nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
					tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
					var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
					tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' : slideimage
					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(){
					if (droplinks[linkindex]!="")
					window.location=droplinks[linkindex]
					}
					
					function resetit(what){
					curpos=parseInt(slideshow_width)*(-1)
					var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
					crossobj.style.left=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=0></a>'
					rotateimage()
					}
					
					if (ie4||dom)
					window.onload=startit
					else
					setInterval("rotateimage()",pause)
				

