var activeTab = 1;
$(document).ready(function(){    
    $('.left-menu li').hover(function(){
        var bottom = 0;
        if($("div.b-footer").offset().top - $(document).scrollTop() - 80 < $(window).height()) {
            bottom = $("div.b-footer").offset().top - $(document).scrollTop() - 80;
        } else {
            bottom = $(window).height();
        }
        $(this).addClass('active');        
        if($(this).children('ul').offset().top + $(this).children('ul').outerHeight() > bottom + $(document).scrollTop()) {
            var documentScrollTop = $(document).scrollTop();
            var thisHeight = $(this).height();
            var left = $(this).children('ul').offset().left;
            var height = $(this).children('ul').height();
            $(this).children('ul').css("position","fixed");
            $(this).children('ul').css("left",left);
            $(this).children('ul').css("height",height);
            var parenttop = $(this).offset().top;
            var a = height + parenttop - bottom - documentScrollTop
            var offset = a % 27;
            offset = parenttop - a + offset - 27  - documentScrollTop;
            if(offset + height < parenttop + thisHeight- documentScrollTop ) {
                offset = parenttop + thisHeight - height - documentScrollTop;
            }
            $(this).children('ul').css("top", offset);
        }
    }, 
    function(){
        $(this).removeClass('active');
        $(this).children('ul').css("position","absolute");
        $(this).children('ul').css("left","210px");
        $(this).children('ul').css("top","-1px");        
    });
    $('.sale-baner1 li .he1').hover(function(){
        $(this).parents('li').addClass('active'); 
        $('.e1').show();
        $('.e2').hide();
        $('.e3').hide();
        $('.he2').parents('li').removeClass('active');
        $('.he3').parents('li').removeClass('active');
        stopBanners();
    }, function(){
        activateBanners();
        activeTab = 1;
    });
    $('.sale-baner1 li .he2').hover(function(){
        $(this).parents('li').addClass('active'); 
        $('.e1').hide();
        $('.e2').show();
        $('.e3').hide();
        $('.he1').parents('li').removeClass('active');
        $('.he3').parents('li').removeClass('active');
        stopBanners();
    }, function(){
        activateBanners();
        activeTab = 2;
    })
    $('.e1,.e2,.e3').hover(function(){
        stopBanners();        
    }, function(){
        activateBanners();        
    });
    $('.sale-baner1 li .he3').hover(function(){
        $(this).parents('li').addClass('active'); 
        $('.e1').hide();
        $('.e2').hide();
        $('.e3').show();
        $('.he1').parents('li').removeClass('active');
        $('.he2').parents('li').removeClass('active');
        stopBanners();
    }, function(){
        activateBanners();
        activeTab = 3;
    });
    
    $('.sale-baner1 li .he1').parents('li').addClass('active'); 
    $('.e1').show();
    $('.e2').hide();
    $('.e3').hide();
    $('.he2').parents('li').removeClass('active');
    $('.he3').parents('li').removeClass('active');       
    activateBanners();
});
function activateBanners() {
    $("body").everyTime(4000, "banner-timer", function(i) {
        switchBanner();
    });
}
function stopBanners() {
    $("body").stopTime("banner-timer");
}
function switchBanner() {
    switch(activeTab) {
    case 1:
        $('.sale-baner1 li .he2').parents('li').addClass('active'); 
        $('.e1').hide();
        $('.e2').show();
        $('.e3').hide();
        $('.he1').parents('li').removeClass('active');
        $('.he3').parents('li').removeClass('active');            
        activeTab = 2;
    break;
    case 2:
        $('.sale-baner1 li .he3').parents('li').addClass('active'); 
        $('.e1').hide();                
        $('.e2').hide();
        $('.e3').show();
        $('.he1').parents('li').removeClass('active');
        $('.he2').parents('li').removeClass('active');            
        activeTab = 3;
    break;
    case 3:
        $('.sale-baner1 li .he1').parents('li').addClass('active'); 
        $('.e1').show();
        $('.e2').hide();
        $('.e3').hide();
        $('.he2').parents('li').removeClass('active');
        $('.he3').parents('li').removeClass('active');           
        activeTab = 1;
    break;
}
}