
<!--

var timer

function DoSubMenu()
{
document.writeln('<DIV ID=submenu2 class="submenu2" onMouseOver="hoverMenu()" onMouseOut="menuDelay()">');
document.writeln('<TABLE class="menutable" cellSpacing=0><TBODY>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'chenstyle\')"><div class="marker"><a id=chenstyle href="chenstyle.php">История</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'lineage\')"><div class="marker"><a id=lineage href="lineage.php">Линия передачи</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'taijitoday\')"><div class="marker"><a id=taijitoday href="taijitoday.php">Развитие стиля<br>в наши дни</a></div></TD></TR>');
document.writeln('</TBODY></TABLE></DIV>');

document.writeln('<DIV ID=submenu3 class="submenu3" onMouseOver="hoverMenu()" onMouseOut="menuDelay()">');
document.writeln('<TABLE class="menutable" cellSpacing=0><TBODY>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'articles\')"><div class="marker"><a id=articles href="articles.php">Статьи</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'forms\')"><div class="marker"><a id=forms href="forms.php">Формы</a></div></TD></TR>');
document.writeln('</TBODY></TABLE></DIV>');

document.writeln('<DIV ID=submenu4 class="submenu4" onMouseOver="hoverMenu()" onMouseOut="menuDelay()">');
document.writeln('<TABLE class="menutable" cellSpacing=0><TBODY>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'training\')"><div class="marker"><a id=training href="training.php">Тренировки</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'seminar\')"><div class="marker"><a id=seminar href="seminar.php">Семинары</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'disciplenotes\')"><div class="marker"><a id=disciplenotes href="disciplenotes.php">Записки ученика</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'inside\')"><div class="marker"><a id=inside href="inside.php">Советы начинающим</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'anketa\')"><div class="marker"><a id=anketa href="anketa.php">Анкета</a></div></TD></TR>');
document.writeln('</TBODY></TABLE></DIV>');

document.writeln('<DIV ID=submenu5 class="submenu5" onMouseOver="hoverMenu()" onMouseOut="menuDelay()">');
document.writeln('<TABLE class="menutable" cellSpacing=0><TBODY>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'photo\')"><div class="marker"><a id=photo href="photo.php">Фотогалерея</a></div></TD></TR>');
document.writeln('<TR><TD class="menuitem" onclick="tdMouseClick(\'video\')"><div class="marker"><a id=video href="video.php">Видео</a></div></TD></TR>');
document.writeln('</TBODY></TABLE></DIV>');
}


function ShowSubmenu(objItem) {
var nx = 0;
var elem = document.getElementById("menu1");
var box = elem.getBoundingClientRect();
var body = document.body;
var docElem = document.documentElement;
var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
var clientLeft = docElem.clientLeft || body.clientLeft || 0;
var left = box.left + scrollLeft - clientLeft;
left = Math.round(left);
nx = left + 112;
strItemID = objItem.id;
if (strItemID == "menu1") {
document.all["menu1"].className = "lighton1";}
if (strItemID == "menu2") {
objSubMenu = document.all["submenu2"];
objSubMenu.style.left = nx + "px";
objSubMenu.style.visibility = "visible";
document.all["menu2"].className = "lighton1";}
if (strItemID == "menu3") {
objSubMenu = document.all["submenu3"];
objSubMenu.style.left = nx + "px";
objSubMenu.style.visibility = "visible";
document.all["menu3"].className = "lighton1";}
if (strItemID == "menu4") {
objSubMenu = document.all["submenu4"];
objSubMenu.style.left = nx + "px";
objSubMenu.style.visibility = "visible";
document.all["menu4"].className = "lighton1";}
if (strItemID == "menu5") {
objSubMenu = document.all["submenu5"];
objSubMenu.style.left = nx + "px";
objSubMenu.style.visibility = "visible";
document.all["menu5"].className = "lighton1";}
if (strItemID == "menu6") {
document.all["menu6"].className = "lighton1";}
if (strItemID == "menu7") {
document.all["menu7"].className = "lighton2";
document.all["menuend"].className = "lighton3";}
}


// Re-set timer for sub menus
function hoverMenu()
{
if(timer)
  window.clearTimeout(timer);
}


function menuDelay()
{
timer = window.setTimeout("HideSubmenu()", 500); 
}


function HideSubmenu()
{
document.all["submenu2"].style.visibility = "hidden";
document.all["submenu3"].style.visibility = "hidden";
document.all["submenu4"].style.visibility = "hidden";
document.all["submenu5"].style.visibility = "hidden";
document.all["menu1"].className = "lightoff1";
document.all["menu2"].className = "lightoff1";
document.all["menu3"].className = "lightoff1";
document.all["menu4"].className = "lightoff1";
document.all["menu5"].className = "lightoff1";
document.all["menu6"].className = "lightoff1";
document.all["menu7"].className = "lightoff2";
document.all["menuend"].className = "lightoff3";
}

function ButtonOver(buttonItem)
{
strButtonID = buttonItem.id;
if (strButtonID == "IndexButton") {
document.getElementById("IndexButton").className = "mbuttonover poslef";}
if (strButtonID == "ForumButton") {
document.getElementById("ForumButton").className = "mbuttonover posright";}
}

function ButtonOut(buttonItem)
{
strButtonID = buttonItem.id;
if (strButtonID == "IndexButton") {
document.getElementById("IndexButton").className = "mbuttonout poslef";}
if (strButtonID == "ForumButton") {
document.getElementById("ForumButton").className = "mbuttonout posright";}
}

// when you click the box, perform the same function as if the user had clicked the hyperlink
function tdMouseClick(theElement)
{
document.all[theElement].click()
}

//-->
