var mainMenu=null;

function InitMainMenu(menu){
    mainMenu=menu;

}

function Stretch() {
//   var menu= document.getElementById('<%= Menu1.ClientID%>');
   var menu=  mainMenu;
   var itemPadding = 0;
   var itemPaddingLeft= 15;
   var itemPaddingRight= 15;
   if(menu.Items[0].TextElement.currentStyle != null){
     itemPadding=   1 * menu.Items[0].TextElement.currentStyle.paddingLeft.replace("px", "") + 1 * menu.Items[0].TextElement.currentStyle.paddingRight.replace("px", ""); //paddingLeft + paddingRight
     }else{
     itemPadding=   1 * itemPaddingLeft + 1 * itemPaddingRight; //paddingLeft + paddingRight
     }
   var itemBorder = 0;
//   var currentWidth = menu.ChildItemList.offsetWidth;
   var ww = menu.DomElement.offsetWidth;


   var currentWidth = 758;
     currentWidth=  GetListWidth(menu);


   if (currentWidth == 0) return;
   for (var i = 0; i < menu.Items.length; i ++)
   {
       var itemDomElement = menu.Items[i].TextElement;
       var percentage = itemDomElement.offsetWidth / currentWidth;
       var newWidth = Math.round(percentage * ww);
       itemDomElement.style.width = newWidth - itemPadding + "px";
       if (i == menu.Items.length - 1)
       {
           var diff = menu.DomElement.offsetWidth - GetListWidth(menu);
           itemDomElement.style.width = newWidth + diff - itemPadding - itemBorder + "px";
       }
   }
}
function GetListWidth(menu) {
   var zz = 0;
   for (var i = 0; i < menu.Items.length; i ++){
       var itemDomElement = menu.Items[i].TextElement;
       if(itemDomElement.parentElement != null){
              zz += itemDomElement.offsetWidth;
              zz += 1 * itemDomElement.parentElement.currentStyle.borderRightWidth.replace("px", "");
       }else{
        zz += itemDomElement.offsetWidth;
        zz += 1;
       }
   }
   return zz;
}


window.onload= function(){
      Stretch();
}