Image1 = new Image(700, 901)
Image1.src = "images/cityscan5.jpg"

Image2 = new Image(700,901)
Image2.src = "images/hotspot-cityblocks4.jpg"

Image3 = new Image(700,901)
Image3.src = "images/hotspot-coliseum.jpg"

Image4 = new Image(700,901)
Image4.src = "images/hotspot-housewithtrees.jpg"

Image5 = new Image(700,901)
Image5.src = "images/hotspot-turnaround.jpg"

$(document).ready(function(){
	$("dt.oncities").hover(function () {
		$("dt.oncities a").css('color','#c7a317');
		$("#themap").attr('src', Image3.src);
	    }, function () {
		$("dt.oncities a").css('color','#ffffff');
		$("#themap").attr('src', Image1.src);
	});
	$("dt.photos").hover(function () {
		$("dt.photos a").css('color','#c7a317');
		$("#themap").attr('src', Image2.src);
	    }, function () {
		$("dt.photos a").css('color','#ffffff');
		$("#themap").attr('src', Image1.src);
	});
	$("dt.animation").hover(function () {
		$("dt.animation a").css('color','#c7a317');
		$("#themap").attr('src', Image4.src);
	    }, function () {
		$("dt.animation a").css('color','#ffffff');
		$("#themap").attr('src', Image1.src);
	});
	$("dt.worksonpaper").hover(function () {
		$("dt.worksonpaper a").css('color','#c7a317');
		$("#themap").attr('src', Image5.src);
	    }, function () {
		$("dt.worksonpaper a").css('color','#ffffff');
		$("#themap").attr('src', Image1.src);
	});

});

function coliseum() {
	$("#themap").attr('src', Image3.src);
	$("dt.worksonpaper a").css('color','#ffffff');
	$("dt.animation a").css('color','#ffffff');
	$("dt.photos a").css('color','#ffffff');
	$("dt.oncities a").css('color','#c7a317');
	return true;
}
function downtown() {
	$("#themap").attr('src', Image2.src);
	$("dt.worksonpaper a").css('color','#ffffff');
	$("dt.animation a").css('color','#ffffff');
	$("dt.oncities a").css('color','#ffffff');
	$("dt.photos a").css('color','#c7a317');
	return true;
}
function trees() {
	$("#themap").attr('src', Image4.src);
	$("dt.oncities a").css('color','#ffffff');
	$("dt.photos a").css('color','#ffffff');
	$("dt.worksonpaper a").css('color','#ffffff');
	$("dt.animation a").css('color','#c7a317');
	return true;
}
function turnout() {
	$("#themap").attr('src', Image5.src);
	$("dt.oncities a").css('color','#ffffff');
	$("dt.photos a").css('color','#ffffff');
	$("dt.animation a").css('color','#ffffff');
	$("dt.worksonpaper a").css('color','#c7a317');
	return true;
}
function original() {
	$("#themap").attr('src', Image1.src);
	$("dt.worksonpaper a").css('color','#ffffff');
	$("dt.animation a").css('color','#ffffff');
	$("dt.photos a").css('color','#ffffff');
	$("dt.oncities a").css('color','#ffffff');
	return true;
}