$(document).ready(function() {
    buttonHover(".nav li.menu", "menu_hover");
    buttonHover(".nav li", "hover");
    buttonHover(".pop_hot_city li", "hover");
    buttonHover(".round_button", "round_button_hover");
    buttonHover(".square_button", "square_button_hover");
    buttonHover(".round_button_search,round_button_reset", "round_button_search_hover");
    $("table").each(function() {$("tr:even").addClass("even");});
    $("a.pop_click").attr("href", "javascript:void(0)");
    secondNav();
});

function buttonHover(id, className) {
    $(id).each(function() {
        $(this).hover(function() {
            $(this).addClass(className);
        },
                function() {
                    $(this).removeClass(className);
                });
    });
}

function secondNav(){
      $(".nav li.menu").each(function(){
          $(this).hover(
            function(){
                positionEvent("ol",this);
                $("ol",this).fadeIn("fast");
            },
            function(){}
          );
          if(document.all){
            $(this).hover(
                function(){
                    $(".nav li.menu").removeClass("menu_hover2");
                    positionEvent("ol",this);
                    $(this).addClass("menu_hover2");
                },
                function(){
                    $(this).removeClass("menu_hover2");
                }
            );
          }
      });
}

function positionEvent(object,id){
    var liWidth = $(id).width();
    var olWidth = $(object,id).width();
    var offset = $(id).offset();
    var leftPosition = offset.left - (olWidth - liWidth)/2;
    $(object,id).css("left",leftPosition);
}


function hoverPopLayer(element, popClassName, leftNumber, topNumber) {
    $(element).hover(
            function() {
                offsetValue(this, popClassName, leftNumber, topNumber);
                $(popClassName).show();
            },
            function() {
                $(popClassName).hide();
            }
            );
}

function offsetValue(object, popClassName, leftNumber, topNumber) {
    var offset = $(object).offset();
    var offsetLeft = offset.left + leftNumber + "px";
    var offsetTop = offset.top + topNumber + "px";
    $(popClassName).css({"left":offsetLeft,"top":offsetTop});
}