Hi all, I'm new designer, and I need some help from experts

So, I want to apply a JavaScript like this: http://jsfiddle.net/EVFEC/ for a HTML code like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>rolloevertest</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS3 Dreamweaver CS3 target. Created Tue Sep 04 23:05:58 GMT+0300 2012-->
</head>
<body bgcolor="#ffffff">
<img name="rolloevertest" src="rolloevertest.png" width="940" height="540" border="0" id="rolloevertest" usemap="#m_rolloevertest" alt="" />

<map name="m_rolloevertest" id="m_rolloevertest">
<area shape="poly" coords="164,144,140,169,140,204,153,212,171,224,195,242,224,268,243,277,269,281,292,285,321,285,350, 285,359,276,392,274,416,275,443,275,458,275,496,262,519,253,536,241,547,232,549,226,550,218,550,210, 550,204,550,201,549,196,543,188,537,180,535,177,534,176,521,169,514,166,493,154,479,145,465,136,454, 132,447,127,428,119,378,119,315,119,272,117,232,116,217,118,198,127,179,132,170,134" href="http://www.youtube.com" target="_self" title="Youtube" alt="Youtube" />
</map>

</body>
</html>



I want make a clickable map like this wit selecting many countries, but I need to understand how to apply this JScript with a shape coord?