<!-- map roll over -->
$(window).load(function () {
	var paper = Raphael("canvas", 375, 342);
	var map = paper.image("/dvch/Portals/_default/Skins/DVCH/images/Full-SizeMAP.gif", 0, 0, 375, 342);

	var dot01 = paper.circle(210, 227, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot02 = paper.circle(230, 185, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot03 = paper.circle(47, 37, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
	var dot04 = paper.circle(253, 170, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
/*	var dot05 = paper.circle(153, 207, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);
*/	var dot06 = paper.circle(181, 241, 5).animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 1000);

	var dot08 = paper.circle(208, 212, 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");


	dot01[0].onmouseover = function (){
	btn_01.style.backgroundColor = "#F00";	
	btn_01.style.color = "#FFF";	
	dot01.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_07.style.backgroundColor = "#F00";	
	btn_07.style.color = "#FFF";	
	dot07.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot01[0].onmouseout = function (){
	btn_01.style.backgroundColor = "#FFF";	
	btn_01.style.color = "#C1272D";	
	dot01.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_07.style.backgroundColor = "#FFF";	
	btn_07.style.color = "#C1272D";	
	}
	dot01[0].onclick = function (){
	location.href="/dvch/Locations/FairmountPrimaryCareCenter/tabid/100/language/en-US/Default.aspx"
	}
	
	
	btn_01.onmouseover = function(){
	dot01.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_01.style.backgroundColor = "#F00";	
	btn_01.style.color = "#FFF";	
	}
	btn_01.onmouseout = function(){
	dot01.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_01.style.backgroundColor = "#FFF";	
	btn_01.style.color = "#C1272D";	
	}
	btn_07.onmouseover = function(){
	dot01.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_07.style.backgroundColor = "#F00";	
	btn_07.style.color = "#FFF";	
	}
	btn_07.onmouseout = function(){
	dot01.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_07.style.backgroundColor = "#FFF";	
	btn_07.style.color = "#C1272D";	
	}


	dot02[0].onmouseover = function (){
	btn_02.style.backgroundColor = "#F00";	
	btn_02.style.color = "#FFF";
	dot02.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot02[0].onmouseout = function (){
	btn_02.style.backgroundColor = "#FFF";	
	btn_02.style.color = "#C1272D";	
	dot02.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot02[0].onclick = function (){
	location.href="/dvch/Locations/MariadelosSantosHealthCenter/tabid/102/language/en-US/Default.aspx"
	}
	btn_02.onmouseover = function(){
	dot02.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_02.style.backgroundColor = "#F00";	
	btn_02.style.color = "#FFF";
	}
	btn_02.onmouseout = function(){
	dot02.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_02.style.backgroundColor = "#FFF";	
	btn_02.style.color = "#C1272D";	
	}



	dot03[0].onmouseover = function (){
	btn_03.style.backgroundColor = "#F00";	
	btn_03.style.color = "#FFF";
	dot03.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot03[0].onmouseout = function (){
	btn_03.style.backgroundColor = "#FFF";	
	btn_03.style.color = "#C1272D";	
	dot03.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot03[0].onclick = function (){
	location.href="/dvch/Locations/NorristownRegionalHealthCenter/tabid/103/language/en-US/Default.aspx"
	}
	btn_03.onmouseover = function(){
	dot03.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_03.style.backgroundColor = "#F00";	
	btn_03.style.color = "#FFF";
	}
	btn_03.onmouseout = function(){
	dot03.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_03.style.backgroundColor = "#FFF";	
	btn_03.style.color = "#C1272D";	
	}



	dot04[0].onmouseover = function (){
	btn_04.style.backgroundColor = "#F00";	
	btn_04.style.color = "#FFF";
	dot04.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot04[0].onmouseout = function (){
	btn_04.style.backgroundColor = "#FFF";	
	btn_04.style.color = "#C1272D";	
	dot04.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot04[0].onclick = function (){
	location.href="/dvch/Locations/ParkviewObGynCenter/tabid/104/language/en-US/Default.aspx"
	}
	btn_04.onmouseover = function(){
	dot04.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_04.style.backgroundColor = "#F00";	
	btn_04.style.color = "#FFF";
	}
	btn_04.onmouseout = function(){
	dot04.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_04.style.backgroundColor = "#FFF";	
	btn_04.style.color = "#C1272D";	
	}


//	dot05[0].onmouseover = function (){
//	btn_05.style.backgroundColor = "#F00";	
//	btn_05.style.color = "#FFF";
//	dot05.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
//	}
//	dot05[0].onmouseout = function (){
//	btn_05.style.backgroundColor = "#FFF";	
//	btn_05.style.color = "#C1272D";	
//	dot05.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
//	}
//	dot05[0].onclick = function (){
//	location.href="/dvch/Locations/ParkviewObGynCenter/tabid/104/language/en-US/Default.aspx"
//	}
//	btn_05.onmouseover = function(){
//	dot05.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
//	btn_05.style.backgroundColor = "#F00";	
//	btn_05.style.color = "#FFF";
//	}
//	btn_05.onmouseout = function(){
//	btn_05.style.backgroundColor = "#FFF";	
//	btn_05.style.color = "#C1272D";	
//	dot05.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
//	}


	dot06[0].onmouseover = function (){
	btn_06.style.backgroundColor = "#F00";	
	btn_06.style.color = "#FFF";
	dot06.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot06[0].onmouseout = function (){
	btn_06.style.backgroundColor = "#FFF";	
	btn_06.style.color = "#C1272D";	
	dot06.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot06[0].onclick = function (){
	location.href="/dvch/Locations/ParkviewObGynCenter/tabid/104/language/en-US/Default.aspx"
	}
	btn_06.onmouseover = function(){
	dot06.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_06.style.backgroundColor = "#F00";	
	btn_06.style.color = "#FFF";
	}
	btn_06.onmouseout = function(){
	dot06.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_06.style.backgroundColor = "#FFF";	
	btn_06.style.color = "#C1272D";	
	}
	
	

	dot08[0].onmouseover = function (){
	btn_08.style.backgroundColor = "#F00";	
	btn_08.style.color = "#FFF";
	dot08.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	}
	dot08[0].onmouseout = function (){
	btn_08.style.backgroundColor = "#FFF";	
	btn_08.style.color = "#C1272D";	
	dot08.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	}
	dot08[0].onclick = function (){
	location.href="/dvch/Locations/FairmountPrimaryCareCenteratStJosephs/tabid/134/language/en-US/Default.aspx"
	}
	btn_08.onmouseover = function(){
	dot08.animate({fill: "#F6921E", stroke: "#000", "stroke-width": 5, "stroke-opacity": 0.5}, 250);
	btn_08.style.backgroundColor = "#F00";	
	btn_08.style.color = "#FFF";
	}
	btn_08.onmouseout = function(){
	dot08.animate({fill: "#F6921E", stroke: "#FFF", "stroke-width": 2, "stroke-opacity": 1}, 250);
	btn_08.style.backgroundColor = "#FFF";	
	btn_08.style.color = "#C1272D";	
	}




});



