$(document).ready(function(){
    var nextchange = 1;
    var numMax = $('ul#max li').size();
    var change = 1;
    $('ul#thumbs li a').click(function(e){
        change=0;
        e.preventDefault();
        nextchange=$(this).attr('id').match('[0-9]+');
        if($('ul#max li.front').attr('id')==$('ul#max li#i'+$(this).attr('id').match('[0-9]+')).attr('id'))return;
        $('ul#max li.front').fadeOut(750,function(){$(this).removeClass('front');});
        $('ul#max li#i'+nextchange).hide(0).addClass('front').fadeIn(750);
        nextchange++;
        nextchange=nextChange%numMax;
        $('ul#thumbs li#disp').attr('id',null);
        $('ul#thumbs li a[href='+$(this).attr('href')+']').parent().attr('id','disp');
    });
    
    
    function slider(){
        this.thumbsCount = $('ul#thumbs li').size();
        this.minCount = this.thumbsCount*79;
        this.hidden = this.minCount-300;
        this.curPos = 0;
        
        this.slideLeft = function(event)
        {
            var my = event.data;
            var to = -my.curPos;
            if(to)
                $('ul#thumbs').animate({left:'+='+to+'px'},1000);
        }
        
        this.slideRight = function(event)
        {
            var my = event.data;
            var to = my.hidden+my.curPos;
            if(to)
                $('ul#thumbs').animate({left:'-='+to+'px'},1000);
        }
        
        this.stopSlide = function (event)
        {
            var my = event.data;
            $('ul#thumbs').stop(true);
            my.curPos = parseInt($('ul#thumbs').css('left'));
        }
        if ( this.thumbsCount > 3 )
        {
            $('a#thumbs_right').bind('mouseover',this,this.slideRight);
            $('a#thumbs_left').bind('mouseover',this,this.slideLeft);
            $('a#thumbs_right').bind('mouseout',this,this.stopSlide);
            $('a#thumbs_left').bind('mouseout',this,this.stopSlide);
        }
    };
    
    
    var mslid=new slider();

    if(mslid.thumbsCount>1)
    setInterval( function(){
        if(change)
        {
            nextchange = nextchange % numMax;
            var image = new Image( );
            var cn  = nextchange + '';
            image.src = $( 'ul#max li#i' + cn + ' img' ).attr('src');
            if (!image.complete)return;
            $('ul#max li.front').fadeOut(1000,function(){$(this).removeClass('front');});
            $('ul#max li#i'+nextchange).hide(0).addClass('front').fadeIn(1000);
            nextchange++;
        }
        else
        {
            change=1;
        }
    }, 5500 );            
});