jQuery(document).ready(function(){
//disjointed rollover function starting point
jQuery("div#button li").hover(function(){
	//make a variable and assign the hovered id to it
	var elid = jQuery(this).attr('id');
	//hide the image currently there
	jQuery("div#images div").hide();
	//fade in the image with the same id as the selected buttom
	jQuery("div#images div#" + elid + "").fadeIn("slow");

	});

});