
menuItems=3;
DeltaName=1;
ColDefen=3;
MainmenuItems=3;
numTec=0;
visibleDivs=new Array();
lightedLayers=new Array();
IndexArray=0;
ArrayNames=new Array();
nullString=0;
Delay=500;
firstItem=0;

var tmpNameLayer;
var a;
var posDivX;
var widthTopLevel;

deltaLeft=new Array();

function hideDiv(Obj){
        Obj.style.visibility="hidden";
        visibleDivs=remElement(visibleDivs);
}
function CircleWhile(){
        while (lightedLayers.length>0){
                                menuOut( eval(lightedLayers[0]), lightedLayers[0].slice((lightedLayers[0].indexOf('r')+1)));
                        }
        while (visibleDivs.length>0){
                                hideDiv(document.all[visibleDivs[0]]);
                        }
}
function hideAllDivs(nameDiv){
        if (nullString==nameDiv){
                        CircleWhile();
        }
}

function delayHide(tmpNameLayer){
a=tmpNameLayer;
setTimeout("hideAllDivs("+a+")",Delay);
}

function showDiv1(nameDiv1){
visibleDivs=addElement(nameDiv1,visibleDivs);
document.all[nameDiv1].style.visibility="inherit";
if (positionRelativeDiv){
        p=0;
        while (deltaLeft[p]!=nameDiv1){
                p=p+3;
        }
        document.all[nameDiv1].style.left=posDivX+deltaLeft[p+1]-deltaLeft[p+2]/2;
}
}

function showDiv(nameDiv,flagLevel){
if (flagLevel&positionRelativeDiv){
        posDivX=event.clientX;
}
if ((flagLevel)&(visibleDivs[0]!=null)) {
        CircleWhile();
}
if (nameDiv!=visibleDivs[0]){
        showDiv1(nameDiv)}
}


function menuOver(Obj, Item){
        nameParent=Obj.name.slice(0, Obj.name.indexOf('l'))
        nameChild=Obj.name.replace("layer","_");
        while (visibleDivs[0]!=nameParent){hideDiv(document.all[visibleDivs[0]])};
        if (document.all[nameChild]!=null){
                 showDiv(nameChild,false)
         }
        if (lightedLayers[0]!=null){
                nameParentLast=lightedLayers[0].slice(0, lightedLayers[0].indexOf('l'))
                if (nameParentLast==nameParent){
                        menuOut( eval(lightedLayers[0]), lightedLayers[0].slice((lightedLayers[0].indexOf('r')+1)));
                }
                if (nameParentLast>nameParent){
                                while (nameParentLast>=nameParent){
                                   menuOut( eval(lightedLayers[0]), lightedLayers[0].slice((lightedLayers[0].indexOf('r')+1)));
                                if (lightedLayers[0]!=null){
                                        nameParentLast=lightedLayers[0].slice(0, lightedLayers[0].indexOf('l'));}
                                else {
                                        nameParentLast="";
                                }
                        }

                }
        }
        lightItem(Obj,Item);
}

function lightItem(Obj1, Item1){
lightedLayers=addElement(Obj1.name,lightedLayers);
Obj1.style.backgroundColor=colorOver;
Obj1.all['textBut'+Item1].style.color=textColorOver;
if (Obj1.all['arrIn'+Item1]!=null){
        Obj1.all['arrIn'+Item1].style.display="block";
        Obj1.all['arrOut'+Item1].style.display="none";
}
}

function menuOut(Obj, Item){
lightedLayers=remElement(lightedLayers);
Obj.style.backgroundColor=colorOut;
Obj.all['textBut'+Item].style.color=textColor;
if (Obj.all['arrIn'+Item]!=null){
        Obj.all['arrIn'+Item].style.display="none";
        Obj.all['arrOut'+Item].style.display="block";
}
}


function createFirstSubMenu(ArrName,DivID,topDiv,leftDiv,topLeftDiv){
var j=0;
var menuArr=new Array();
var i=0;
widthOut=ArrName[ArrName.length-3];
widthIn=ArrName[ArrName.length-3]-ArrName[ArrName.length-1]*2;
heightOut=ArrName[ArrName.length-2];
heightIn=(ArrName[ArrName.length-2]-ArrName[ArrName.length-1]*2);
borderT=ArrName[ArrName.length-1];
deltaLeft[deltaLeft.length]=DivID;
deltaLeft[deltaLeft.length]=leftDiv-topLeftDiv;
deltaLeft[deltaLeft.length]=widthTopLevel;
colItems=(ArrName.length-ColDefen)/menuItems;
//alert(colItems*heightOut+(colItems-1)*borderT);
document.writeln('<div name='+DivID+' id='+DivID+' style="width: '+widthOut+'; height: '+((colItems*heightOut+(colItems-1)*borderThik)-colItems)+'; top: '+topDiv+'; margin-left: '+leftDiv+'px; left: '+leftDiv+'; position: absolute; visibility: hidden; background-color: '+backColor+'">');
for (j=0 ; j<(ArrName.length-ColDefen); j=j+menuItems){
        document.writeln('<div style="padding: '+borderT+'; margin-bottom: -1px; position: relative; top: '+Znack*(i*heightOut*(1-Znack)+i*borderThik)+'; left: 0; width: '+widthOut+'; height: '+heightOut+'; background-color: '+colorBorder+';">')
        document.write('<table id='+DivID+'layer'+i+' name='+DivID+'layer'+i+' onmouseOver="nullString=0; menuOver(this,'+i+')" onMouseOut="nullString=UnicNumber(); delayHide(nullString);" border=0 cellspacing=0 cellpadding=0 bgcolor='+colorOut+' width='+widthIn+' height='+heightIn+'>');
        document.write('<tr><td align=left width='+(widthIn-10)+'>');
        document.write("<div class='textMenu'><a name='textBut"+i+"' id='textBut"+i+"' class='menu' href='"+ArrName[j+2]+"'>"+ArrName[j]+"</a></div>");
        if (ArrName[j+DeltaName]!=""){
                document.write('</td><td width=10>');
                document.write('<div id="arrIn'+i+'" name="arrIn'+i+'" style=" display: none;  width: 10;">');
                createArrow(textColorOver);
                document.write('</div>');
                document.write('<div id="arrOut'+i+'" name="arrOut'+i+'" style=" width: 10;">');
                createArrow(textColor);
                document.write('</div>');
                menuArr[i]=j+DeltaName;
    } else {
                menuArr[i]=0
        }
        i++;
        document.write('</td></tr>');
        document.write('</table>');
        document.writeln('</div>')
}
        document.writeln('</div>')
        for (j=0; j<menuArr.length; j++){
                if (menuArr[j]!=0) {
                        createFirstSubMenu(ArrName[menuArr[j]],DivID+"_"+j,topDiv+Znack*(ArrName[ArrName.length-2]+borderThik)*((menuArr[j]-DeltaName)/menuItems),ArrName[ArrName.length-3]+leftDiv+borderThik,topLeftDiv)
                }
        }
}

function createMenu(){
o=0;
for (l=0 ; l<(menuTop.length); l=l+MainmenuItems){
        widthTopLevel=menuTop[l][menuTop[l].length-2];
        createFirstSubMenu(menuTop[l],"div_"+o, menuTop[l+1],menuTop[l+2],menuTop[l+2]);
        o++;
}
}

function writeStyle(){
styleT="";
styleT+='<style>';
styleT+='.textMenu { padding-left: '+PaddingLeft+'px; }';
styleT+='.textMenu { font-family: Verdana, "Arial Cyr", Arial, Helvetica, "sans-serif" }';
styleT+='.textMenu {color: '+textColor+'}';
styleT+='.textMenu ';
styleT+='{font-size: '+sizeText+'px};';
styleT+='.textMenu ';
styleT+='{text-decoration: none}';
styleT+='</style>';
document.write(styleT);
}

writeStyle();
createMenu();