var maxWidth = 391;
var minWidth = null;
var itemsCount = null;
var children;
var wrapWidth = null;
var itemNormalWidth = 0;
var menuWrap = $('menuWrap');

function init() {
  wrapWidth = menuWrap.clientWidth;
  children  = getElementsByClassName(document, "div", "resize");
  itemsCount = children.length;
  itemNormalWidth = Math.floor((wrapWidth/itemsCount)) - 20;
  minWidth = Math.floor((wrapWidth-maxWidth)/(itemsCount-1)) - 30;
  //itemNormalWidth = 90;
  //minWidth = 50;
  for (var i=0;i<itemsCount;i++) { 
   clearInterval(children[i].timer);  
   children[i].id = i;
   children[i].style.width = itemNormalWidth + 'px'; 
  }
 }

if (menuWrap) {
  window.onload   = function(){init();}
  window.onresize = function(){init();}
}

function slowInit() {
  for (var i=0;i<itemsCount;i++) {
   clearInterval(children[i].timer);
   if (children[i].clientWidth < itemNormalWidth) children[i].timer = setInterval("show("+children[i].id+","+itemNormalWidth+")", 10);
   else                                           children[i].timer = setInterval("hide("+children[i].id+","+itemNormalWidth+")", 10);
  }
 }

function doOver(item) {
  for (var i=0;i<itemsCount;i++) {
    clearInterval(children[i].timer);
    if (i == item.id)  children[i].timer = setInterval("show("+children[i].id+","+maxWidth+")", 10);
    else               children[i].timer = setInterval("hide("+children[i].id+","+minWidth+")", 10);
  }
 }

function show(someItemID,width) {
  if ($(someItemID).clientWidth < width - 20) {$(someItemID).style.width = $(someItemID).clientWidth + 20 + 'px'; return; }
  $(someItemID).style.width = width + 'px';
  clearInterval($(someItemID).timer);
 }
 
function hide(someItemID,width) {
  if ($(someItemID).clientWidth > width + 20) {$(someItemID).style.width = $(someItemID).clientWidth - 20 + 'px'; return; }
  $(someItemID).style.width = width + 'px';
  clearInterval($(someItemID).timer);
 }