var showSubMenu = false;
var timerID = null;
var crntMenuItemID = "";


$(document).ready(function() {
    
    
    $(".backToHomepageLink").mouseover(function () {
        $(this).addClass("backToHomepageLink_Focused");
    });
    
    $(".backToHomepageLink").mouseout(function () {
        $(this).removeClass("backToHomepageLink_Focused");
    });
    
    $(".backToHomepageLink").click(function () {
        location.href = "?page=home";
    });
    
    
    
    var mainMenuLinksItems              = new Array();
    mainMenuLinksItems["introduction"]  = new Array("TARMO HAKKARAINEN", "CHI KUNG", "TAOJOOGA", "TAIJI", "KOKEMUKSIA");
    mainMenuLinksItems["courses"]       = new Array("VIIKKOTUNNIT", "OMAT KURSSIT KUOPIOSSA", "KURSSEJANI MUUALLA", "MUITA KURSSEJA");
    mainMenuLinksItems["companies"]     = new Array("INFO", "TUNTITARJONTA", "HYVÄN OLON PAKETTI", "HINNASTO");
    mainMenuLinksItems["shiatsu"]       = new Array("MITÄ ON SHIATSU", "SHIATSUHOIDOT", "HIERONTAA TYÖPAIKOILLE");
    mainMenuLinksItems["info"]          = new Array("TAIJI-OPETUSVIDEO", "YHTEYSTIEDOT", "KIRJALLISUUTTA", "LINKIT");
    
    var subMenuItemNames             = new Array();
    subMenuItemNames["introduction"] = new Array("tarmohakkarainen", "chikung", "taojooga", "taiji", "experience");
    subMenuItemNames["courses"]      = new Array("weekhours", "my_courses", "my_other_courses", "other_courses");
    subMenuItemNames["companies"]    = new Array("info", "company_courses", "good_feeling", "prices");
    subMenuItemNames["shiatsu"]      = new Array("what_is_shiatsu", "shiatsu_therapy", "work_massage");
    subMenuItemNames["info"]         = new Array("learning_video", "contact", "books", "links");
    
    
    $(".mainMenuLink").mouseover(function() {
        
        var menuItemID = $(this).attr("id").replace("mainMenuLink_", "");
        
        crntMenuItemID = menuItemID;
        
        $(".subMenu").attr("class", "subMenu").hide();
        
        var subMenuItems = mainMenuLinksItems[menuItemID];
        
        var subMenuItemStr = "";
        
        for (var i = 0; i < subMenuItems.length; i++)
        {
            var subMenuNames = subMenuItemNames[menuItemID];
            
            subMenuItemStr += "<span id=\"" + subMenuNames[i] + "\">" + subMenuItems[i] + "</span>";
        }
        
        $(".subMenu").html(subMenuItemStr);
        
        $(".subMenu").addClass("subMenu_" + menuItemID).show();
        
        
        $(".subMenu span").mouseover(function() {
            $(this).addClass("subMenuItemSelected");
            
            showSubMenu = true;
        });
        
        $(".subMenu span").mouseout(function() {
            $(this).removeClass("subMenuItemSelected");
            
            showSubMenu = false;
            hideSubMenusAfterDelay();
        });
        
        $(".subMenu span").click(function() {
            goToSubPage($(this).attr("id"));
        });
        
        showSubMenu = true;
    });
    
    $('.mainMenuLink').mouseout(function () {
        showSubMenu = false;
        hideSubMenusAfterDelay();
    });
    
    
    $('.mainMenuBar').mouseout(function() {
         
    });
});


function hideSubMenusAfterDelay()
{
    if (timerID)
    {
        clearTimeout(timerID);
    }
    
    timerID = setTimeout("hideSubMenus()", 1000);
}


function hideSubMenus()
{
    if (showSubMenu == false)
    {        
        $(".subMenu").attr("class", "subMenu").hide();
        
        clearTimeout(timerID);
    }
}


function goToSubPage(pageName)
{
    location.href = "?page=" + pageName;
}



function goToNoteLink(url)
{
    location.href = url;
}