var timerheight = 305;

$(function(){
    if($('#slider .slide').length>0){
        //timerheight = $lbb.height();
        var name = "", no;
        $('#slider .slide').each(function(){
            name = "";
            $(this).find('.title div').each(function(){
                name += $(this).html()+' ';
            });
            $('#slideshow_nav').append('<li>'+name+'</li>');
        });
        $('#slideshow_nav li').css('width',Math.floor(960/$('#slideshow_nav li').length))
                              .click(function(){
                                  $('#light-blue-bar').stop(true,false);
                                  switchTo( $('#slider .slide:eq('+$(this).index()+')') );
                              });
        
        if($('#slider .slide.active').length==0){
            $('#slider .slide:first').addClass('active');
        }
        
        no = $('#slider .slide.active').index();
        $('#slideshow_nav li:eq('+no+')').addClass('active');
        
        $('#slider .slide.active').show();
               
        timer();
        
        $('#slider').hover(function(){
            $('#light-blue-bar').stop(true,false).animate({'height':timerheight});
        },function(){
            timer();
        });
    }
});

function timer(){
    var duration = 8000,
        $cur = $('#slider .slide.active'),$next;
    $('#light-blue-bar').animate({'height':timerheight},duration,
        function(){
            
            if( $cur.index() == ($('#slider .slide').length-1)){
                $next = $('#slider .slide:first');
            } else {
                $next = $cur.next();
            }
            
            switchTo($next);
        }
    );
}

function switchTo($next){
    $('#slider .slide.active').fadeOut(300,function(){
        $(this).attr('style','');
    }).removeClass('active');
    
    $next.css({'position':'absolute','top':0}).fadeIn(300).addClass('active');
    
    $('#light-blue-bar').animate({'height':timerheight},function(){
        timer();
    });
    
    $('#slideshow_nav li.active').removeClass('active');
    $('#slideshow_nav li:eq('+$next.index()+')').addClass('active');
}