$(function() {
/* */
  $('#tabs li').each(function() {
    $(this).attr('baseClass', $(this).attr('class'));
  }).hover(function() {
    var $$ = $(this);
    $$.addClass($$.attr('baseClass') + '-hover').addClass('hover');
    $$.children('a:first').animate({
      marginTop: -10, 
      paddingBottom: 10
    }, 'fast');
    
    var margin = $$.hasClass('selected') ? '-15' : 0;
    
    $$.children('.menu').css({marginTop: margin}).animate({
      height: 'toggle',
      paddingTop: 15, 
      paddingBottom: 20,
      opacity: 1
    }, 'fast');
  }, function() {
    var $$ = $(this);
    window.setTimeout(function() {
    $$.removeClass($$.attr('baseClass') + '-hover').removeClass('hover');
    $$.children('.menu').animate({
      paddingTop: 0, 
      paddingBottom: 0, 
      opacity: 0
    }, 'fast', function() { $(this).hide(); })
    
    $$.children('a:first').animate({
      marginTop: 0, 
      paddingBottom: 0
    }, 'fast')
    
    }, 150)
  });
  
  
  // add curvy corners
  var curves = 
    '<div class="tl"><img src="/images/curvy-circle.png" style="behavior: url(/javascripts/iepngfix/iepngfix.htc)" /></div>' +
    '<div class="tr"><img src="/images/curvy-circle.png" style="behavior: url(/javascripts/iepngfix/iepngfix.htc)" /></div>' +
    '<div class="bl"><img src="/images/curvy-circle.png" style="behavior: url(/javascripts/iepngfix/iepngfix.htc)" /></div>' +
    '<div class="br"><img src="/images/curvy-circle.png" style="behavior: url(/javascripts/iepngfix/iepngfix.htc)" /></div>';
  $('.curvy').append($(curves));
  
  // left-nav selected
  var body   = $('body')[0];
  $('#nav-' + body.className + ' a').addClass('selected');
  
  // top-nav selected
  var $$ = $('#tabs li.' + body.id);
  $$.addClass($$.attr('baseClass') + '-selected').addClass('selected');
/* */ 
});