$(document).ready(function()
{
  $('#feature .details li > a').click(switchFeature);
  $('#nav > li').hover(function(){ $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); });
});


function switchFeature()
{
  if (!$(this).hasClass('selected'))
  {
    var selected = $('#feature .details a.selected');
    selected.removeClass('selected').parents('li').find('.info').slideUp(350);
    
    var index = $(this).parent().index();
    $(this).addClass('selected').parents('li').find('.info').slideDown(350);
    
    var featureImage = $('#feature .feature').eq(index + 1);
    var featureSelected = $('#feature .feature.selected');
    
    featureSelected.removeClass('selected');
    
    featureImage.addClass('selected').fadeIn(250, function()
    {
      featureSelected.fadeOut(0);
    });
  }
  
  return false;
}