$(document).ready(function(){
  
  // hide menu
  $('#nav > ul ul').hide();
  
  // show menu
  $('#nav > ul > li').mouseover(function() {
    id = '#'+$(this).attr("id")
    if ($(id+' ul').css("display") == "none") {
      $(id+' ul').show();
      $(id).css("background", "url(/images/bg-menu-tab.gif) no-repeat 0 0");
      $(id).css("borderBottom", "2px solid #e5e5e5");
    }
  });

  // hide menu
  $('#nav > ul > li').mouseout(function() {
    id = '#'+$(this).attr("id")
    $(id+' ul').hide();
    // $(id).css("background", "0");          
    $(id).css("borderBottom", "0");
    return false;
  });


	// mouse over buttons 
	// ---------------------------------------------------------------------------
	// all images with class="hoverimage" will change src from filename.gif 
	// to filename-hover.jpg on mouse over and back again on mouse out.

  $('.hoverimage').hover(function() {

		file_extension_pos = $(this).attr('src').lastIndexOf('.');
		file_extension     = $(this).attr('src').substr(file_extension_pos);
	  hover              = $(this).attr('src').lastIndexOf('-hover');	

		if ( hover != -1 ) {			
		  var file_name = $(this).attr('src').replace('-hover.jpg', '.gif');
		  $(this).attr('src', file_name);
			// alert ("file_name: " + file_name);
    } else {			
		  var file_name_hover = $(this).attr('src').replace('.gif', '-hover.jpg');
		  $(this).attr('src', file_name_hover);
			// alert ("file_name_hover: " +  file_name_hover);
	  }

	// on mouse out (same function right now at least)
  }, function() {

		file_extension_pos = $(this).attr('src').lastIndexOf('.');
		file_extension     = $(this).attr('src').substr(file_extension_pos);
	  hover              = $(this).attr('src').lastIndexOf('-hover');	

		if ( hover != -1 ) {			
		  var file_name = $(this).attr('src').replace('-hover.jpg', '.gif');
		  $(this).attr('src', file_name);
			// alert ("file_name: " + file_name);
    } else {			
		  var file_name_hover = $(this).attr('src').replace('.gif', '-hover.jpg');
		  $(this).attr('src', file_name_hover);
			// alert ("file_name_hover: " + file_name_hover);
	  }

  });

});