var timeout         = 500;
var closetimer      = 0;
var ddmenuitem      = 0;

function menu_open()
{   menu_canceltimer();
    menu_close();
    ddmenuitem = $(this).find('.sub_menu').show();
    ddmenuitem.prev().addClass("ins");

}
function menu_close()
{   if(ddmenuitem) {
    ddmenuitem.hide();
    ddmenuitem.prev().removeClass("ins");
    }
}
function menu_timer()
{   closetimer = window.setTimeout(menu_close, timeout);}

function menu_canceltimer()
{   if(closetimer)
    {   window.clearTimeout(closetimer);
        closetimer = null;}}

$(document).ready(function(){
    var world = $(".world ul");
    $('#main_menu > li').bind('mouseover', menu_open);
    $('#main_menu > li').bind('mouseout',  menu_timer);

    $(".world").click(function(){
        if($(this).hasClass('hov')){
            $(this).removeClass("hov");
            world.slideUp();
        }
        else {
            $(this).addClass("hov");
            world.slideDown();
        }
    });
    $("#footer").hide().show();
    $(document).click(function(){
        menu_close();
    });

$(".answers .quest_l").click(function(){
        $(this).parent().toggleClass("click");

});

$("#main_menu .sub_menu").each(function() {
    if($(this).find("ul li").size()==1)
    $(this).find("ul").addClass("one_item");
});


/* SELECT CITY
    ------------------------------------------- */
    var city_box =  $("#select_city p"),
        city_list = $("#city_list");

    $(document).bind("click", function(e){
        var $clicked = $(e.target);
        if(!($clicked.is("#select_city p") || $clicked.parents().is("#select_city p")))
        {
           city_list.hide();
        }
        else if($clicked.is("#select_city p") || $clicked.parents().is("#select_city p"))
        {
            city_list.toggle();
            city_list.css("top",city_box.offset().top  + 19);
            city_list.css("left",city_box.offset().left + 0);
        }
    });
    $("#city_list li").click(function(){
        var city = $(this).text();
        city_box.text(city);
    });
    $("#city_list li").hover(
      function () {$(this).addClass("hover"); },
      function () {$(this).removeClass("hover");}
    );
/* SELECT PRODUCT
    ------------------------------------------- */
    var product_box =   $("#product span"),
        product_list = $("#product_list");

    $(document).bind("click", function(e){
        var $clicked = $(e.target);
        if(!($clicked.is("#product span") || $clicked.parents().is("#product span")))
        {
           product_list.hide();
        }
        else if($clicked.is("#product span") || $clicked.parents().is("#product span"))
        {
            product_list.toggle();
            product_list.css("top",product_box.offset().top  + 19);
            product_list.css("left",product_box.offset().left + 0);
        }
    });
    $("#product_list li").click(function(){
        var city = $(this).text();
        product_box.text(city);
    });
    $("#product_list li").hover(
      function () {$(this).addClass("hover"); },
      function () {$(this).removeClass("hover");}
    );

/* SELECT THEME
    ------------------------------------------- */
    var theme_box =     $("#theme span"),
        theme_list = $("#theme_list");

    $(document).bind("click", function(e){
        var $clicked = $(e.target);
        if(!($clicked.is("#theme span") || $clicked.parents().is("#theme span")))
        {
           theme_list.hide();
        }
        else if($clicked.is("#theme span") || $clicked.parents().is("#theme span"))
        {
            theme_list.toggle();
            theme_list.css("top",theme_box.offset().top  + 19);
            theme_list.css("left",theme_box.offset().left + 0);
        }
    });
    $("#theme_list li").click(function(){
        var city = $(this).text();
        theme_box.text(city);
    });
    $("#theme_list li").hover(
      function () {$(this).addClass("hover"); },
      function () {$(this).removeClass("hover");}
    );

});
