$(document).ready(function() {
  // Need to add an action on hover to show others
 $('.main-link').click(function(event) {
    // what is being hovered
	var current_hover = $(this).attr('id');
	if (current_hover != null) {
	  // remove the 'link-' to reveal the id of the content element
	  var current_content_div = current_hover.replace('link-', '');
	  // retrieve the current content div object
	  if( $('#'+current_content_div).is(':hidden') ) {
	    // hide them all
		$('#content>div').hide();
		$('#'+current_content_div).show();
	  }
	return false;
	}
  });
  $('.main-link').hover(function(event) {
    // what is being hovered
	var current_hover = $(this).attr('id');
	if (current_hover != null) {
	  // remove the 'link-' to reveal the id of the content element
	  var current_content_div = current_hover.replace('link-', '');
	  // retrieve the current content div object
	  if( $('#'+current_content_div).is(':hidden') ) {
	    // hide them all
		$('#content>div').hide();
		$('#'+current_content_div).show();
	  }
	return false;
	}
  });
  
  
});