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

$(document).ready(function(){
//disjointed rollover function starting point
$("div#qa").hover(function(){
	//make a variable and assign the hovered id to it
	//var elid = $(this).attr('id');
	//hide the image currently there
	//fade in the image with the same id as the selected buttom
	$(".answer").css("visibility","visible");
	$(".answer_on").show();
	$(".answer_off").hide();
	//$(".question").hide();
	}, function() {
		$(".answer").css("visibility","hidden");
		$(".question").css("visibility","visible");
		$(".answer_on").hide();
		$(".answer_off").show();
	});

});