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

});