$(document).ready(
  function()
  {
    menuResize();
  }
);
$(window).resize(menuResize);

var firstState = null;
//var firstWidh = null;

function menuResize()
{
  if (firstState == null)
  {
    firstState = getAllItemsWidth();
  }
  else
  {
    var i = 0;
    $('.menu-item',$('.menu')).each(
      function()
      {
        $(this).css({
          'width'   : firstState[i] + 'px',
          'border'  : '0px',
          'padding' : '0px'
        }).removeClass('first').removeClass('last').removeClass('lastx').removeClass('grey').removeClass('nact').removeClass('brdr');

        $('.lft_bg',$(this)).removeClass("leftg");
        $('.rght_bg',$(this)).removeClass("rightg");
        $('.rpt_x',$(this)).removeClass("xbrdr");
        $('.lft_bg',$(this)).removeClass("leftbrdr");
        $('.rght_bg',$(this)).removeClass("rightbrdr");
        
        $('.block_pad_rght',$(this)).css("padding-right","2px");

        i++;
      }
    );
  }
  
  /*if (firstWidh == null)
  {
    firstWidh = getMenuWidth();
  }
  else
  {
    ('width', firstWidh + 'px');
  }*/

  offsets = getOffsets();

  for (offs = 0; offs < offsets.length; offs++)
  {
    items = getMenuItemsLine(offsets[offs]);
    menuResizeSelected(items);
    width = getMenuItemsWidth(items);
    width = $('.menu').width() - width;

      if (width > 0 )
      {
        width = parseInt(items[items.length - 1].width()) + parseInt(width);
        items[items.length - 1].css('width', width + 'px');
      }

  }

  if (offsets.length > 1)
  {

    for (offs = 1; offs < offsets.length; offs++)
    {

      items = getMenuItemsLine(offsets[offs]);
      items[0].toggleClass("first");
      items[items.length-1].toggleClass("lastx");



      /*if( offs%2 == 1 ) {
        items[0].css({
          'width' : (parseInt(items[0].width())+12) + 'px'
        });

        items[items.length-1].css({
          'width' : (parseInt(items[items.length-1].width())-12) + 'px'
        });
      }
      else {
        items[0].css({
          'width' : (parseInt(items[0].width())-3) + 'px'
        });

        items[items.length-1].css({
          'width' : (parseInt(items[items.length-1].width())+3) + 'px'
        });
      }*/


     for (n = 0; n < items.length; n++)
     {
      items[n].toggleClass("grey");
      $('.lft_bg',$(items[n])).toggleClass("leftg");
      $('.rght_bg',$(items[n])).toggleClass("rightg");
     }

    }

    for (offs = offsets.length-1; offs < offsets.length; offs++) {
      items = getMenuItemsLine(offsets[offs]);
      for (n = 0; n < items.length; n++)
       {
        items[n].toggleClass("brdr");
        $('.lft_bg',$(items[n])).toggleClass("leftbrdr");
        $('.rght_bg',$(items[n])).toggleClass("rightbrdr");
        $('.rpt_x',$(items[n])).toggleClass("xbrdr");
       }
    }
    
  }
  else {
    //items[items.length-1].toggleClass("last");

    $('.menu-item',$('.menu')).each(
    function()
    {
      $(this).toggleClass("nact");
    }
  );
  }

  $('.menu-item',$('.menu')).each(
    function()
    {
      $('.first').prev().toggleClass("last");

    }
  );
  
  $('.menu-item',$('.menu')).each(
    function()
    {
      $('.block_pad_rght',$('.first').prev()).css("padding-right","0px");
    }
  );
}

function menuResizeSelected(menuItems)
{
  tabsWidth = getMenuItemsWidth(items);
  //alert(getMenuWidth())
  needleWidth = ($('.menu').width() - tabsWidth) / items.length;

  //$('.menu').css('width', getMenuWidth() + 'px');

  for (i = 0; i < items.length; i++)
  {
    width = parseInt(items[i].width()) + parseInt(Math.floor(needleWidth));
    items[i].css('width', width + 'px');
  }
}

function getMenuItemsLine(offset)
{
  menuItems = new Array();
  $('.menu-item',$('.menu')).each(
    function()
    {
      if (offset == $(this).attr('offsetTop'))
      {
        menuItems[menuItems.length] = $(this);
      }
      if ($(this).attr('offsetTop') > offsets)
        return;
    }
  );
  return menuItems;
}

function getOffsets()
{
  var offsets = new Array();
  $('.menu-item',$('.menu')).each(
    function()
    {
      if (offsets.length == 0 || offsets[offsets.length-1] != $(this).attr('offsetTop'))
      {
        offsets[offsets.length] = $(this).attr('offsetTop');
      }
    }
  );
  return offsets;
}

function getMenuItemsWidth(items)
{
  width = 0;
  for (i = 0; i < items.length; i++)
  {
    width += items[i].width();
  }
  return width;
}

function getAllItemsWidth()
{
  items = new Array();
  $('.menu-item',$('.menu')).each(
    function()
    {
      items[items.length] = $(this).width();
    }
  );
  return items;
}

/*function getMenuWidth(){
  menuWidth = $('.contener').width();
  return menuWidth;
}*/