<!-- map roll over -->
$(window).load(function () {
	var paper = Raphael("canvas", 274, 589);
	var map = paper.image("images/images/10most/NJ-Map.jpg", 0, 0, 274, 589);

	var dot06 = paper.circle(175, 233, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot01 = paper.circle(95, 177, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot02 = paper.circle(224, 121, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot08 = paper.circle(204, 157, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot07 = paper.circle(147, 150, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
//	var dot04 = paper.circle(400, 370, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot09 = paper.circle(125, 249, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot05 = paper.circle(199, 78, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot03 = paper.circle(78, 424, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
//	var dot10 = paper.circle(252, 255, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);

	var btn_01 = document.getElementById("btn_01");
	var btn_02 = document.getElementById("btn_02");
	var btn_03 = document.getElementById("btn_03");
//	var btn_04 = document.getElementById("btn_04");
	var btn_05 = document.getElementById("btn_05");
	var btn_06 = document.getElementById("btn_06");
	var btn_07 = document.getElementById("btn_07");
	var btn_08 = document.getElementById("btn_08");
	var btn_09 = document.getElementById("btn_09");
//	var btn_10 = document.getElementById("btn_10");
	
	dot01[0].onmouseover = function (){
	btn_01.style.backgroundColor = "#C4DC80";	
	dot01.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot01[0].onmouseout = function (){
	btn_01.style.backgroundColor = "transparent";
	dot01.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot01[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/The_1759_Vought_House"
	}
	
	
	btn_01.onmouseover = function(){
	dot01.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_01.onmouseout = function(){
	dot01.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	dot02[0].onmouseover = function (){
	btn_02.style.backgroundColor = "#C4DC80";	
	dot02.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot02[0].onmouseout = function (){
	btn_02.style.backgroundColor = "transparent";
	dot02.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot02[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/The_Blue_Chapel"
	}
	btn_02.onmouseover = function(){
	dot02.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_02.onmouseout = function(){
	dot02.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	dot03[0].onmouseover = function (){
	btn_03.style.backgroundColor = "#C4DC80";
	dot03.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot03[0].onmouseout = function (){
	btn_03.style.backgroundColor = "transparent";
	dot03.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot03[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/Bridgeton_Free_Public_Library"
	}
	btn_03.onmouseover = function(){
	dot03.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_03.onmouseout = function(){
	dot03.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	//dot04[0].onmouseover = function (){
//	btn_04.style.backgroundColor = "#C4DC80";
//	dot04.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
//	}
//	dot04[0].onmouseout = function (){
//	btn_04.style.backgroundColor = "transparent";
//	dot04.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
//	}
//	dot04[0].onclick = function (){
//	location.href="index.php?/10most/index_detail/Liberty"
//	}
//	btn_04.onmouseover = function(){
//	dot04.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
//	}
//	btn_04.onmouseout = function(){
//	dot04.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
//	}


	dot05[0].onmouseover = function (){
	btn_05.style.backgroundColor = "#C4DC80";
	dot05.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot05[0].onmouseout = function (){
	btn_05.style.backgroundColor = "transparent";
	dot05.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot05[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/Graydon_Pool"
	}
	btn_05.onmouseover = function(){
	dot05.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_05.onmouseout = function(){
	dot05.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	dot06[0].onmouseover = function (){
	btn_06.style.backgroundColor = "#C4DC80";
	dot06.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot06[0].onmouseout = function (){
	btn_06.style.backgroundColor = "transparent";
	dot06.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot06[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/Hoagland-Clark_House"
	}
	btn_06.onmouseover = function(){
	dot06.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_06.onmouseout = function(){
	dot06.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	dot07[0].onmouseover = function (){
	btn_07.style.backgroundColor = "#C4DC80";
	dot07.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot07[0].onmouseout = function (){
	btn_07.style.backgroundColor = "transparent";
	dot07.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot07[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/Hurstmont"
	}
	btn_07.onmouseover = function(){
	dot07.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_07.onmouseout = function(){
	dot07.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	dot08[0].onmouseover = function (){
	btn_08.style.backgroundColor = "#C4DC80";	
	dot08.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot08[0].onmouseout = function (){
	btn_08.style.backgroundColor = "transparent";
	dot08.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot08[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/The_Plume_House";
	}
	btn_08.onmouseover = function(){
	dot08.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_08.onmouseout = function(){
	dot08.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


	dot09[0].onmouseover = function (){
	btn_09.style.backgroundColor = "#C4DC80";
	dot09.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot09[0].onmouseout = function (){
	btn_09.style.backgroundColor = "transparent";
	dot09.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot09[0].onclick = function (){
	location.href="index.php?/ten_most/index_detail/Trenton_Central_High_School"
	}
	btn_09.onmouseover = function(){
	dot09.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_09.onmouseout = function(){
	dot09.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}


/*	dot10[0].onmouseover = function (){
	btn_10.style.backgroundColor = "#C4DC80";
	dot10.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot10[0].onmouseout = function (){
	btn_10.style.backgroundColor = "transparent";
	dot10.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot10[0].onclick = function (){
	location.href="10most/index_detail/Benevolent"
	}
	btn_10.onmouseover = function(){
	dot10.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	btn_10.onmouseout = function(){
	dot10.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
*/


});