function SpiderFader(){
    this.handle = 'moveit';
    this.background = '#000';
    this.timePerSlide = 5000;
    this.play = play;
    this.pause = pause;
    this.toggle = toggle;
    this.fadecount = 4;
    this.duration = 1.2;
    this.mode = 'play';
    this.gotoslide = gotoslide;
    this.turnoffimages = turnoffimages;
   
    var fadecount = 0;
    var fadecurrent = 0;
    var fadeitwrapper = null;

    var me = this;
    
    function gotoslide(slide){

        me.turnoffimages();
        $('gotoslide'+ slide).src = $('gotoslide'+ slide).src.replace('off','on');
        me.pause();
    
        var x=document.getElementsByTagName("div");
	    for (var i=0;i<x.length;i++){
		    if (x[i].id.indexOf(this.handle)>-1){	 
                if (x[i].id.replace(this.handle,'') == slide){
                    $(x[i].id).style.display = "block";  
                    fadecurrent = slide-1 
                } else { 
                    $(x[i].id).style.display = "none";
                }
		    }
	    }
    }
    
    function pause(){
        clearInterval(fadeitwrapper);    
        me.mode = 'pause';
         $('playpauseimg').src = '/images/nav/on/play.gif';
    }
    
    function play(){
        fadeitwrapper = setInterval(fadeit,me.timePerSlide);
        me.mode = 'play';
    }
    
    function toggle(){
        if (me.mode == 'play'){
            $('playpauseimg').src = '/images/nav/on/play.gif';
            me.pause();
        } else {
            $('playpauseimg').src = '/images/nav/on/pause.gif';
            me.play();
        }
    }

    function turnoffimages(){
     for (var i=1;i<me.fadecount+1;i++){
            $('gotoslide'+ i).src = $('gotoslide'+ i).src.replace('on','off');
        }
        
    }
    
    function fadeit(){       
        fadecurrent = fadecurrent + 1;
        var slide = fadecurrent -1;
        me.turnoffimages();
         fadenext = fadecurrent + 1;
        if (fadecurrent == me.fadecount+1){
            fadecurrent = 1;
            fadenext = fadecurrent +1;
        } 
        if ((fadenext)> me.fadecount){
            fadenext = 1
        }
        
           //document.title = fadenext;
        $('gotoslide'+ fadenext).src = $('gotoslide'+ fadenext).src.replace('off','on');
    
        
        Effect.Fade(me.handle + fadecurrent,{duration: me.duration});
        Effect.Appear(me.handle + fadenext,{duration: me.duration});
    }
}

        var sl = new SpiderFader();
        sl.handle = 'moveit';
        sl.fadecount = 5;
        sl.play();