var bool = "";

function f_men1(a) {
  var txt = $(".men"+a);
  txt[0].innerHTML = "<img src='draw/but1_b.gif' border='0'>";
}

function f_men2(a) {
  var txt = $(".men"+a);
  txt[0].innerHTML = "<img src='draw/but1.gif' border='0'>";
}

function f_men3() {
  var txt = $(".men2");
  txt[0].innerHTML = "<img src='draw/but2_b.gif' border='0'>";
}

function f_men4() {
  var txt = $(".men2");
  txt[0].innerHTML = "<img src='draw/but2.gif' border='0'>";
}

function f_men5() {
  var txt = $(".men3");
  txt[0].innerHTML = "<img src='draw/but3_b.gif' border='0'>";
}

function f_men6() {
  var txt = $(".men3");
  txt[0].innerHTML = "<img src='draw/but3.gif' border='0'>";
}

function f_men7() {
  var txt = $(".men4");
  txt[0].innerHTML = "<img src='draw/but4_b.gif' border='0'>";
}

function f_men8() {
  var txt = $(".men4");
  txt[0].innerHTML = "<img src='draw/but4.gif' border='0'>";
}

function f_men9() {
  var txt = $(".men5");
  txt[0].innerHTML = "<img src='draw/but5_b.gif' border='0'>";
}

function f_men10() {
  var txt = $(".men5");
  txt[0].innerHTML = "<img src='draw/but5.gif' border='0'>";
}

function fb(a) {
    //$(".id"+a).css("display","block");

    var txt = $(".but"+a);
    txt[0].innerHTML = "<img src='draw/button_m1.gif' border='0'>";

}

function fb1(a) {
    //$(".id"+a).css("display","none");

   if ($(".id"+a).css("display")=="none") {

     var txt = $(".but"+a);
     txt[0].innerHTML = "<img src='draw/button_m.gif' border='0'>";
     
   }
}

function fb3(a) {
 $(".pod_but"+a).css("background","#dddddd");
}

function fb4(a) {
 $(".pod_but"+a).css("background","#eeeeee");
}

function fa(a) {

  if ($(".id"+a).css("display")=="none") {
    // $(".id"+bool).css("display","none");
   


    $(".id"+a).css("display","block");
    bool = a;
  } else {
    $(".id"+a).css("display","none");
    bool = a;   
  }
}

$(document).ready(function(){


   var menu1=$(".menumenu1>li");
   var outmenu=$(".outmenu"); 
   var buf,buf2;
   var kol,menu2,menu3;  
   var y,str,str1;
   buf = "";
   str = "";

   for (var x=0; x < menu1.length; x++){
     
     menu2 = $(".menumenu1>li:eq("+x+")>ul>li");
    buf3 = "";      
    buf2="";
    if (menu2.length > 0) {
           
          kol = $(".menumenu1>li:eq("+x+")>ul");
          kol.css("display","none");
 
          for (y=0; y < menu2.length; y++){
              menu3 = $(".menumenu1>li:eq("+x+")>ul>li:eq("+y+") a");
              str = menu2[y].innerHTML;

              str1 = menu3.attr("href");
              
              buf2 = buf2 + "<tr><td height='25px'>"+
"<div style='position:relative; top:0px; left:0px; height:100%; weight:100%;'>"+
   "<div class='pod_but"+(x+1)+""+(y+1)+"' style='position:absolute; top:0px; left:0px; height:100%; weight:100%; background:#eeeeee'> <a href='"+str1+"' onMouseover='fb3("+(x+1)+""+(y+1)+");' onMouseout='fb4("+(x+1)+""+(y+1)+");'>"+
      "<div  style='display:block; width:245px; height:25px'></div>"+
   "</a></div>"+
  "<div style='position:absolute; top:5px; left:10px; '>"+
         "<span class='punkt_menu1' onMouseover='fb3("+(x+1)+""+(y+1)+");' onMouseout='fb4("+(x+1)+""+(y+1)+");'>"+str+"</span>"+
  "</div>"+
"</div>"+
"</td></tr>";


              if ((y+1)!= menu2.length){
                buf2 = buf2 +  "<tr><td height='2px' bgcolor='#d5d5d5'></td></tr>";             
              }
          }

        buf3 = "<div class='id"+x+"' style='display:none'><table border='0' cellspacing='0'  cellpadding='0' width='245px'>"+buf2+"</table></div>";
    }


     buf  = buf + "<tr><td width='250px' height='31px'>"+
"<div style='position:relative; top:0px; left:0px; height:100%; weight:100%' >"+

   "<div style='position:absolute; top:0px; left:0px'>"+ 
      "<div  class='but"+x+"'><img src='draw/button_m.gif' border='0'></div>"+
   "</div>"+

   "<div style='position:absolute; top:0px; left:0px; width:250px; height:31px'> <span class='movelink' onClick='fa("+x+")' onMouseover='fb("+x+")' onMouseout='fb1("+x+")' >"+     
      "<div  style='display:block; width:250px; height:31px'><img src='draw/cl.gif'></div>"+
   "</span></div>"+


   "<div style='position:absolute; top:7px; left:10px' onMouseover='fb("+x+")' onClick='fa("+x+")'  onMouseout='fb1("+x+")'>"+
      "<span class='punkt_menu'>"+menu1[x].innerHTML+"</span>"+
   "</div>"+

   
"</div>"+
"</td></tr>"+
"<tr><td onClick='fa("+x+")' onMouseover='fb("+x+")' onMouseout='fb1("+x+")'>"+
buf3+
"</td></tr>"+
"<tr><td height='1px' bgcolor='#ffffff'></td></tr>";      
   } 

 outmenu[0].innerHTML="<table border='0' cellspacing='0' width='250px'  cellpadding='0'>"+buf+"</table>";
  
});