var timerId = null; var timerWait = null; function menuHideAll() { clearTimeout(timerId); $("menu2_14").hide(); $("menu2_56").hide(); $("menu2_31").hide(); $("menu2_93").hide(); $("menu2_46").hide(); $("menu2_53").hide(); $("menu2_10").hide(); $("menu2_24").hide(); } function menuOn(id) { clearTimeout(timerWait); menuHideAll(); $("menu2_" + id).show(); //alert("menuOn"); } function menuOff() { clearTimeout(timerWait); timerWait = setTimeout("_off()",5000); /*menuHideAll(); $("menu2_31").show();*/ //alert("menuOff"); } function _off() { clearTimeout(timerWait); menuHideAll(); $("menu2_31").show(); //alert('5 seconds!'); } // Set positions $("menu2_31").hide(); var diff = 0; var width = 0; var menu1 = Position.page($("menu1"))[0]; diff = Position.page($("menu1_14"))[0] - menu1 - 1; width = $("menu2_14").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_14").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_56"))[0] - menu1 - 1; width = $("menu2_56").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_56").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_31"))[0] - menu1 - 1; width = $("menu2_31").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_31").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_93"))[0] - menu1 - 1; width = $("menu2_93").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_93").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_46"))[0] - menu1 - 1; width = $("menu2_46").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_46").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_53"))[0] - menu1 - 1; width = $("menu2_53").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_53").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_10"))[0] - menu1 - 1; width = $("menu2_10").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_10").style.paddingLeft = diff + "px"; diff = Position.page($("menu1_24"))[0] - menu1 - 1; width = $("menu2_24").getDimensions().width; if (diff + width > 800) diff = 800 - width; if (diff < 0) diff = 0; $("menu2_24").style.paddingLeft = diff + "px"; $("menu2_31").show();