var endPosX; var objCreated=false; if (document.all){ var IE = true; }else if (document.layers){ var NS = true; }else if (document.documentElement){ var W3C = true; } function makeObj(obj){ this.elem = W3C?document.getElementById(obj):IE?document.all[obj]:NS?eval('document.'+obj):0; this.css = W3C?document.getElementById(obj).style:IE?document.all[obj].style:NS?eval('document.'+obj):0; return this; } //############################################################# function moveSlider(){ sliderX = parseInt(obj_slider1.css.left); distX = (sliderX - (endPosX))*.2; newX = sliderX - distX; if (Math.abs(distX) > 0){ obj_slider1.css.left = newX; obj_slider2.css.left = newX; setTimeout("moveSlider()", 20); }else{ obj_slider1.css.left = endPosX; obj_slider2.css.left = endPosX; } } //############################################################# function setBars(){ obj_slider1 = new makeObj('navSlider1'); obj_slider2 = new makeObj('navSlider2'); obj_slider1.css.left = 500; obj_slider2.css.left = 500; objCreated = true; } //############################################################# function swapImg(img,state){ if(document.images && img != "" && objCreated){ // get final left position for slider switch (img){ case "btnAbout" : endPosX = 20; break; case "btnResults" : endPosX = 100; break; case "btnGuarantee" : endPosX = 183; break; case "btnProducts" : endPosX = 255; break; case "btnFAQ" : endPosX = 305; break; case "btnContact" : endPosX = 360; break; } if(state == "over"){ document[img].src = "images/" + img + "_1.gif"; moveSlider(); }else{ document[img].src = "images/" + img + "_0.gif"; endPosX = 500 setTimeout("moveSlider()", 100); } } }