$(window).resize(function(){jfxTabOverflow();});

$(function(){
  $('#masthead').append("<a id='more'>more</a>");
  moreTab = $('#more');
  moreTab.css('display','none');
  moreTab.append("<ul id='moreList'>");
  moreTabList = $('#moreList');
  moreTab.mouseenter(function(){showMore();});
  moreTab.mouseleave(function(){hideMore();});
  jfxTabOverflow();
});

function showMore(){
  moreTab.addClass('moreSelected');
  moreTabList.css('display','block');
}

function hideMore(){
  if (!$('#moreList .selected').length>0){moreTab.removeClass('moreSelected');}
  moreTabList.css('display','none');
}

function jfxTabOverflow()
{
  try
  {
    //Move all tabs to tab container
    tabs = $('#headerTabs ul');
    tabs.append(moreTabList.children());
    tabTotalWidth = 0;
    tabs.children().each(function(){
      tabTotalWidth += $(this).width();
      if (tabTotalWidth>($('#headerTabs').width()-100))
      {
        moreTab.css('display','block');
        moreTabList.append($(this));
      }      
    });
    if ($('#moreList .selected').length>0){moreTab.addClass('moreSelected');}else{moreTab.removeClass('moreSelected');}
  }catch(e){}
}