(function(){function addEvent(el,eT,f,cap){if(el.attachEvent){el['e'+eT+f]=f;el[eT+f]=function(){el['e'+eT+f](window.event);};el.attachEvent('on'+eT,el[eT+f]);return true;}else if(el.addEventListener){el.addEventListener(eT,f,cap);return true;}}
function Slider(){var that=this;
//////////////////////////////////////////////
// You may edit the values in this section. //
//////////////////////////////////////////////
this.tW = 705; // Overall width of Frame in pixels
this.tH = 150; // Overall height of Frame in pixels
this.oW = 295; // Width of OPEN Slider in pixels.
this.s  = 9;  // Animation Speed - Higher=slower - sensible range 5-35
this.stst = "rest"; // Animation type - Options: "rest" or "squash(space)Number of open slide"
                    // e.g. "squash 2" will open the second slide from the left
this.stFrom = "right";   // when images first load, they can start from "left", "right" or "centre"
var imgpath = "http://www.smrbathrooms.co.uk/images/";  // path to image files (including trailing forward slash)
this.pics = {
// The 'single quoted' values below are the filenames of the images and the URLs of the pages
// they link to. Do not edit the "double quoted" names except the "1", "2" etc if you need to
// change the number of elements.
// Use absolute URLs for the links
// "1" : {"imag":'VAT5.gif', "lnk":'http://www.smrbathrooms.co.uk/acatalog/Crystal-Quadrant-Shower-Cubicles-Shower-Enclosures.html?SlideAd-ShowerQuad'}, // <<< NOTE COMMA
// "1" : {"imag":'ad-VB50.gif', "lnk":'http://www.smrbathrooms.co.uk/Special-Offers-bathroom-taps-radiator.htm?SlideAd-VB50#OFFER1'}, // <<< NOTE COMMA
"2" : {"imag":'ad_101.gif', "lnk":'http://www.smrbathrooms.co.uk/acatalog/Radiator_Valves.html?SlideAd-Byron'}, // <<< NOTE COMMA
"3" : {"imag":'ad_102.gif', "lnk":'http://www.smrbathrooms.co.uk/WEATHER.htm?Snow-Update'}, // <<< NOTE COMMA
"5" : {"imag":'ad_103.gif', "lnk":'http://www.smrbathrooms.co.uk/acatalog/Bathroom-taps.html?SlideAd-BathroomTapsSection'}  // <<< NOTE NO COMMA
// NO COMMA ON LAST ELEMENT
};
// STOP EDITING HERE!! //
/////////////////////////
var pCt=0;for(var i in this.pics){if(this.pics[i].lnk){this.pics[i].im=new Image();this.pics[i].loaded=false;this.pics[i].im.src=imgpath+this.pics[i].imag;this.pics[i].state=this.stst.split(" ")[0];pCt++;}}
if(this.stst.split(" ")[1]){this.pics[this.stst.split(" ")[1]].state='open';}
this.sW=Math.ceil((this.tW-this.oW)/(pCt-1));this.rW=Math.ceil(this.tW/pCt);if(this.stFrom==='left'){this.stFrom=0;}else if(this.stFrom==='right'){this.stFrom=this.tW;}else if(this.stFrom==='centre'){this.stFrom=(this.tW/2)-(this.rW/2);}
this.slider=document.createElement('div');this.slider.style.height=this.tH+'px';this.slider.style.width=this.tW+'px';this.slider.style.overflow='hidden';this.slider.style.position='relative';document.getElementById('MJNSlider').appendChild(this.slider);this.timer=setInterval(function(){that.checkLoaded();},100);}
Slider.prototype.checkLoaded=function(){var isloaded=true;for(var i in this.pics){if(this.pics[i].loaded===false){isloaded=false;}}
if(!isloaded){for(i in this.pics){if(this.pics[i].im.complete){this.pics[i].loaded=true;}}}else{clearInterval(this.timer);this.init();}};Slider.prototype.init=function(){var that=this,c=0;for(var i in this.pics){if(this.pics[i].lnk){c=this.pics[i];c.slide=this.makeSlide(c);c.xpos=this.stFrom;c.slide.style.left=c.xpos;this.slider.appendChild(c.slide);addEvent(c.slide,'mouseover',function(){that.setState(this);},false);if(c.state==='rest'){addEvent(c.slide,'mouseout',function(){that.setState();},false);}}}
setInterval(function(){that.resize();},1);};Slider.prototype.setState=function(el){for(var i in this.pics){if(this.pics[i].lnk){this.pics[i].state=(el)?(el!==this.pics[i].slide)?"squash":"open":"rest";}}};Slider.prototype.resize=function(){var c=0,cL=0,j=0;this.op=1000;for(var i in this.pics){if(this.pics[i].lnk){c=this.pics[i];cL=c.slide.offsetLeft;if(c.state==='open'){c.xpos+=(this.sW*j-cL)/this.s;this.op=j;}else if(c.state==='squash'){c.xpos+=(j>this.op)?(this.sW*(j-1)-cL+this.oW)/this.s:(this.sW*j-cL)/this.s;}else{c.xpos+=(this.rW*j-cL)/this.s;}
c.slide.style.left=Math.ceil(c.xpos)+'px';j++;}}};Slider.prototype.makeSlide=function(c){var s=document.createElement('a');s.style.position='absolute';c.im.style.border=0;s.href=c.lnk;s.appendChild(c.im);return s;};if(document.getElementById){addEvent(window,'load',function(){var sld=new Slider();},false);}})();