$(document).ready(function(){  
  init_submenu_bars(); 


$(".RightAccordionMenu").css('display','block');

});
  var menubtn_hovered = "";
     
function init_submenu_bars() {
    var real_menu_id = $("#Menu a.selected:first").attr('id'); 
    //var real_submenuContent = $("#submenupper").html();
    var container = document.getElementById('submenupper');
    var real_submenuContent = innerXHTML(container); //fix CSS bug in IE6
    $('#Menu').data("submenu", {
    menubtn_Consumenten: '<li><a href="http://se.tele2.nl/mobiel/home_mobiel.html" target="_parent" alt="Mobiel">Mobiel</a></li><li><a href="http://se.tele2.nl/internet/I_Home_internet.html" target="_parent" alt="Internet">Internet</a></li><li><a href="http://se.tele2.nl/ib/home_internet___bellen.html" target="_parent" alt="Internet &amp; Bellen">Internet &amp; Bellen</a></li><li><a href="http://se.tele2.nl/2762.html" target="_parent" alt="Vaste Telefonie">Vaste Telefonie</a></li><li><a href="http://se.tele2.nl/tv/home_tv.html" target="_parent" alt="TV">TV</a></li><li><a href="http://se.tele2.nl/aanbiedingen/aanbiedingen_i.html" target="_parent" alt="Aanbiedingen">Aanbiedingen</a></li>',
    menubtn_Zakelijk: real_submenuContent,
    menubtn_OverTele2: '<li><a alt="Werken bij Tele2" href="http://www.tele2.nl/werkenbij" target="_parent">Werken bij Tele2</a></li><li><a alt="Corporate" href="http://www.tele2.nl/corporate" target="_parent">Corporate</a></li>',
    menubtn_Klantenservice: '<li><a alt="Webmail" target="_parent" href="http://se.tele2.nl/klantenservice/start_webmail.html">Webmail</a></li><li><a alt="Mijntele2" target="_parent" href="http://se.tele2.nl/klantenservice/start_mijn_tele2.html">Mijntele2</a></li><li><a alt="Veiligheid" target="_parent" href="http://se.tele2.nl/klantenservice/2787.html">Veiligheid</a></li>',       
    menubtn_Consumenten_x: '242px',
    menubtn_Zakelijk_x: '242px',
    menubtn_OverTele2_x: '242px',
    menubtn_Klantenservice_x: '0px'
    });
    $("#Menu a").mouseover(function(event){
        //cancel mouseout event for previous hovered button due to prevent executing of delayed function show_real_menu()
        cancel_show_real_menu_after_delay(menubtn_hovered);
        menubtn_hovered = event.target.id;
    show_submenu(menubtn_hovered, real_menu_id);
    })
}
function show_submenu(menubtn_hovered, real_menu_id) {
    eval("$('#submenupper').css({'padding-left': $('#Menu').data(\"submenu\")." + menubtn_hovered + "_x})");
    eval("$('#submenupper').html($('#Menu').data(\"submenu\")." + menubtn_hovered + ")");
    $("#Menu a#"+menubtn_hovered).mouseout(function(event){ show_real_menu_after_delay(real_menu_id) });
    $("#HeaderSubMenu").mouseover(function(event){ event.stopImmediatePropagation(); cancel_show_real_menu_after_delay(menubtn_hovered); });
    $("#HeaderSubMenu").mouseout(function(event){ event.stopImmediatePropagation(); show_real_menu_after_delay(real_menu_id); });
}
function debug(txt) { $('span#debug').text(txt); }
function cancel_show_real_menu_after_delay(el_id) {
    if (typeof(timeoutID) != 'undefined') {
        window.clearTimeout(timeoutID);
        $("#Menu a#"+el_id).unbind('mouseout');
    }
}
function show_real_menu_after_delay(real_menu_id, delay) {
    if (typeof(delay) == 'undefined') delay = 500;
    timeoutID = window.setTimeout("show_submenu('"+real_menu_id+"');", delay);

}