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

//cmp
oldimg = null;
//

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

}
//cmp
oldimg = elid;
//

	},
function () {
// hover requires 2 functions - only need one today
});
});