$(document).ready(function() {
	
	// menu
	// ---------------------------------------------------------------------------	
	// expand all menu alternatives with "class: expanded"
	// remember to set initial values in the html code on page load
	$("#navigation_primary > li > a[@class=expanded] ").find("+ ul").slideDown("medium");
	$("#navigation_secondary > li > a[@class=expanded] ").find("+ ul").slideDown("medium");

  // on click: toggle the menu's class and expand or collapse the menu
	$("#navigation_primary > li > a").click(function() {
		$(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
	});
	$("#navigation_secondary > li > a").click(function() {
		$(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
	});
	
	
	// mouse over buttons 
	// ---------------------------------------------------------------------------
	// all images with class="hoverbutton" will change src from filename.gif 
	// to filename-hover.gif on mouse over and back again on mouse out.
	
  $('.hoverbutton').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'+file_extension, file_extension);
		  $(this).attr('src', file_name);
			// alert ("file_name: " + file_name);
    } else {			
		  var file_name_hover = $(this).attr('src').replace(file_extension, '-hover'+file_extension);
		  $(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'+file_extension, file_extension);
		  $(this).attr('src', file_name);
			// alert ("file_name: " + file_name);
    } else {			
		  var file_name_hover = $(this).attr('src').replace(file_extension, '-hover'+file_extension);
		  $(this).attr('src', file_name_hover);
			// alert ("file_name_hover: " + file_name_hover);
	  }
	
  });

	
	
});