//DISJOINTED ROLLOVERS USING BUTTON NAVIGATION AND IMAGES FADING IN AND OUT

$(document).ready(function(){
//disjointed rollover function starting point
$("div#menuitems a").hover(function(){
	//make a variable and assign the hovered id to it
	var elid = $(this).attr('id');
	//hide the image currently there
	$("div#ima div").hide();
	//fade in the image with the same id as the selected buttom
	// @update fade in the image w/ ID + "-i" - xhtml only allows one element on the page to have an id
	$("div#ima div#" + elid + "-i").fadeIn("slow");

	});

});