$('first_slide').style.display = 'block';
    $('topslot_first_thumb').swapClass('off','on');
    $('topslot_nav_thumbs').setStyle('display', 'block');


var KTSwitcher;
KT.init.include(function(){
    KTSwitcher = {
        //timing settings
        SLIDE_DELAY: 8000,
        indexCurrent: 0,
        indexNext: 1,
        currentZIndex: 1,
        slides: $('bighead').getElements('.slide'),
        thumbs: $('navigation').getElements('.thumb'),
       

        switchSlide: function(){
       
			
			//get the various elements
            var newSlide = this.slides[this.indexNext];
            var oldSlide = this.slides[this.indexCurrent];
          
			//do thumbs
            this.thumbs[this.indexCurrent].swapClass('on','off');
            this.thumbs[this.indexNext].swapClass('off','on');

            var info_backdrop = newSlide.getElement('.info_backdrop');
            var info_text = newSlide.getElement('.info');

             //reset the new slide
             info_backdrop.setStyle('top',400);
             info_text.setStyle('opacity',0);

             this.getReadyToEnter(newSlide);

               //show the new slide
             newSlide.style.display='block';

   
			//hide the old slide
             this.slideExit(oldSlide);
              //bring in new slide
             this.slideEnter(newSlide);

              //show the nav
              $('topslot_nav_thumbs').setStyle('display', 'block');

              //nifty transition effects
              info_backdrop.set('tween', {duration:300});
              info_text.set('tween', {duration:500});
              info_backdrop.tween.delay(800, info_backdrop,['top','200px']);
              info_text.tween.delay(1000, info_text, ['opacity',1]);

              //update the indices
              this.indexCurrent = this.indexNext;
              this.indexNext = ((this.indexNext+1 == this.slides.length) ? 0 : this.indexNext + 1);
        },

        getReadyToEnter: function(slideObj) {
            slideObj.setStyle('opacity',0);
            slideObj.setStyle('z-index',this.currentZIndex);
            this.currentZIndex++;
            //reset the z-index once in a while
            if (this.currentZIndex > 1000) this.currentZIndex = 1;
            //slideObj.setStyle('left',0);
        },

        slideEnter: function(slideObj) {
            slideObj.set('tween', {duration:500});
            slideObj.tween('opacity',1);
        },

        slideExit: function(slideObj) {
            //slideObj.set('tween', {duration:800});
            //slideObj.tween('left',985);
            //do not remove function to set display=none
            slideObj.setStyle.delay(1000, slideObj,['display','none']);
        },

        //set interval between switches
        KTTIMER: {},

        start: function(n) {
            //this sets the overall timing in ms
            this.KTTIMER = setInterval('KTSwitcher.switchSlide()',this.SLIDE_DELAY);
            //lets you start at some other slide
            if (typeof n == "number"){
                this.switchTo(n)
            }
            return true;
        },
        stop: function() {
            clearInterval(this.KTTIMER);
            clearTimeout(this.KTTIMER);
            return true;
        },
        pause: function(msecs){
            this.stop();
            this.KTTIMER = setTimeout('KTSwitcher.start()',msecs);
        },
        switchTo: function(n){
            this.pause(5000);
            this.indexNext = n;
            this.switchSlide();
            return false;
        },
        jumpAhead: function(){
            this.switchTo(this.indexNext);
            return false;
        },
        jumpBack: function(){
            var n = ((this.indexCurrent == 0) ? this.slides.length - 1 : this.indexCurrent - 1)
            this.switchTo(n);
            return false;
        }

    };
  
    KTSwitcher.start(KT_INDEX);
    
});