var image_map =
	"<img src='http://www.theblackbloodalliance.com/wp-content/themes/bba/images/transparent.gif' border='0' alt='' usemap='#header_Map'/>" +
	"<map name='header_Map'>" +
	"<area href='./' class='home'    shape='poly' alt='' coords='366,199, 368,226, 358,236, 349,235, 343,230, 342,215, 351,194, 366,176, 348,184, 348,190, 342,196, 333,196, 330,202, 303,205, 295,202, 295,206, 294,206, 289,200, 280,199, 280,202, 274,206, 274,199, 265,185, 265,197, 247,177, 251,190, 232,177, 235,190, 217,187, 224,191, 212,193, 203,187, 208,194, 191,194, 199,197, 179,202, 191,203, 179,209, 170,212, 150,203, 147,182, 155,170, 170,156, 179,153, 194,134, 218,120, 239,117, 280,119, 291,117, 295,116, 310,114, 306,108, 319,113, 318,107, 324,108, 322,116, 334,108, 333,113, 345,105, 354,107, 336,117, 368,116, 374,129, 378,128, 378,144, 381,143, 380,156, 383,161, 398,165, 402,174, 395,179' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://www.theblackbloodalliance.com/?page_id=3' class='comic'   shape='poly' alt='' coords='0,210, 16,178, 13,194, 22,176, 39,162, 27,184, 44,167, 77,157, 59,171, 80,162, 105,160, 91,166, 109,167, 134,172, 83,206, 82,207, 52,217, 33,230, 32,240, 43,239, 34,234, 62,238, 57,233, 80,241, 132,234, 132,231, 149,226, 144,223, 162,222, 172,226, 170,220, 181,223, 190,209, 181,210, 193,203, 182,202, 199,199, 193,194, 206,195, 206,188, 212,193, 223,193, 217,187, 237,190, 230,177, 251,189, 247,178, 266,199, 265,185, 273,198, 274,198, 274,208, 280,201, 278,229, 283,226, 275,242, 271,248, 285,265, 277,275, 263,279, 244,266, 236,266, 232,274, 230,277, 227,319, 226,325, 198,336, 197,332, 193,328, 200,329, 190,323, 197,319, 197,314, 182,323, 176,334, 175,343, 175,391, 165,386, 169,406, 160,397, 162,413, 156,409, 152,418, 147,334, 142,323, 135,325, 134,322, 127,324, 127,319, 109,314, 83,313, 85,325, 74,344, 71,337, 63,348, 44,361, 51,378, 59,389, 78,385, 83,389, 59,407, 40,397, 15,362, 28,345, 24,340, 27,326, 0,343, 0,267, 7,258, 3,256' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://forum.theblackbloodalliance.hrwr.org' class='forum'   shape='poly' alt='' coords='306,378, 289,393, 269,379, 261,385, 261,397, 252,432, 236,418, 234,438, 227,452, 226,438, 219,462, 217,451, 220,437, 208,454, 208,474, 203,454, 199,479, 187,464, 193,482, 172,473, 186,484, 164,489, 186,488, 167,498, 169,503, 160,511, 136,522, 81,543, 76,548, 71,538, 63,544, 52,541, 64,533, 41,533, 30,524, 27,512, 41,518, 24,498, 21,471, 33,489, 25,458, 29,438, 44,412, 48,447, 53,418, 61,407, 93,385, 90,397, 115,388, 136,397, 155,418, 159,409, 164,414, 163,398, 172,407, 168,388, 179,392, 191,386, 179,373, 196,375, 186,366, 210,355, 181,361, 197,342, 199,335, 227,325, 234,304, 237,315, 247,304, 243,312, 255,306, 272,287, 274,303, 282,306, 291,295, 289,312, 312,319, 288,320, 312,336, 296,333, 305,348, 290,360' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://www.theblackbloodalliance.com/?page_id=4' class='gallery' shape='poly' alt='' coords='292,461, 312,460, 312,471, 300,485, 274,493, 262,507, 247,541, 237,559, 232,589, 224,595, 232,576, 220,562, 208,571, 198,562, 199,576, 189,581, 189,598, 172,603, 170,601, 174,590, 160,554, 142,577, 135,578, 138,570, 123,575, 117,582, 94,568, 93,579, 100,609, 110,627, 114,647, 127,640, 117,660, 119,687, 110,704, 118,712, 101,729, 93,724, 86,716, 60,710, 44,679, 44,681, 46,697, 40,696, 44,707, 51,711, 45,724, 21,724, 21,672, 27,655, 26,625, 47,581, 74,548, 76,548, 81,543, 136,522, 161,510, 170,504, 166,499, 184,488, 166,490, 184,484, 172,474, 194,483, 189,465, 201,480, 203,454, 208,475, 208,454, 219,438, 217,454, 220,463, 224,440, 224,454, 232,438, 236,418, 252,433, 265,425, 264,432, 274,422, 269,434, 285,426, 280,438, 292,424, 293,439, 289,449, 299,443, 291,454' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://www.theblackbloodalliance.com/?page_id=6' class='about'   shape='poly' alt='' coords='94,568, 116,582, 122,575, 138,570, 135,577, 142,576, 160,554, 173,590, 169,601, 184,613, 194,613, 184,617, 198,621, 204,626, 189,627, 202,632, 189,631, 208,640, 201,650, 201,656, 208,660, 213,650, 217,651, 208,660, 215,672, 224,660, 239,660, 252,655, 254,660, 248,664, 267,693, 274,733, 274,762, 268,785, 243,802, 178,820, 128,803, 86,809, 100,784, 158,749, 164,752, 169,694, 110,736, 111,774, 100,777, 103,757, 105,729, 132,692, 127,640, 114,646, 109,626, 100,609, 92,579' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://www.theblackbloodalliance.com/?page_id=136' class='store'   shape='poly' alt='' coords='752,289, 661,287, 647,272, 644,299, 640,286, 636,293, 640,306, 634,303, 634,282, 625,300, 625,283, 556,268, 548,261, 542,253, 544,242, 555,236, 566,240, 567,249, 577,252, 600,255, 600,244, 612,235, 625,241, 624,248, 627,250, 629,240, 621,223, 586,221, 577,200, 593,184, 596,174, 600,170, 594,166, 619,160, 617,152, 632,160, 627,148, 650,166, 644,152, 658,171, 665,167, 665,178, 669,181, 670,170, 679,188, 679,176, 695,207, 696,198, 705,226, 717,236, 712,236, 712,242, 715,243, 717,260' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://www.theblackbloodalliance.com/?page_id=5' class='fanart'  shape='poly' alt='' coords='199,574, 197,562, 209,571, 220,562, 227,577, 224,598, 227,609, 232,609, 224,615, 232,613, 224,621, 227,621, 224,624, 227,631, 224,656, 214,672, 209,666, 209,660, 217,651, 214,648, 206,660, 200,656, 200,650, 206,640, 187,631, 202,633, 190,627, 202,627, 196,621, 184,621, 196,615, 185,615, 191,612, 196,609, 197,609, 185,604, 185,598, 188,598, 188,582' onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"<area href='http://www.theblackbloodalliance.com/?page_id=8' class='characters' shape='poly' alt='' coords='263,559, 265,571, 268,571, 279,565, 274,580, 277,585, 271,595, 280,600, 280,604, 276,606, 268,606, 262,601, 264,619, 260,622, 259,618, 259,613, 253,604, 248,610, 248,622, 241,627, 238,652, 244,650, 246,656, 239,660, 230,659, 229,630, 227,631, 224,625, 227,622, 229,621, 224,621, 232,614, 226,615, 233,609, 227,609, 224,599, 233,594, 230,591, 238,590, 232,587, 242,585, 240,583, 242,576, 250,576'  onmouseover='toggle(this)' onmouseout='toggle(null)'/>" +
	"</map>" +
	"<div id='popup'></div>";


function setUpImageMap() {
	var menu_node = document.getElementById('menu');

	menu_node.innerHTML += image_map;
}

function toggle(area) {
	if (area != null)
		document.getElementById('popup').className = area.className + "_popup";
	else
		document.getElementById('popup').className = '';
}

	
window.onload = setUpImageMap;