widthOfMenu='205px';  // Ширина меню
var menu=new Array(); // Массив с данными меню

m1 = new Image();
m1.src = "/img/t/m442_1.gif";
m1_o = new Image();
m1_o.src = "/img/t/m442_1_o.gif";
m2 = new Image();
m2.src = "/img/t/m894_1.gif";
m2_o = new Image();
m2_o.src = "/img/t/m894_1_o.gif";
m3 = new Image();
m3.src = "/img/t/m893_1.gif";
m3_o = new Image();
m3_o.src = "/img/t/m893_1_o.gif";
m4 = new Image();
m4.src = "/img/t/m909_1.gif";
m4_o = new Image();
m4_o.src = "/img/t/m909_1_o.gif";
m5 = new Image();
m5.src = "/img/t/m899_1.gif";
m5_o = new Image();
m5_o.src = "/img/t/m899_1_o.gif";
m6 = new Image();
m6.src = "/img/t/m897_1.gif";
m6_o = new Image();
m6_o.src = "/img/t/m897_1_o.gif";
m7 = new Image();
m7.src = "/img/t/m896_1.gif";
m7_o = new Image();
m7_o.src = "/img/t/m896_1_o.gif";
m8 = new Image();
m8.src = "/img/t/m898_1.gif";
m8_o = new Image();
m8_o.src = "/img/t/m898_1_o.gif";
m9 = new Image();
m9.src = "/img/t/m900_1.gif";
m9_o = new Image();
m9_o.src = "/img/t/m900_1_o.gif";
m10 = new Image();
m10.src = "/img/t/m892_1.gif";
m10_o = new Image();
m10_o.src = "/img/t/m892_1_o.gif";
m11 = new Image();
m11.src = "/img/t/m972_1.gif";
m11_o = new Image();
m11_o.src = "/img/t/m972_1_o.gif";
m12 = new Image();
m12.src = "/img/t/m902_1.gif";
m12_o = new Image();
m12_o.src = "/img/t/m902_1_o.gif";
m13 = new Image();
m13.src = "/img/t/m903_1.gif";
m13_o = new Image();
m13_o.src = "/img/t/m903_1_o.gif";
var index=0;
menu[index] = new Array(
['<img src=/img/t/m442_1.gif border=0 alt="" width=155 height=22 name=m1><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l1></div>',''],
['/rus/company/about/','О компании'],
['/rus/company/contacts/','Контакты']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/products/"><img src=/img/t/m894_1.gif border=0 alt="" width=155 height=22 name=m2></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l2></div>','']
);
index++;
menu[index] = new Array(
['<img src=/img/t/m893_1.gif border=0 alt="" width=155 height=22 name=m3><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l3></div>',''],
['/rus/brands/brand1/','Косметология'],
['/rus/brands/brand2/','Ногтевой сервис'],
['/rus/brands/brand3/','Уход за волосами'],
['/rus/brands/brand4/','Визаж']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/cooperation/"><img src=/img/t/m909_1.gif border=0 alt="" width=155 height=22 name=m4></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l4></div>','']
);
index++;
menu[index] = new Array(
['<img src=/img/t/m899_1.gif border=0 alt="" width=155 height=22 name=m5><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l5></div>',''],
['/rus/partners/center/','Центры красоты'],
['/rus/partners/region/','Региональные представители']
);
index++;
menu[index] = new Array(
['<img src=/img/t/m897_1.gif border=0 alt="" width=155 height=22 name=m6><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l6></div>',''],
['/rus/study/study1/','Косметология'],
['/rus/study/study2/','Парикмахерское искусство'],
['/rus/study/study3/','Ногтевой сервис'],
['/rus/study/study4/','Визаж']
);
index++;
menu[index] = new Array(
['<img src=/img/t/m896_1.gif border=0 alt="" width=155 height=22 name=m7><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l7></div>',''],
['/rus/beauty/hair/','Парикмахерское мастерство'],
['/rus/beauty/cosmetology/','Косметология'],
['/rus/beauty/make_up/','Визаж'],
['/rus/beauty/nails/','Ногтевой сервис']
);
index++;
menu[index] = new Array(
['<img src=/img/t/m898_1.gif border=0 alt="" width=155 height=22 name=m8><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l8></div>',''],
['/rus/advice/advice_info/','Статьи'],
['/rus/advice/question/','Вопрос - ответ']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/vacancy/"><img src=/img/t/m900_1.gif border=0 alt="" width=155 height=22 name=m9></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l9></div>','']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/news/"><img src=/img/t/m892_1.gif border=0 alt="" width=155 height=22 name=m10></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l10></div>','']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/about_us/"><img src=/img/t/m972_1.gif border=0 alt="" width=155 height=22 name=m11></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l11></div>','']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/galery/"><img src=/img/t/m902_1.gif border=0 alt="" width=155 height=22 name=m12></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l12></div>','']
);
index++;
menu[index] = new Array(
['<a href="http://www.beautyboutique.com.ua/rus/glossary/"><img src=/img/t/m903_1.gif border=0 alt="" width=155 height=22 name=m13></a><div><img src=/img/line1.gif width=90 height=1 border=0 alt="" name=l13></div>','']
);
index++;

var s_name,mn,d_name,hmenu,x,y;
var timerID = null;
function getScroll()
{
         //scrollXY=document.getElementsByTagName((document.compatMode && document.compatMode == 'CSS1Compat') ? "HTML" : "BODY")[0];
   	     //return scrollXY.scrollTop;

        var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
        //var dsocleft=document.all? iebody.scrollLeft : pageXOffset;
        var dsoctop=document.all? iebody.scrollTop : pageYOffset;
        return dsoctop;
}

var oldmenu, oldsubmenu, oldcell,timerID, curid, oldid;
function showmenu(Nmenu,event)
{
         if(Nmenu==1000 | Nmenu==1 | Nmenu==3 | Nmenu==5 | Nmenu==6 | Nmenu==7 | Nmenu==8)
         {

           menu='menu'+Nmenu;
           cell='d'+Nmenu;
           if (oldmenu!=null)
           {
             document.all(oldmenu).style.visibility='hidden';
             swon('m'+oldid,'m'+oldid);
             swon('l'+oldid,'line1');
             anames = 'aleftmenu'+oldid;
             anames2 = 'arightmenu'+oldid;
             document.all(anames).className='blankmenu';
             document.all(anames2).className='blankmenu';
           }


           document.all(menu).style.visibility='visible';
           if(document.all)
           {
             //
           }
           else
           {
             //alert(window.innerWidth);
             if(window.innerWidth>1000)
             {
               start_pos = 220+(window.innerWidth-977)/2;
             }
             else
             {
               start_pos = 232;
             }
             //start_y = 135 + Nmenu*23;
             start_y = 112 + Nmenu*23;
           }

           //x = document.all? (event.clientX-event.offsetX+168) : (event.clientX-event.target.offsetLeft+168);
           x = document.all? (event.clientX-event.offsetX+168) : start_pos;
           //y = document.all? (getScroll()+event.clientY-event.offsetY-15) : (getScroll()+event.clientY-25);
           y = document.all? (getScroll()+event.clientY-event.offsetY-15) : start_y;

           if(document.all)
           {
             document.all(menu).style.left=x;
             document.all(menu).style.top=y;
           }
           else
           {
             document.getElementById(menu).style.left=x;
             document.getElementById(menu).style.top=y;
           }
           oldmenu=menu;
           oldcell=cell;
           oldid = Nmenu;


           submenu='submenu'+Nmenu;
           cell2='d'+Nmenu;

           if (oldsubmenu!=null)
           {
             document.all(oldsubmenu).style.visibility='hidden';
           }

           document.all(submenu).style.visibility='visible';

           //x2 = document.all? (event.clientX-event.offsetX+153) : (event.clientX-event.target.offsetLeft+153);
           x2 = document.all? (event.clientX-event.offsetX+153) : (start_pos-15);
           //y2 = document.all? (getScroll()+event.clientY-event.offsetY-5) : (getScroll()+event.clientY-15);
           y2 = document.all? (getScroll()+event.clientY-event.offsetY-5) : (start_y+10);

           if(document.all)
           {
             document.all(submenu).style.left=x2;
             document.all(submenu).style.top=y2;
           }
           else
           {
             document.getElementById(submenu).style.left=x2;
             document.getElementById(submenu).style.top=y2;
           }
           oldsubmenu=submenu;
           oldcell2=cell2;
         }
         else
         {

            menu='menu'+Nmenu;
            cell='d'+Nmenu;
            if (oldmenu!=null)
            {
             document.all(oldmenu).style.visibility='hidden';
             swon('m'+oldid,'m'+oldid);
             swon('l'+oldid,'line1');
             anames = 'aleftmenu'+oldid;
             anames2 = 'arightmenu'+oldid;
             document.all(anames).className='blankmenu';
             document.all(anames2).className='blankmenu';
            }

            oldmenu=menu;
            oldcell=cell;
            oldid = Nmenu;

		    submenu='submenu'+Nmenu;
		    cell2='d'+Nmenu;

		    if(oldsubmenu!=null){document.all(oldsubmenu).style.visibility='hidden';}

		    oldsubmenu=submenu;
		    oldcell2=cell2;
         }
         clearTimeout(timerID);
}

function hidemenu(Nmenu)
{
         menu='menu'+Nmenu;
         cell='d'+Nmenu;
         document.all(menu).style.visibility='hidden';

         submenu='submenu'+Nmenu;
         cell2='d'+Nmenu;
         document.all(submenu).style.visibility='hidden';

}

function hideOldMenu()
{
         hidemenu(oldmenu.slice(4));
}

function hideall(i)
{
               swon('m'+i,'m'+i);
               swon('l'+i,'line1');
               anames = 'aleftmenu'+i;
               anames2 = 'arightmenu'+i;
               document.all(anames).className='blankmenu';
               document.all(anames2).className='blankmenu';

}

function make_base_menu() // Формирование главного меню
{
         str  = '<table name=\"basemenu\"';
         str += ' id=\"basemenu\"';
         str += ' class=\"menuleft\"';
         str += ' width=\"'+widthOfMenu+'\"';
         str += ' border=\"0px\"';
	     str += ' cellspacing=\"0px\"';
         str += ' cellpadding=\"0px\">';


         for (i=1; i<=menu.length; i++)
             {
             str_item  = ' <tr>';
             str_item += ' <td id=aleftmenu'+i+' class=blankmenu width=28><div class=\"h\"><spacer type=\"block\" width=\"28px\"></div></td>';
             str_item += ' <td id=arightmenu'+i+' width=177 class=blankmenu onmouseover=\" showmenu(' + i + ',event); swon(\'m'+i+'\',\'m'+i+'_o\'); swon(\'l'+i+'\',\'line1_o\'); swon(\'l'+(i-1)+'\',\'blank\'); arightmenu'+i+'.className=\'armenu\'; aleftmenu'+i+'.className=\'almenu\';\"';
             //str_item += ' onmouseout=\"timerID=setTimeout(\'hidemenu(' + i + ',event); hideall();\',20);\"';
             //str_item += ' onmouseout=\"hidemenu(' + i + ',event); hideall('+i+');\"';
             str_item += ' onmouseout=\"timerID=setTimeout(\'hidemenu(' + i + '); hideall('+i+');\',100);\"';
             str_item += ' name=\"d' + i + '\" id=\"d' + i + '\">';
             str_item += menu[i-1][0][0];
             str_item += ' </td></tr>';
             str += str_item;
             }



         str+='</table>';
         return str;
}

function make_sl_menu(Nmenu) // Формирование подменю
{
         itemObj=menu[Nmenu];
         str='';

         str+='<div name=\"menu'+(Nmenu+1)+'\"';
         str+=' id=\"menu'+(Nmenu+1)+'\"';
         str+=' class=\"secondmenu\"';
         str+=' onmouseover=\"clearTimeout(timerID)\"';
         str+=' onmouseout=\"timerID=setTimeout(\'hidemenu('+(Nmenu+1)+'); hideall('+(Nmenu+1)+');\',100)\">';
         str+='<table width=100% border=0 cellspacing=0 cellpadding=0>';
         str+='<tr><td background=\"/img/bg_up.gif\"><img src=\"/img/bg_up.gif\" width=184 height=4></td></tr><tr><td background=\"/img/bg_menu.gif\">';
         str+='<div style=\"padding-top: 5px; padding-right: 5px; padding-bottom: 10px; padding-left: 15px; z-index: 3;\">';
	 str_item='';
	 for(i=1; i<itemObj.length; i++)
	 {
        if(i>1)
           str_item += '<img src=\"/img/line2.gif\" width=\"107px\" height=\"1px\" border=\"0px\"><br>';
	     str_item += '<div class=\"v\"><spacer type=block height=/"4px/"></div>';
         str_item += '<a class=\"menu\" href=\"http://www.beautyboutique.com.ua';
         str_item += itemObj[i][0];
         str_item += ' \" target=_self>';
         str_item += itemObj[i][1];
         str_item += ' </a>';
         str_item += '<div class=\"v\"><spacer type=block height=/"4px/"></div>';

        //str += str_item;
     }
     str += str_item;
     str +='</div></td></tr>';
     str+='<tr><td background=\"/img/bg_down.gif\"><img src=\"/img/bg_down.gif\" width=184 height=4></td></tr><tr><td background=\"/img/bg_menu.gif\">';
     str +='</table></div>';

     str+='<div name=\"submenu'+Nmenu+'\"';
     str+=' id=\"submenu'+(Nmenu+1)+'\"';
     str+=' class=\"secondmenu\" style=\"width:23px; background:/img/bg_corner.gif; padding: 0 0 0 0; z-index: 5;\">';
	 str+='<img src=/img/bg_corner.gif width=\"23px\" height=\"36px\" border=\"0px\">';
     str+='</div>';
     return str;
}

function make_sl_menus() // Поочерёдное формирование всех подменю
{
         result='';
         for (j=0; j<menu.length; j++)
         {
            result+=make_sl_menu(j);
         }
         return result;
}