hey how can i make a mouseover efect on my map ?
in my maine php the map code is this :
can someone help me please?
<div id="main-map" style="float:left; margin-bottom:15px; margin-top:15px" > <div style="position:relative; background-image:url(<?php echo osc_current_web_theme_url('map.png'); ?>); width:395px; height:276px;"> <canvas id="map-status" style="position:absolute;left:0; top:2px; width:392px; height:276px;" width="392" height="276"></canvas> <canvas id="map-hover" style="position:absolute;left:0; top:2px; width:392px; height:276px;" width="392" height="276"></canvas> <img src="<?php echo osc_current_web_theme_url('map.png'); ?>" alt="modern_3" usemap="#Map" border="0" style="position:absolute;left:0; top:2px; width:392px; height:276px; opacity:0" width="392" height="276"/> </div> <map name="Map" id="Map">
<area shape="poly" coords="249,234,250,234,256,229,256,227,253,225,253,223,254,222,254,212,253,210,251,209,250,208,248,209,247,209,239,210,237,210,237,211,238,218,236,220,236,221,235,222,235,225,235,227,234,227,233,229,232,230,244,238,245,239,246,239,248,238,249,235" alt="ilfov" href="/-r782162" />
<area shape="poly" coords="331,165,333,165,334,168,334,170,335,172,338,174,341,175,351,179,353,178,355,178,356,177,362,173,371,168,376,166,381,166,384,168,388,170,390,172,391,174,391,175,391,188,390,189,390,195,389,199,387,199,383,200,376,201,369,205,366,208,363,207,357,211,355,210,354,209,341,210,340,211,339,211,331,205,330,203,328,203,327,203,327,201,328,200,329,199,329,197,329,196,328,195,328,193,328,191,329,190,329,188,330,187,330,184,330,183,328,182,327,181,327,179,328,178,327,177,325,176,324,176,323,175,323,173,323,169,324,169,326,167,327,167,328,168,329,168,330,167,331,166" alt="Tulcea" href="/-r782191" />
<area shape="poly" coords="327,230,329,227,328,226,328,224,326,221,325,218,325,215,324,213,321,210,319,210,319,207,320,207,322,207,326,206,326,205,327,204,330,207,333,210,336,211,339,212,341,213,342,213,342,211,355,211,357,213,359,212,362,210,364,209,366,209,363,212,361,214,361,217,359,220,359,221,357,223,357,224,355,226,354,228,352,229,351,230,350,232,350,234,350,236,351,238,352,239,350,240,351,243,352,245,352,247,352,250,352,252,352,254,351,256,351,258,350,259,350,261,349,263,348,265,346,265,337,266,336,264,333,264,331,264,322,260,322,258,321,256,321,254,321,253,320,252,318,252,315,252,315,253,313,253,312,253,311,253,310,250,309,248,302,248,300,249,298,250,297,249,292,245,295,245,298,246,300,245,302,244,305,243,307,242,310,241,312,241,313,240,316,239,318,238,321,237,323,235,325,233,325,232,326,230,328,227,328,225" alt="Constanta" href="/-r782167" />
<area shape="poly" coords="321,170,322,176,323,177,326,178,326,179,326,180,326,182,328,183,328,184,329,185,328,187,327,191,327,193,327,194,328,196,327,197,327,199,327,201,326,202,325,204,324,205,322,205,320,205,317,205,315,204,313,203,311,204,309,205,307,206,304,205,301,205,299,205,295,205,293,206,291,207,290,206,290,205,290,204,291,196,292,193,287,184,286,184,285,184,284,183,288,180,293,181,294,180,294,179,295,177,296,177,297,176,297,174,297,172,297,171,302,165,304,166,308,165,313,169,313,170,321,170,322,176" alt="Braila" href="/-r782160" />
<area shape="poly" coords="317,207,313,205,310,207,308,207,304,206,294,206,292,208,291,209,289,207,289,209,287,209,285,209,283,207,278,206,277,205,265,205,264,203,261,205,255,207,252,207,252,208,254,209,255,210,255,221,256,222,257,220,259,219,261,221,264,221,265,220,267,219,269,219,271,220,273,221,274,221,279,222,280,223,296,224,298,223,299,224,300,225,301,224,303,224,305,225,305,226,307,225,308,224,310,225,311,226,313,228,315,229,316,230,317,229,319,229,320,230,321,230,323,231,324,230,326,227,326,225,325,222,324,220,324,218,323,215,322,214,320,212,319,211,317,211,318,209,317,207,316,206,314,205" alt="ialomita" href="/-r782176" />
<area shape="poly" coords="287,242,276,243,275,244,274,244,268,246,263,246,262,247,257,248,258,247,258,245,257,244,257,242,250,236,250,235,257,229,257,227,254,224,254,223,256,224,258,224,258,222,259,221,261,222,263,224,265,224,267,221,269,221,271,222,273,223,278,223,279,224,282,224,282,225,297,225,297,224,298,226,302,226,303,227,303,228,305,228,309,226,316,233,318,232,319,231,322,231,323,233,322,233,321,235,321,236,320,236,315,236,314,238,312,239,308,240,305,240,299,244,296,243,288,244,288,242" alt="calarasi" href="/-r782164" />
<area shape="poly" coords="321,169,324,166,327,166,328,166,330,165,329,164,327,164,327,162,325,159,325,155,325,154,325,151,324,146,323,135,321,128,317,128,315,127,312,129,311,129,309,127,304,127,304,133,304,134,300,134,298,128,289,132,290,142,301,157,302,161,303,163,305,164,309,164,314,168,321,169" alt="galati" href="/-r782171" />
<area shape="poly" coords="326,92,327,111,325,111,325,114,322,118,323,121,324,121,323,126,322,127,318,127,315,125,313,125,313,126,312,127,309,126,303,126,303,132,302,133,302,132,299,123,298,112,297,108,293,100,290,97,293,94,288,89,288,83,296,82,298,83,303,81,304,79,305,78,307,81,309,81,309,83,312,83,313,85,315,84,317,83,318,84,322,84,326,91,326,92" alt="vaslui" href="/-r782193" />
<area shape="poly" coords="293,41,288,41,286,45,282,45,281,43,279,48,277,50,274,46,266,46,265,49,264,55,257,53,258,56,259,57,258,59,262,64,262,70,265,70,267,68,272,73,277,72,282,68,288,75,289,76,285,78,287,81,289,81,290,81,296,80,297,81,302,79,301,76,304,76,308,79,311,79,311,82,320,82,321,80,320,76,318,73,316,72,309,66,307,61,303,57,299,53,298,49,293,41" alt="iasi" href="/-r782177" />
<area shape="poly" coords="268,1,278,11,286,29,286,34,291,39,287,39,285,44,284,44,281,42,278,47,274,45,267,44,265,43,264,45,263,50,259,44,258,37,250,28,246,23,243,22,237,16,244,16,250,7,262,2,266,1,269,2" alt="botosani" href="/-r782159" />
<area shape="poly" coords="254,148,260,157,275,164,277,163,285,169,290,167,291,170,296,171,295,175,293,176,293,179,288,178,286,178,283,182,283,185,286,185,290,193,287,207,282,205,278,204,277,203,265,204,262,199,264,196,257,189,258,183,253,182,253,180,248,180,248,175,245,172,244,166,241,165,247,159,250,159,254,149" alt="Buzau" href="/-r782163" />
<area shape="poly" coords="274,162,261,155,255,146,254,145,254,138,258,133,260,133,261,134,263,134,263,130,272,130,272,131,277,131,278,129,286,129,286,128,285,128,285,126,291,123,295,124,298,125,288,131,288,142,294,152,300,158,301,165,296,169,292,170,291,166,286,167,278,162,274,162" alt="vrancea" href="/-r782194" />
<area shape="poly" coords="298,123,296,112,290,99,288,96,290,94,287,90,275,90,274,87,270,92,266,91,258,96,249,98,248,96,245,98,241,97,238,94,237,99,240,103,240,106,238,110,242,110,244,114,248,113,250,119,256,131,260,132,262,129,271,129,272,129,276,129,277,127,283,128,283,125,290,121,297,123,297,124" alt="bacau" href="/-r782156" />
<area shape="poly" coords="253,56,260,64,262,71,265,72,266,70,272,74,278,75,282,71,285,74,284,76,282,79,285,84,287,88,276,89,273,85,269,90,265,88,259,94,251,95,247,93,245,95,240,95,239,93,232,95,229,85,231,80,228,72,224,71,229,60,233,62,242,60,249,59,253,57" alt="neamt" href="/-r782182" />
<area shape="poly" coords="235,17,243,25,248,27,251,32,256,37,258,48,263,53,260,53,256,51,255,53,257,57,256,58,254,55,252,55,248,57,239,57,234,59,231,59,228,56,227,58,222,70,219,71,213,64,209,67,206,69,204,68,199,68,200,46,200,44,196,41,199,37,199,30,202,30,209,21,214,20,226,19,234,18,237,19" alt="suceava" href="/-r782188" />
<area shape="poly" coords="254,248,242,253,241,258,234,264,227,269,224,263,223,253,227,248,227,245,226,236,216,232,217,226,220,222,227,223,235,223,233,226,231,230,243,240,248,240,250,238,255,243,255,246,255,248" alt="giurgiu" href="/-r782172" />
<area shape="poly" coords="249,207,238,208,234,205,231,204,232,202,231,198,226,197,225,193,225,190,219,183,219,178,218,175,217,173,217,169,222,166,228,167,231,169,233,169,234,165,238,165,242,166,245,175,245,178,249,183,251,182,252,184,256,184,256,185,255,186,256,190,261,196,260,198,262,201,260,203,256,206,252,206,249,208,247,208,239,208" alt="prahova" href="/-r782184" />
<area shape="poly" coords="255,133,250,121,249,121,241,127,232,128,225,120,215,130,220,133,221,135,220,139,223,147,225,149,229,149,237,152,242,161,246,156,249,158,253,148,252,139,253,135,255,133" alt="covasna" href="/-r782168" />
<area shape="poly" coords="213,66,206,71,208,75,209,91,209,96,197,106,198,109,192,114,194,120,198,120,203,125,210,124,214,128,217,122,225,117,231,125,232,127,235,126,236,125,246,121,242,125,236,126,247,121,247,116,244,117,242,116,241,113,236,112,235,110,238,106,238,104,235,100,235,96,232,97,230,96,227,85,229,79,226,74,223,73,220,73,217,71,213,67" alt="harghita" href="/-r782174" />
<area shape="poly" coords="225,270,222,258,221,251,225,247,223,244,224,238,217,236,213,231,215,225,213,224,212,227,208,231,203,228,191,233,189,245,191,249,182,254,182,258,186,262,186,265,185,269,191,270,196,268,198,270,201,270,203,269,213,275,217,272,220,274,224,271,225,268" alt="teleorman" href="/-r782189" />
<area shape="poly" coords="207,228,209,226,209,220,205,217,205,195,205,193,203,185,205,186,208,184,210,173,216,169,214,173,217,177,217,184,223,190,224,196,227,199,229,200,230,201,228,204,228,205,234,207,236,211,235,220,229,222,224,222,221,220,216,223,212,221,211,224,209,228,207,229,207,228" alt="dambovita" href="/-r782169" />
<area shape="poly" coords="196,129,191,136,186,139,187,143,183,148,183,151,184,158,190,157,195,159,200,158,206,163,210,171,220,165,228,164,231,167,233,163,240,162,236,154,228,151,224,150,217,139,219,134,217,133,215,133,211,126,208,126,197,129" alt="brasov" href="/-r782161" />
<area shape="poly" coords="160,270,166,256,166,253,163,252,163,251,165,250,166,248,163,245,164,241,158,235,156,230,153,230,153,228,150,225,153,223,156,224,163,221,167,220,170,220,167,213,169,203,171,203,173,207,177,203,181,211,183,211,184,228,189,232,188,241,189,248,181,253,179,257,185,264,183,268,180,268,177,267,172,267,170,270,165,270,161,270" alt="olt" href="/-r782183" />
<area shape="poly" coords="177,160,175,179,177,190,175,202,177,201,180,208,186,209,186,228,192,230,202,226,206,227,208,221,204,218,203,196,202,182,205,183,208,170,201,161,196,161,188,158,186,160,183,160,177,161" alt="arges" href="/-r782155" />
<area shape="poly" coords="206,75,207,76,207,90,205,93,207,94,197,104,194,109,190,113,193,121,198,123,200,125,196,127,194,130,191,128,184,129,184,119,169,119,166,119,156,108,155,105,159,101,158,98,160,96,162,94,160,91,163,89,166,92,175,89,176,87,182,81,185,83,188,81,188,76,193,71,204,71,207,76,207,77" alt="mures" href="/-r782181" />
<area shape="poly" coords="194,42,185,42,184,44,172,42,167,47,162,48,158,54,158,57,154,59,154,62,155,64,157,64,162,69,163,75,164,81,165,84,165,87,167,90,173,88,174,86,180,78,183,80,185,81,185,77,186,75,190,69,197,68,197,63,197,60,198,58,198,55,197,53,197,51,199,50,198,46,195,42,194,42" alt="bistrita" href="/-r782158" />
<area shape="poly" coords="157,269,164,255,160,253,160,250,162,249,161,246,163,242,160,239,158,239,154,232,151,231,151,229,147,225,150,221,149,217,147,217,144,212,143,216,142,219,135,219,132,222,124,222,121,228,122,233,116,238,117,244,113,245,114,249,107,253,106,257,106,260,109,262,116,263,124,259,129,260,137,263,141,262,156,268,157,268" alt="dolj" href="/-r782170" />
<area shape="poly" coords="175,160,175,167,175,176,173,183,175,188,173,202,171,199,168,201,166,208,166,217,163,219,160,220,158,222,153,221,151,215,146,215,146,200,145,196,148,192,148,182,147,181,149,177,150,174,146,172,140,173,140,168,147,164,150,164,164,164,170,161,175,160" alt="valcea" href="/-r782192" />
<area shape="poly" coords="181,120,169,120,165,122,163,126,160,129,157,134,156,135,152,133,151,134,150,138,145,145,141,147,140,151,141,154,141,157,140,158,143,163,149,161,151,162,163,162,170,158,182,158,182,154,181,153,182,147,184,144,184,139,192,132,189,131,183,131,182,120" alt="sibiu" href="/-r782187" />
<area shape="poly" coords="191,31,188,26,185,25,181,20,180,18,174,18,173,17,167,20,160,21,156,17,149,17,148,16,135,15,144,23,136,30,128,29,127,31,133,34,133,35,127,42,121,40,119,42,116,48,117,49,119,47,121,48,126,49,134,51,139,52,142,51,145,54,150,52,157,52,162,46,165,45,170,41,173,40,178,40,183,41,185,40,192,40,197,36,197,32,192,32,188,26" alt="maramures" href="/-r782179" />
<area shape="poly" coords="141,175,128,175,124,176,122,178,107,177,105,178,101,178,97,184,99,188,103,187,109,193,110,201,117,210,128,214,131,218,134,216,141,216,141,210,144,210,144,200,143,193,146,190,147,184,145,183,145,178,147,176,146,174,142,174" alt="gorj" href="/-r782173" />
<area shape="poly" coords="165,121,154,109,149,108,143,109,141,112,139,110,138,106,130,103,126,105,118,107,115,107,112,102,105,103,103,110,106,112,110,112,115,120,118,124,119,128,124,132,131,149,131,155,138,165,142,164,138,161,139,157,137,151,140,144,143,144,148,137,150,131,153,130,155,132,162,125,164,121" alt="alba" href="/-r782153" />
<area shape="poly" coords="160,71,156,66,153,66,151,60,156,56,155,54,150,54,149,59,143,63,140,67,137,67,136,73,134,76,129,82,125,81,123,83,118,83,110,79,110,76,105,76,103,77,107,81,103,87,108,94,109,100,113,100,117,104,121,103,128,102,132,102,140,105,141,108,143,106,152,107,153,107,154,102,156,102,157,99,156,97,159,94,157,91,162,86,163,82,161,78,160,71,158,69" alt="cluj" href="/-r782166" />
<area shape="poly" coords="148,56,146,59,142,60,140,65,137,65,133,71,133,75,127,80,125,79,122,81,120,82,113,78,111,74,106,74,98,68,99,66,97,63,100,56,106,52,110,51,114,53,121,55,121,51,125,50,133,53,139,55,141,54,143,55,147,56" alt="salaj" href="/-r782185" />
<area shape="poly" coords="121,10,115,16,107,20,100,28,93,28,85,33,82,38,88,39,91,47,97,50,100,52,105,50,113,49,115,51,118,52,118,50,114,48,114,46,120,38,125,40,130,35,124,32,127,26,133,28,140,25,137,19,134,17,121,10" alt="satu mare" href="/-r782186" />
<area shape="poly" coords="109,245,105,242,97,234,93,233,89,225,92,224,95,220,98,221,102,221,102,218,100,214,96,214,90,209,84,211,77,223,74,219,74,218,78,217,78,215,77,212,80,205,86,208,88,208,99,190,102,190,107,195,107,202,115,211,120,213,127,217,130,220,125,221,124,220,119,228,120,231,115,237,116,243,112,242,110,245" alt="mehedinti" href="/-r782180" />
<area shape="poly" coords="129,154,128,146,122,133,117,131,116,124,113,122,110,114,102,115,100,120,94,121,92,132,89,136,93,143,96,146,92,152,99,159,102,167,101,172,102,176,105,177,105,175,121,175,136,173,138,167,135,164,130,158,129,154" alt="hunedoara" href="/-r782175" />
<area shape="poly" coords="86,205,98,188,94,184,98,177,99,168,100,168,98,161,90,154,86,153,83,158,77,158,76,162,72,163,69,160,66,160,59,159,52,163,51,169,54,173,52,180,52,185,48,191,48,193,50,193,54,199,47,200,46,202,47,204,54,205,57,210,68,212,73,214,75,215,75,211,80,202,85,205" alt="caras severin" href="/-r782165" />
<area shape="poly" coords="49,179,42,178,34,174,32,174,22,164,21,147,17,144,10,136,2,127,6,126,10,126,12,124,15,126,22,124,33,130,37,132,46,132,51,131,58,137,62,136,64,138,72,135,83,138,88,136,93,146,91,151,86,151,82,155,79,155,75,156,74,160,70,158,65,158,58,156,50,161,49,163,48,168,52,174,50,177,49,178" alt="timis" href="/-r782190" />
<area shape="poly" coords="58,95,60,93,68,93,72,96,79,97,80,101,90,110,102,112,103,113,100,114,99,119,93,119,89,128,90,132,84,135,82,137,73,133,69,133,65,135,63,132,60,135,51,128,48,127,48,131,44,131,38,130,36,131,35,128,24,123,22,120,24,118,29,119,35,119,38,117,40,114,41,111,44,110,46,107,44,103,45,100,46,97,50,96,52,94,54,95" alt="arad" href="/-r782154" />
<area shape="poly" coords="74,51,69,55,67,62,60,70,60,78,53,87,55,93,61,91,67,91,72,94,76,94,81,95,82,99,91,105,93,109,99,110,101,109,103,100,106,100,106,97,104,93,101,87,101,85,105,82,102,78,103,74,99,71,96,66,94,64,95,62,98,53,95,51,91,50,85,40,82,39,80,39,76,43,74,44" alt="bihor" href="/-r782157" />
</map>
