$(document).ready(function(){


  var $tabs = $("#featured > ul").tabs()
  $tabs.tabs("rotate", 4000, false).bind('tabsshow', function(event,dummy, ui) {
   
    for($i=1; $i <5 ; $i++)
    {
      if ( $i != (ui.index +1))
      {
        $("#button_"+$i).removeClass('selected');
      }
      else
      {
        $("#button_"+$i).addClass('selected');
      }
    
    }
  }
  );
  
 

  
 var pattern = 'button_';
  $('a[id*='+pattern+']').each(function(){
    $(this).click(function(){
     
      var idName = $(this).attr('id');
      var tabIdName = idName.split('_');
      $tabs.tabs('select', tabIdName[1]);
      $tabs.tabs("rotate", 0, false)

      for($i=1; $i <5 ; $i++)
      {
        if ( $i != tabIdName[1] )
        {
          $("#button_"+$i).removeClass('selected');
        }
        else
        {
          $("#button_"+$i).addClass('selected');
        }
      
      }
      
    });
  });


    
  
});