speeds = Array('512/512 kbit/s','1024/512 kbit/s','2048/512 kbit/s','4096/512 kbit/s','8/1 Mbit/s','24/1 Mbit/s');
var data = new Array;
data[1] = Array('Hangöby',-20,270,Array(0,0,1,1,1,1));
data[2] = Array('Hangö',0,295,Array(0,0,1,1,1,1));
data[3] = Array('Furuvik',46,300,Array(0,0,1,1,1,1));
data[4] = Array('Täktom',73,277,Array(0,0,1,1,1,1));
data[5] = Array('Sandö',69,237,Array(0,0,0,1,1,1));
data[6] = Array('Tvärminne',125,259,Array(0,0,0,0,1,1));
data[7] = Array('Lappvik',139,213,Array(0,0,1,1,1,1));
data[8] = Array('Harparskog, Skogby',160,180,Array(0,0,0,1,1,1));
data[9] = Array('Leksvall',195,154,Array(0,0,1,1,1,1));
data[10] = Array('Trollböle',195,134,Array(0,0,1,1,1,1));
data[11] = Array('Österby',210,114,Array(0,0,1,1,1,1));
data[12] = Array('Sköldargård',210,88,Array(0,0,1,1,1,1));
data[13] = Array('Tenala',178,47,Array(0,0,1,1,1,1));
data[14] = Array('Ekenäs',253,138,Array(0,0,1,1,1,1));
data[15] = Array('Gammelboda',253,164,Array(0,0,1,1,1,1));
data[16] = Array('Langansböle',293,120,Array(0,0,1,1,1,1));
data[17] = Array('Horsbäck',293,94,Array(0,0,0,1,1,1));
data[18] = Array('Snappertuna',384,118,Array(1,0,1,1,1,1));
data[19] = Array('Höstnäs',373,147,Array(1,0,1,1,0,0));
data[20] = Array('KTV',387,83,Array(1,0,1,1,0,0));
data[21] = Array('Karis',353,40,Array(1,0,1,1,1,1));
data[22] = Array('Grundsjö',434,48,Array(1,0,1,1,1,1));
data[23] = Array('Mjölbolsta',395,14,Array(1,0,1,1,1,1));
data[24] = Array('Backgränd',355,-23,Array(1,0,1,1,1,1));
data[25] = Array('Åminnefors',322,4,Array(1,0,1,1,1,1));
data[26] = Array('Bockboda',300,57,Array(1,1,0,0,0,0));
data[27] = Array('Pojo',270,10,Array(0,0,1,1,1,1));
data[28] = Array('Fiskars',285,-22,Array(1,0,1,1,1,1));
data[29] = Array('Antskog',315,-52,Array(0,0,0,1,1,1));
data[30] = Array('Skogböle',205,-12,Array(0,0,1,0,0,0));
data[31] = Array('Persböle',240,37,Array(0,0,0,1,1,0));
data[32] = Array('Skrittskog',233,62,Array(0,0,0,1,1,1));

function setBox(x) {
	var karta = document.getElementById("karta");

	var box = document.getElementById("info").style;
	var bar = document.getElementById("bar").style;

	var title = document.getElementById("titel");
	title.innerHTML = data[x][0];

	var lc = document.getElementById("lc");
	var str = '<table border="0" width="100%"><tr><td valign="top">';

	var tot=0;
	for (i=0;i<speeds.length;i++) {
		if (data[x][3][i]==1) {
			tot++;
		}
	}

	var second_col = false;
	var j=0;
	for (i=0;i<speeds.length;i++) {
		if (data[x][3][i]==1) {
			j++;
			str += speeds[i];
			if (j>=(tot/2) && !second_col ) {
				str += '</td><td valign="top">';
				second_col=true;
			} else {
				str += '<br />';
			}
		}
		
	}
	str += '</td></tr></table>';

	lc.innerHTML = str;
	box.top = (data[x][2]+karta.offsetTop+48-document.getElementById("info").offsetHeight)+"px";
	box.left = (data[x][1]+karta.offsetLeft)+"px";

	bar.top =  (data[x][2]+48+karta.offsetTop)+"px";
	bar.left = (data[x][1]+karta.offsetLeft+document.getElementById("info").offsetWidth/2)+"px";

//	box.visibility = "visible";
//	bar.visibility = "visible";
}

function setHL(id) {
	var karta = document.getElementById("karta");
	kx=karta.offsetLeft;
	ky=karta.offsetTop;
	for (i=1;i<data.length;i++) {
		if (id==i) {
			document.getElementById('box'+i).style.left=(data[i][1]+20+kx)+"px";
			document.getElementById('box'+i).style.top=(data[i][2]+55+ky)+"px";
			document.getElementById('box'+i).style.visibility='visible';
		} else {
			document.getElementById('box'+i).style.visibility='hidden';
		}
	}
}

document.write('<map name="dslmap" id="dslmap">');

	document.write('<area onmouseover="setHL('+1+')" shape="rect" coords="'+(data[1][1]+20)+','+(data[1][2]+55)+','+(data[1][1]+20+50)+','+(data[1][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=1&Itemid=60" alt="'+data[1][0]+'" title="'+data[1][0]+'" />');
		document.write('<area onmouseover="setHL('+2+')" shape="rect" coords="'+(data[2][1]+20)+','+(data[2][2]+55)+','+(data[2][1]+20+50)+','+(data[2][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=2&Itemid=60" alt="'+data[2][0]+'" title="'+data[2][0]+'" />');
		document.write('<area onmouseover="setHL('+3+')" shape="rect" coords="'+(data[3][1]+20)+','+(data[3][2]+55)+','+(data[3][1]+20+50)+','+(data[3][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=3&Itemid=60" alt="'+data[3][0]+'" title="'+data[3][0]+'" />');
		document.write('<area onmouseover="setHL('+4+')" shape="rect" coords="'+(data[4][1]+20)+','+(data[4][2]+55)+','+(data[4][1]+20+50)+','+(data[4][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=4&Itemid=60" alt="'+data[4][0]+'" title="'+data[4][0]+'" />');
		document.write('<area onmouseover="setHL('+5+')" shape="rect" coords="'+(data[5][1]+20)+','+(data[5][2]+55)+','+(data[5][1]+20+50)+','+(data[5][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=5&Itemid=60" alt="'+data[5][0]+'" title="'+data[5][0]+'" />');
		document.write('<area onmouseover="setHL('+6+')" shape="rect" coords="'+(data[6][1]+20)+','+(data[6][2]+55)+','+(data[6][1]+20+50)+','+(data[6][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=6&Itemid=60" alt="'+data[6][0]+'" title="'+data[6][0]+'" />');
		document.write('<area onmouseover="setHL('+7+')" shape="rect" coords="'+(data[7][1]+20)+','+(data[7][2]+55)+','+(data[7][1]+20+50)+','+(data[7][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=7&Itemid=60" alt="'+data[7][0]+'" title="'+data[7][0]+'" />');
		document.write('<area onmouseover="setHL('+8+')" shape="rect" coords="'+(data[8][1]+20)+','+(data[8][2]+55)+','+(data[8][1]+20+50)+','+(data[8][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=8&Itemid=60" alt="'+data[8][0]+'" title="'+data[8][0]+'" />');
		document.write('<area onmouseover="setHL('+9+')" shape="rect" coords="'+(data[9][1]+20)+','+(data[9][2]+55)+','+(data[9][1]+20+50)+','+(data[9][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=9&Itemid=60" alt="'+data[9][0]+'" title="'+data[9][0]+'" />');
		document.write('<area onmouseover="setHL('+10+')" shape="rect" coords="'+(data[10][1]+20)+','+(data[10][2]+55)+','+(data[10][1]+20+50)+','+(data[10][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=10&Itemid=60" alt="'+data[10][0]+'" title="'+data[10][0]+'" />');
		document.write('<area onmouseover="setHL('+11+')" shape="rect" coords="'+(data[11][1]+20)+','+(data[11][2]+55)+','+(data[11][1]+20+50)+','+(data[11][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=11&Itemid=60" alt="'+data[11][0]+'" title="'+data[11][0]+'" />');
		document.write('<area onmouseover="setHL('+12+')" shape="rect" coords="'+(data[12][1]+20)+','+(data[12][2]+55)+','+(data[12][1]+20+50)+','+(data[12][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=12&Itemid=60" alt="'+data[12][0]+'" title="'+data[12][0]+'" />');
		document.write('<area onmouseover="setHL('+13+')" shape="rect" coords="'+(data[13][1]+20)+','+(data[13][2]+55)+','+(data[13][1]+20+50)+','+(data[13][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=13&Itemid=60" alt="'+data[13][0]+'" title="'+data[13][0]+'" />');
		document.write('<area onmouseover="setHL('+14+')" shape="rect" coords="'+(data[14][1]+20)+','+(data[14][2]+55)+','+(data[14][1]+20+50)+','+(data[14][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=14&Itemid=60" alt="'+data[14][0]+'" title="'+data[14][0]+'" />');
		document.write('<area onmouseover="setHL('+15+')" shape="rect" coords="'+(data[15][1]+20)+','+(data[15][2]+55)+','+(data[15][1]+20+50)+','+(data[15][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=15&Itemid=60" alt="'+data[15][0]+'" title="'+data[15][0]+'" />');
		document.write('<area onmouseover="setHL('+16+')" shape="rect" coords="'+(data[16][1]+20)+','+(data[16][2]+55)+','+(data[16][1]+20+50)+','+(data[16][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=16&Itemid=60" alt="'+data[16][0]+'" title="'+data[16][0]+'" />');
		document.write('<area onmouseover="setHL('+17+')" shape="rect" coords="'+(data[17][1]+20)+','+(data[17][2]+55)+','+(data[17][1]+20+50)+','+(data[17][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=17&Itemid=60" alt="'+data[17][0]+'" title="'+data[17][0]+'" />');
		document.write('<area onmouseover="setHL('+18+')" shape="rect" coords="'+(data[18][1]+20)+','+(data[18][2]+55)+','+(data[18][1]+20+50)+','+(data[18][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=18&Itemid=60" alt="'+data[18][0]+'" title="'+data[18][0]+'" />');
		document.write('<area onmouseover="setHL('+19+')" shape="rect" coords="'+(data[19][1]+20)+','+(data[19][2]+55)+','+(data[19][1]+20+50)+','+(data[19][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=19&Itemid=60" alt="'+data[19][0]+'" title="'+data[19][0]+'" />');
		document.write('<area onmouseover="setHL('+20+')" shape="rect" coords="'+(data[20][1]+20)+','+(data[20][2]+55)+','+(data[20][1]+20+50)+','+(data[20][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=20&Itemid=60" alt="'+data[20][0]+'" title="'+data[20][0]+'" />');
		document.write('<area onmouseover="setHL('+21+')" shape="rect" coords="'+(data[21][1]+20)+','+(data[21][2]+55)+','+(data[21][1]+20+50)+','+(data[21][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=21&Itemid=60" alt="'+data[21][0]+'" title="'+data[21][0]+'" />');
		document.write('<area onmouseover="setHL('+22+')" shape="rect" coords="'+(data[22][1]+20)+','+(data[22][2]+55)+','+(data[22][1]+20+50)+','+(data[22][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=22&Itemid=60" alt="'+data[22][0]+'" title="'+data[22][0]+'" />');
		document.write('<area onmouseover="setHL('+23+')" shape="rect" coords="'+(data[23][1]+20)+','+(data[23][2]+55)+','+(data[23][1]+20+50)+','+(data[23][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=23&Itemid=60" alt="'+data[23][0]+'" title="'+data[23][0]+'" />');
		document.write('<area onmouseover="setHL('+24+')" shape="rect" coords="'+(data[24][1]+20)+','+(data[24][2]+55)+','+(data[24][1]+20+50)+','+(data[24][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=24&Itemid=60" alt="'+data[24][0]+'" title="'+data[24][0]+'" />');
		document.write('<area onmouseover="setHL('+25+')" shape="rect" coords="'+(data[25][1]+20)+','+(data[25][2]+55)+','+(data[25][1]+20+50)+','+(data[25][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=25&Itemid=60" alt="'+data[25][0]+'" title="'+data[25][0]+'" />');
		document.write('<area onmouseover="setHL('+26+')" shape="rect" coords="'+(data[26][1]+20)+','+(data[26][2]+55)+','+(data[26][1]+20+50)+','+(data[26][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=26&Itemid=60" alt="'+data[26][0]+'" title="'+data[26][0]+'" />');
		document.write('<area onmouseover="setHL('+27+')" shape="rect" coords="'+(data[27][1]+20)+','+(data[27][2]+55)+','+(data[27][1]+20+50)+','+(data[27][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=27&Itemid=60" alt="'+data[27][0]+'" title="'+data[27][0]+'" />');
		document.write('<area onmouseover="setHL('+28+')" shape="rect" coords="'+(data[28][1]+20)+','+(data[28][2]+55)+','+(data[28][1]+20+50)+','+(data[28][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=28&Itemid=60" alt="'+data[28][0]+'" title="'+data[28][0]+'" />');
		document.write('<area onmouseover="setHL('+29+')" shape="rect" coords="'+(data[29][1]+20)+','+(data[29][2]+55)+','+(data[29][1]+20+50)+','+(data[29][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=29&Itemid=60" alt="'+data[29][0]+'" title="'+data[29][0]+'" />');
		document.write('<area onmouseover="setHL('+30+')" shape="rect" coords="'+(data[30][1]+20)+','+(data[30][2]+55)+','+(data[30][1]+20+50)+','+(data[30][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=30&Itemid=60" alt="'+data[30][0]+'" title="'+data[30][0]+'" />');
		document.write('<area onmouseover="setHL('+31+')" shape="rect" coords="'+(data[31][1]+20)+','+(data[31][2]+55)+','+(data[31][1]+20+50)+','+(data[31][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=31&Itemid=60" alt="'+data[31][0]+'" title="'+data[31][0]+'" />');
		document.write('<area onmouseover="setHL('+32+')" shape="rect" coords="'+(data[32][1]+20)+','+(data[32][2]+55)+','+(data[32][1]+20+50)+','+(data[32][2]+55+25)+'" href="/index.php?option=com_products&step=2&area=32&Itemid=60" alt="'+data[32][0]+'" title="'+data[32][0]+'" />');
	
document.write('</map>');

/* document.write('<table border="1">'); */
	document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=1&Itemid=60" id="box1" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=2&Itemid=60" id="box2" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=3&Itemid=60" id="box3" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=4&Itemid=60" id="box4" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=5&Itemid=60" id="box5" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=6&Itemid=60" id="box6" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=7&Itemid=60" id="box7" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=8&Itemid=60" id="box8" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=9&Itemid=60" id="box9" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=10&Itemid=60" id="box10" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=11&Itemid=60" id="box11" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=12&Itemid=60" id="box12" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=13&Itemid=60" id="box13" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=14&Itemid=60" id="box14" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=15&Itemid=60" id="box15" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=16&Itemid=60" id="box16" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=17&Itemid=60" id="box17" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=18&Itemid=60" id="box18" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=19&Itemid=60" id="box19" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=20&Itemid=60" id="box20" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=21&Itemid=60" id="box21" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=22&Itemid=60" id="box22" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=23&Itemid=60" id="box23" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=24&Itemid=60" id="box24" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=25&Itemid=60" id="box25" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=26&Itemid=60" id="box26" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=27&Itemid=60" id="box27" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=28&Itemid=60" id="box28" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=29&Itemid=60" id="box29" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=30&Itemid=60" id="box30" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=31&Itemid=60" id="box31" class="dotbox2" ></div>');
		document.write('<div onclick="window.location=index.php?option=com_products&step=2&area=32&Itemid=60" id="box32" class="dotbox2" ></div>');
	/* document.write('</table>'); */

//document.write('<div id="info" onclick="this.style.visibility=hidden; document.getElementById(bar).style.visibility=hidden">');
//document.write('<h2 id="titel">Title</h2>');
//document.write('<p id="lc">text text</p>');
//document.write('</div>');
document.write('<div id="bar">');
document.write('</div>');