$(document).ready(function(){
 var panelhide = function(){
            var panel, libg;
            panel = $('#photos div.panel');
            panel.hide();
            libg = $('.filmstrip li');
            libg.removeClass('filmstripover');
            libg.addClass('filmstripdefault');

        }
        var index = 0;
        var tag = 0;
        
        var run = function(){
            var panel, libg;
            if (tag == 0) {
                panelhide();
                libg = $('.filmstrip li').eq(index % 3);
                libg.removeClass('filmstripdefault');
                libg.addClass('filmstripover');
                panel = $('#photos div.panel').eq(index % 3);
                index++;
                panel.show();
            }
   
   setTimeout(run, 5000);
        }
  
        run();
        
        //鼠标触发图片切换
        $(".filmstrip li").click(function(e){
            tag = 1;
            panelhide();
            var li = $(this), i = 0;
            li.removeClass('filmstripdefault');
            li.addClass('filmstripover');
            var content = $("h3", li).html();
            
            $(".filmstrip li").each(function(j, n){
                if (n === li[0]) {
                    i = j;
                    return false;
                }
            });
            
            panel = $('#photos div.panel').eq(i).show();
            panel.show();
            
        });
        
        $(".filmstrip li").mouseout(function(e){
            var li = $(this), i = 0;
            tag = 0;
            $(".filmstrip li").each(function(j, n){
                if (n === li[0]) {
                    i = j;
                    return false;
                }
            });
            index = i + 1;
        });

});