// URLs of slides


var slideurl=new Array("img/hot_1_off.jpg","img/hot_3_off.jpg","img/hot_4_off.jpg","img/hot_5_off.jpg","img/hot_6_off.jpg","img/hot_7_off.jpg","img/hot_8_off.jpg","img/hot_9_off.jpg","img/hot_10_off.jpg","img/hot_11_off.jpg","img/hot_12_off.jpg","img/hot_13_off.jpg","img/hot_14_off.jpg","img/hot_15_off.jpg");





// Display mouseover image


var slideOver=new Array("hot_wheel","hot_brake","hot_hubs","hot_mount","hot_collars","hot_wrenches","hot_washers","hot_spacers","hot_puller","hot_pedals2","hot_knob","hot_risers","hot_jet_holder","hot_cable_clamp");





// comments displayed below the slides


var slidecomment=new Array("","","","","","","","","","","","","","")





// links for each slide


var slidelink=new Array("http://www.pktaxles.com/mm5/merchant.mvc?Screen=CTGY&Store_Code=PKTS&Category_Code=WH","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKT200&Category_Code=BR","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTRearHubs&Category_Code=WH","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTRTXPipeMount&Category_Code=RTXPKT","http://www.pktaxles.com/mm5/merchant.mvc?Screen=CTGY&Store_Code=PKTS&Category_Code=AO","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTSpanner&Category_Code=","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKT6x20mmwasher&Category_Code=","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKT17mmwheelspacer&Category_Code=","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTPuller&Category_Code=","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTpedalkk&Category_Code=","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=ROT261030&Category_Code=","http://www.pktaxles.com/mm5/merchant.mvc?Screen=CTGY&Store_Code=PKTS&Category_Code=CH","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTJetTool&Category_Code=C50FS","http://www.pktaxles.com/mm5/merchant.mvc?Screen=PROD&Store_Code=PKTS&Product_Code=PKTCableClamp&Category_Code=FU")





// targets of the links. Allowed values: "_parent", "_top", "_blank", "_self"


var slidetarget=new Array("","","","","","","","","","","","","","")





// the width of the slideshow (pixels)


var scrollerwidth=340





// the height of the slideshow (pixels)


var scrollerheight=102





// width of the transparent zones (pixels)


var translayerszone=40





// font-attributes for the comments


var slidefont="Arial"


var slidefontcolor="blue"


var slidefontsize="2"





// background-color of webpage 


var pagebgcolor="#FFFFFF"





// do not edit below this line


var translayerswidth=1


var translayersmax=Math.floor(translayerszone/translayerswidth)


var translayersleftpos=0


var translayersopacity=100


var translayersfactor=100/translayersmax


var translayerswidthall=translayersmax*translayerswidth


var allpicturewidth


var distancepictopic=0


var scrollerleft=0


var scrollertop=0


var pause=20


var step=2


var newstep=step


var clipleft,clipright,cliptop,clipbottom


var i_picture=0


var timer


var picturecontent=""


var ns4=document.layers?1:0


var ns6=document.getElementById&&!document.all?1:0 


var ie=document.all?1:0


var browserinfos=navigator.userAgent 


var opera=browserinfos.match(/Opera/)  





var preloadedimages=new Array();


for (i=0;i<slideurl.length;i++){


	preloadedimages[i]=new Image()


	preloadedimages[i].src=slideurl[i]


}





function initScroller() {


    if (ie) {


		allpicturewidth=document.all.picturediv.offsetWidth


		document.all.picturediv.style.posTop=scrollertop


        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth


		clipleft=0


		clipright=0


		cliptop=0


		clipbottom=scrollerheight


		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"


		document.all.picturediv.style.visibility="visible"


		scrollpicture()


		


    }


	if (ns6) {


		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth;


		document.getElementById('picturediv').style.top=scrollertop;


        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth;


		clipleft=0;


		clipright=0;


		cliptop=0;


		clipbottom=scrollerheight;


		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")";


		document.getElementById('picturediv').style.visibility="visible";


		scrollpicture();


    }


	if (ns4) {


		allpicturewidth=document.roof.document.picturediv.document.width


		document.roof.document.picturediv.top=scrollertop


		document.roof.document.picturediv.left=scrollerleft+scrollerwidth


		document.roof.document.picturediv.clip.left=0


		document.roof.document.picturediv.clip.right=0


		document.roof.document.picturediv.clip.top=0


		document.roof.document.picturediv.clip.bottom=scrollerheight


		document.roof.document.picturediv.visibility="visible"


        scrollpicture()


    }


}





function scrollpicture() {


    if (ie) {


		if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {


			document.all.picturediv.style.posLeft-=step


			clipright+=step


			if (clipright>scrollerwidth) {


				clipleft+=step


			}


			document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		


			var timer=setTimeout("scrollpicture()",pause)


		}


		else {


			resetposition()


		}


	}


	if (ns6) {


		if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {


	document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step


			clipright+=step


			if (clipright>scrollerwidth) {


				clipleft+=step


			}


			document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		


			var timer=setTimeout("scrollpicture()",pause)


		}


		else {


			resetposition()


		}


	}


   if (ns4) {


		if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {


			document.roof.document.picturediv.left-=step


			document.roof.document.picturediv.clip.right+=step


			if (document.roof.document.picturediv.clip.right>scrollerwidth) {


				document.roof.document.picturediv.clip.left+=step


			}


			var timer=setTimeout("scrollpicture()",pause)


		}


		else {


			resetposition()


		}


	}


}





function onmsover(hotImg) {


	step=0


  groupOn(hotImg);


}


function onmsout(hotImg) {


	step=newstep


  groupOff(hotImg);


}





function resetposition() {


	if (ie) {


        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth


		clipleft=0


		clipright=0


		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"


        scrollpicture()


	}


	if (ns6) {


		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth


        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth


		clipleft=0


		clipright=0


		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"


        scrollpicture()


	}


	if (ns4) {


		document.roof.document.picturediv.left=scrollerleft+scrollerwidth


		document.roof.document.picturediv.clip.left=0


		document.roof.document.picturediv.clip.right=0


        scrollpicture()


	}


}





picturecontent=""


picturecontent+="<table cellpadding=2 cellspacing=0>"


picturecontent+="<tr><td>"


for (i=0;i<=slideurl.length-1;i++) {


	picturecontent+='<a href="'+slidelink[i]+'" target="'+slidetarget[i]+'" onMouseOver="javascript:onmsover(\''+slideOver[i]+'\')" onMouseOut="javascript:onmsout(\''+slideOver[i]+'\')"><img src="'+slideurl[i]+'" border=0></a>'


}


picturecontent+="</td></tr>"


picturecontent+="<tr>"


for (i=0;i<=slideurl.length-1;i++) {


	picturecontent+="<td>"


	picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"


	picturecontent+=slidecomment[i]


	picturecontent+="</font>"


	picturecontent+="</td>"


}


picturecontent+="</tr>"


picturecontent+="</tr></table>"





if (ie || ns6) {


	document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')


	document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')


	if (ie && !opera) {


		for (i=0;i<=translayersmax;i++) {


		document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')


		translayersleftpos+=translayerswidth


		translayersopacity-=translayersfactor


		}


		translayersleftpos=scrollerwidth-translayersleftpos


		for (ii=0;ii<=translayersmax;ii++) {


		document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')


		translayersleftpos+=translayerswidth


		translayersopacity+=translayersfactor


		}


	}


	if (ns6 && !opera) {


		for (i=0;i<=translayersmax-1;i++) {


		document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')


		translayersleftpos+=translayerswidth


		translayersopacity-=translayersfactor


		if (translayersopacity<0) {translayersopacity=0.001}


		}


		translayersleftpos=scrollerwidth-translayersleftpos


		translayersopacity=0.001


		for (i=0;i<=translayersmax-1;i++) {


		document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')


		translayersleftpos+=translayerswidth


		translayersopacity+=translayersfactor


		}


	}


	document.write('</div>')


	document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')





	window.onload=initScroller


}





if (ns4) {


	document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')


	document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')


	document.write('</ilayer>')


	window.onload=initScroller


}