$j(document).ready(function(){
    flipper.init();
});

var flipper={
    flipper_url:'gadgets/flipper/',
    starter:null,
    slide_timer:null,
    slide_delay:4000,
    slide_position:1,
    slide_height:261,
    slide_speed:1000,
    top_position:0,
    init:function(){
        flipper.startup();
        $j('#flipper_display').click(function(){
            flipper.openUrl();
        });
        $j('#flipper_nav_up').click(function(){
            flipper.moveUp();
        });
        $j('#flipper_nav_dn').click(function(){
            flipper.moveDn();
        });

        $j('#flipper_nav_1').click(function(){
            flipper.setPos(1);
        });
        $j('#flipper_nav_2').click(function(){
            flipper.setPos(2);
        });
        $j('#flipper_nav_3').click(function(){
            flipper.setPos(3);
        });
        $j('#flipper_nav_4').click(function(){
            flipper.setPos(4);
        });
        $j('#flipper_nav_5').click(function(){
            flipper.setPos(5);
        });
    },
    openUrl:function(){
        var url=null;
        switch(flipper.slide_position){
            case 1: url=flurl1; break;
            case 2: url=flurl2; break;
            case 3: url=flurl3; break;
            case 4: url=flurl4; break;
            case 5: url=flurl5; break;
        }
        window.open(url);
    },
    moveDn:function(){
        flipper.stop();
        flipper.slide_position++;
        if(flipper.slide_position>5){
            flipper.slide_position=1
        } //resetting position
        flipper.move();
        flipper.start();
    },
    moveUp:function(){
        flipper.stop();
        flipper.slide_position--;
        if(flipper.slide_position<1){
            flipper.slide_position=5
        } //resetting position
        flipper.move();
        flipper.start();
    },
    setPos:function(pos){        
        flipper.stop();
        flipper.slide_position=pos;
        flipper.move();
        flipper.start();
    },
    move:function(){
        flipper.top_position=flipper.slide_height*(flipper.slide_position-1);

        $j('#flipper_slides').animate({
            top:-flipper.top_position
        }, flipper.slide_speed);
        flipper.resetNav(flipper.slide_position);
    },
    autoMove:function(){
        flipper.slide_position++;
        if(flipper.slide_position>5){
            flipper.slide_position=1
        } //resetting position
        flipper.move();
    },
    resetNav:function(pos){        
        $j('#flipper_nav_1').removeClass('flipper_nav_sel').addClass('flipper_nav');
        $j('#flipper_nav_2').removeClass('flipper_nav_sel').addClass('flipper_nav');
        $j('#flipper_nav_3').removeClass('flipper_nav_sel').addClass('flipper_nav');
        $j('#flipper_nav_4').removeClass('flipper_nav_sel').addClass('flipper_nav');
        $j('#flipper_nav_5').removeClass('flipper_nav_sel').addClass('flipper_nav');
        
        $j('#flipper_nav_'+pos).removeClass('flipper_nav').addClass('flipper_nav_sel');
    },
    start:function(){        
        $j('#flipper_display').removeClass();
        $j('#flipper_slides').removeClass();
        flipper.slide_timer=setInterval('flipper.autoMove()', flipper.slide_delay);
    },
    stop:function(){
        clearInterval(flipper.slide_timer);
    },
    startup:function(){        
        flipper.starter=setInterval('flipper.preload()',400);
    },
    preload:function(){        
        var complete=0;
        var i1=new Image();
        var i2=new Image();
        var i3=new Image();
        var i4=new Image();
        var i5=new Image();
        var i6=new Image();
        var i7=new Image();
        var i8=new Image();
        var i9=new Image();
        var i10=new Image();
        var i11=new Image();
        var i12=new Image();
        var i13=new Image();
        var i14=new Image();
        var i15=new Image();
        var i16=new Image();        
        
        i1.src=this.flipper_url+"images/Flipper_Arrow_Down.png";
        i2.src=this.flipper_url+"images/Flipper_Arrow_Up.png";
        i3.src=this.flipper_url+"images/Flipper_Not_selected_tab.png";

        i4.src=this.flipper_url+"images/Flipper_Arrow_Down_Hover.png";
        i5.src=this.flipper_url+"images/Flipper_Arrow_Up_Hover.png";
        i6.src=this.flipper_url+"images/Flipper_selected_tab.png";

        i7.src=flg1;
        i8.src=flg2;
        i9.src=flg3;
        i10.src=flg4;
        i11.src=flg5;

        i12.src=flg6;
        i13.src=flg7;
        i14.src=flg8;
        i15.src=flg9;
        i16.src=flg10;

        if(i1.complete){
            complete+=1;
        }
        if(i2.complete){
            complete+=1;
        }
        if(i3.complete){
            complete+=1;
        }
        if(i4.complete){
            complete+=1;
        }
        if(i5.complete){
            complete+=1;
        }
        if(i6.complete){
            complete+=1;
        }
        if(i7.complete){
            complete+=1;
        }
        if(i8.complete){
            complete+=1;
        }
        if(i9.complete){
            complete+=1;
        }
        if(i10.complete){
            complete+=1;
        }

        if(i11.complete){
            complete+=1;
        }
        if(i12.complete){
            complete+=1;
        }
        if(i13.complete){
            complete+=1;
        }
        if(i14.complete){
            complete+=1;
        }
        if(i15.complete){
            complete+=1;
        }
        if(i16.complete){
            complete+=1;
        }                
        if(complete>=16){
            clearInterval(flipper.starter);
            flipper.start();
        }
    }
}