var wait_time = 5000; // in ms
function faidGall(){
        $('div.manset').each(function(){
                var _f = true;
                var _t;
                var _list = $(this).find('ul.list > li');
                if(_list.length > 1){
                        var _a = _list.index(_list.filter('.active:eq(0)'));
                        if(_a == -1) _a = 0;
                        _list.removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1);
                        if($.browser.msie && $.browser.version < 7) _list.eq(_a).css('opacity','auto');

                        var nav_h = $('<ul class="nav"></ul>');
                        $(this).append(nav_h);
                        for(var i = 1; i <= _list.length; i++){
                                nav_h.append('<li><a href="#">'+i+'</a></li>');
                        }
                        var _btn = nav_h.find('a');
                        _btn.eq(_a).addClass('active');
                        $(this).mouseenter(function(){
                                if(_t) clearTimeout(_t);
                                _f = false;
                        }).mouseleave(function(){
                                _f = true;
                                if(_t) clearTimeout(_t);
                                _t = setTimeout(function(){
                                        if(_a < _list.length -1) changeEl(_a + 1);
                                        else changeEl(0);
                                }, wait_time + 800);
                        });
                        _btn.click(function(){
                                changeEl(_btn.index(this));
                                return false;
                        });

                        function changeEl(_ind){
                                if(_t) clearTimeout(_t);
                                if(_ind != _a){
                                        _list.eq(_a).stop().removeClass('active').animate({opacity: 0}, 800);
                                        _list.eq(_ind).stop().addClass('active').animate({opacity: 1}, 800, function(){ if($.browser.msie && $.browser.version < 7) $(this).css('opacity','auto');});
                                        _btn.eq(_a).removeClass('active');
                                        _btn.eq(_ind).addClass('active');
                                        _a = _ind;
                                }
                                if(_f){
                                        _t = setTimeout(function(){
                                                if(_a < _list.length -1) changeEl(_a + 1);
                                                else changeEl(0);
                                        }, wait_time + 800);
                                }
                        }
                        if(_f){
                                _t = setTimeout(function(){
                                        if(_a < _list.length -1) changeEl(_a + 1);
                                        else changeEl(0);
                                }, wait_time);
                        }
                }
        });
}
$(document).ready(function(){
        faidGall();
});