$(document).ready(function(){

  $('ul#mainMenu li').hover(
    function(){
      var id = $(this).attr('id').split('_')[1];
      $(this).addClass('selected');
      $('ul#submenu_' + id).show();
    },
    function(){
      var id = $(this).attr('id').split('_')[1];
      $(this).removeClass('selected');
      $('ul#submenu_' + id).hide();
    }
  );
  
  $('ul#multiBoxTabs li a').click(
    function(){
      var id = $(this).attr('id').split('_')[1];
      var tabsCount = $('li.multiBoxTab').length;
      
      for(i = 1; i <= tabsCount; i++)
      {
        if(i < id)
          $('li.multiBoxTab a#tab_'+i).parent().attr('class','multiBoxTab left');
        if(i == id)
          $('li.multiBoxTab a#tab_'+i).parent().attr('class','multiBoxTab act');
        if(i > id)
          $('li.multiBoxTab a#tab_'+i).parent().attr('class','multiBoxTab right');
      }
      
      $('div.multiBoxContent').addClass('multiBoxInvisible');
      $('div#multiBoxContent_'+id).removeClass('multiBoxInvisible');
    }
  );
  
  $('li.rightMultiBoxTab a').click(
    function(){
      var id = $(this).attr('id').split('_')[1];      
      var tabsCount = $('li.rightMultiBoxTab').length;
      
      for(i = 1; i <= tabsCount; i++)
      {
        if(i == id)
          $('a#rightTab_'+i).parent().addClass('act');
        else
          $('a#rightTab_'+i).parent().removeClass('act');
      }      
      
      $('div.rightMultiBox').addClass('rightMultiBoxInvisible');
      $('div#rightMultiBox_'+id).removeClass('rightMultiBoxInvisible');
    }
  );
  
});