$(document).ready(function(){
    // top menu
    $("#nav > ul > li").hover(function(){
        $(this).addClass('hover');
        var $sub = $(this).children("ul:eq(0)");
        if($sub.size()) {
            $sub.css('visibility', 'visible');
            $("li", $sub).hover(function(){                
                $(this).addClass('hover');
                // children menu
                $("ul", this).css('visibility', 'visible');
                $("ul li", this).hover(function(){
                    $(this).addClass('hover');
                },function(){
                    $(this).removeClass('hover');
                });
            },function(){
                $(this).removeClass('hover');
                // children menu
                $("ul", this).css('visibility', 'hidden');
            });
        }
    },function(){
        $(this).removeClass('hover');
        var $sub = $(this).children("ul:eq(0)");
        if($sub.size()) {
            $sub.css('visibility', 'hidden');
        }
    });
    
    $("#navhome > ul > li").hover(function(){
        $(this).addClass('hover');
        var $sub = $(this).children("ul:eq(0)");
        if($sub.size()) {
            $sub.css('visibility', 'visible');
            $("li", $sub).hover(function(){                
                $(this).addClass('hover');
                // children menu
                $("ul", this).css('visibility', 'visible');
                $("ul li", this).hover(function(){
                    $(this).addClass('hover');
                },function(){
                    $(this).removeClass('hover');
                });
            },function(){
                $(this).removeClass('hover');
                // children menu
                $("ul", this).css('visibility', 'hidden');
            });
        }
    },function(){
        $(this).removeClass('hover');
        var $sub = $(this).children("ul:eq(0)");
        if($sub.size()) {
            $sub.css('visibility', 'hidden');
        }
    });
    
    // Left menu
    $("ul.nav-left > li").hover(function(){           
        var $sub = $(this).children("ul.level2:eq(0)");
        if($sub.size()) {
            $(this).addClass('hover');
            $sub.css('visibility', 'visible');
            $("li", $sub).hover(function(){                
                $(this).addClass('hover');
            },function(){
                $(this).removeClass('hover');
            });
        } else {
            $(this).addClass('hover2');
        }
    },function(){        
        var $sub = $(this).children("ul.level2:eq(0)");
        if($sub.size()) {
            $(this).removeClass('hover');
            $sub.css('visibility', 'hidden');
        } else {
            $(this).removeClass('hover2');
        }
    });
    
    // Left menu level 2
    $("ul.nav-left li ul > li").hover(function(){        
        var $sub = $(this).children("ul.level3:eq(0)");
        if($sub.size()) {
            $(this).addClass('hover');
            $sub.css('visibility', 'visible');
            $("li", $sub).hover(function(){                
                $(this).addClass('hover');
            },function(){
                $(this).removeClass('hover');
            });
        } else {
            $(this).addClass('hover2');
        }
    },function(){        
        var $sub = $(this).children("ul.level3:eq(0)");
        if($sub.size()) {
            $(this).removeClass('hover');
            $sub.css('visibility', 'hidden');
        } else {
            $(this).removeClass('hover2');
        }
    });
    
    $("#nav > ul > li").hover(function(){
//        $("ul.level2 li", this).hover(function(){
//            $(this).addClass("hover");
//        },function(){
//            $(this).removeClass("hover");
//        });
        var $sub = $(this).children("ul:eq(0)");

        if($sub.size()) {
            $sub.css('visibility', 'visible');
            $("> li", $sub).hover(function(){
                $(this).addClass('hover');
                // children menu
                var $sub1 = $(this).children("ul:eq(0)");
                if($sub1.size()) {
                    $sub1.css('visibility', 'visible');
                    $("> li", $sub).hover(function(){
                        $(this).addClass('hover');
                    },function(){
                        $(this).removeClass('hover');
                    });
                }
//                alert($sub1.size());
//                $("ul li", this).hover(function(){
//                    $(this).addClass('hover');
//                },function(){
//                    $(this).removeClass('hover');
//                });
            },function(){
                $(this).removeClass('hover');
                // children menu
                $("ul", this).css('visibility', 'hidden');
            });
        }
    },function(){
        var $sub = $(this).children("ul:eq(0)");
        if($sub.size()) {
            $sub.css('visibility', 'hidden');
        }
    });

    
    $("#navhome > ul > li").hover(function(){
        //$(this).addClass('hover');        
        $("ul.level2 li", this).hover(function(){
            $(this).addClass("hover");
        },function(){
            $(this).removeClass("hover");
        });
        var $sub = $(this).children("ul:eq(0)");

        if($sub.size()) {
            //$sub.animate({ height: 'show', opacity: 'show' }, 'slow');
            $sub.css('visibility', 'visible');
            $("li", $sub).hover(function(){                
                $(this).addClass('hover');
                // children menu
                $("ul", this).css('visibility', 'visible');
                $("ul li", this).hover(function(){
                    $(this).addClass('hover');
                },function(){
                    $(this).removeClass('hover');
                });
            },function(){
                $(this).removeClass('hover');
                // children menu
                $("ul", this).css('visibility', 'hidden');
            });
        }
    },function(){
        var $sub = $(this).children("ul:eq(0)");
        if($sub.size()) {
            $sub.css('visibility', 'hidden');
        }
    });
    
});

//Show hide Tab
var Tabs = function (){
    return {
        display: function(tab_id, panel_id, group_id) {
            if (typeof(group_id) != 'undefined') {
                var group_selector = "#"+group_id;
                group_id = $(group_selector);
            } else {
                group_id = null;
            }
//            group_id = null;
            var tab_selector = ".tabs #"+tab_id;
            var panel_selector = ".panel_wrapper > #"+panel_id;
            $(".tabs li", group_id).removeClass("current");
            $(tab_selector, group_id).addClass("current");
            
            $(".panel_wrapper > div", group_id).removeClass("current");
            $(panel_selector, group_id).addClass("current");
        }
    }
}();