$(document).ready(function() {
  
  var closedHeight=37;
  
  $('.contentBox').each(function() {
    
    var contentBox=$(this);
    var originalHeight=$(this).height();
    $(this).css('height',originalHeight + "px");
    
    var closeButton=$(this).find('.contentBox-close');
    
    closeButton.click(function() {
      
      var dir=$(this).find('img').attr('src');
      dir=dirname(dir);
      //alert(dir);
      var fn=$(this).find('img').attr('src');
      fn=basename(fn);
      
      if(fn == 'cross.gif') {
        fn='open.gif';
      }else{
        fn='cross.gif';
      }
      $(this).find('img').attr('src',dir + '/' + fn);
      
      if(contentBox.css('height') != closedHeight + "px") {
        contentBox.animate({ height: closedHeight + "px" } , 200);
      } else {
        contentBox.animate({ height: originalHeight + "px" } , 200);
      }
      
    });
    
  });
  
  
  // Menu hovering
  
  $('#menu a').each(function() {
    
    var img=$(this).find('img');
    var original=img.attr('src');
    
    if($(this).hasClass('.selected')) {
      original=original.substr(0,(original.length - 4)) + '-on.gif';
      img.attr('src',original);
    }
    
    var chk=original.substr(original.length - 7);
    var hov='';
        
    if(chk == '-on.gif') {
      hov=original;
    }else{
      hov=original.substr(0,(original.length - 4)) + '-on.gif';
    }
    
    $(this).hover(function() {
      img.attr('src',hov);
    },function() {
      img.attr('src',original);
    });
    
  });
  
  
});