/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

 
var slide_1=new Image();
var slide_2=new Image();
var slide_3=new Image();
var slide_4=new Image();
var slide_5=new Image();
 
$j(document).ready(function(){
    flipper.preload();
    
    $j('#flipper_left_nav').click(function(){
        flipper.prev();
    });
    $j('#flipper_control_nav').click(function(){
        flipper.control();
    });
    $j('#flipper_right_nav').click(function(){
        flipper.next();
    });
});

var flipper={
    timeout:null,
    sparkplug:null,
    flipper_status:"s",
    slide_id:0,
    next:function(){
        this.pause();
        this.nextSlide();
    },
    prev:function(){
        this.pause();
        this.prevSlide();
    },
    nextSlide:function(){
        this.slide_id=this.slide_id+1;
        this.resetSlide();
        this.showSlide();
    },
    prevSlide:function(){
        this.slide_id=this.slide_id-1;
        this.resetSlide();
        this.showSlide();
    },
    resetSlide:function(){
        if(this.slide_id>5){
            this.slide_id=1;
        }
        if(this.slide_id<1){
            this.slide_id=5;
        }
    },
    showSlide:function(){
        $j('#flipper_display').removeClass().hide();
        $j('#flipper_display').addClass('slide_'+this.slide_id).fadeIn("normal");
    },
    play:function(){
        $j('#flipper_loading').css("display","none");
        clearInterval(this.sparkplug);
        this.flipper_status="s";
        $j('#flipper_control_nav').removeClass();
        $j('#flipper_control_nav').addClass('flipper_pause');
        this.nextSlide();
        this.timeout = setTimeout('flipper.play()', 4500);
    },
    pause:function(){
        this.flipper_status="p";
        $j('#flipper_control_nav').removeClass();
        $j('#flipper_control_nav').addClass('flipper_play');
        clearTimeout(this.timeout);
    },
    control:function(){
        if(this.flipper_status=="s"){
            this.pause();
        }else{
            this.play();
        }
    },
    startup:function(){
        
        var total=20;
        if(slide_1.complete){
            total=total+20;
        }

        if(slide_2.complete){            
            total=total+20;
        }

        if(slide_3.complete){            
            total=total+20;
        }
        if(slide_4.complete){            
            total=total+20;
        }
        if(slide_5.complete){            
            total=total+20;
        }
        
        $j('#flipper_loading').text("Loading: "+total+"%");
        if(total>=100){
            flipper.play();
        }
    },
    preload:function(){
        $j(slide_1).attr("src", preload_slide_1);                
        $j(slide_2).attr("src", preload_slide_2);        
        $j(slide_3).attr("src", preload_slide_3);        
        $j(slide_4).attr("src", preload_slide_4);        
        $j(slide_5).attr("src", preload_slide_5);
        this.sparkplug = setInterval(flipper.startup, 100);
    }
}