var data = new Array();
data[0] = new Object();
data[0]["name"] = "nwat";	// Nordwestatlantik
data[0]["pos"] = [100, 60];
data[0]["bcolor"] = "#afb3d9";
data[0]["fish"] = ["Lachs"];
data[0]["link"] = ["lachs"];

data[1] = new Object();
data[1]["name"] = "noat";	// Nordostatlantik
data[1]["pos"] = [110, 10];
data[1]["bcolor"] = "#f7931d";
data[1]["fish"] = ["Auster", "Heilbutt", "Herzmuschel", "Kabeljau", " Kaiserabrsch", "Kalamar", "Knurrhahn", "Lachs", "Makrele", "Mandelmuschel", "Red Snapper", "Rochen", "Rotbarbe", "Rotbarsch", "Sardine", "Schellfisch", "Scholle", "Seehecht", "Seelachs", "Seeteufel", "Seezunge", "Steinbutt", "Taschenkrebs"];
data[1]["link"] = ["auster", "heilbutt", "herzmuschel", "kabeljau", " kaiserabrsch", "kalamar", "knurrhahn", "lachs", "makrele", "mandelmuschel", "redsnapper",  "rochen", "rotbarbe", "rotbarsch", "sardine", "schellfisch", "scholle", "seehecht", "seelachs", "seeteufel", "seezunge", "steinbutt", "taschenkrebs"];

data[2] = new Object();
data[2]["name"] = "paoz1";	// Pazifischer Ozean
data[2]["pos"] = [160, 160];
data[2]["bcolor"] = "#96d5d2";
data[2]["fish"] = ["Drachenkopf", "Gelbschwanzmakrele", "Thunfisch"];
data[2]["link"] = ["drachenkopf", "gelbschwanzmakrele", "thunfisch"];

data[3] = new Object();
data[3]["name"] = "paoz2";	// Pazifischer Ozean
data[3]["pos"] = [400, 170];
data[3]["bcolor"] = "#96d5d2";
data[3]["fish"] = ["Drachenkopf", "Gelbschwanzmakrele", "Thunfisch"];
data[3]["link"] = ["drachenkopf", "gelbschwanzmakrele", "thunfisch"];

data[4] = new Object();
data[4]["name"] = "osse";	// Ostsee
data[4]["pos"] = [410, 100];
data[4]["bcolor"] = "#ffd403";
data[4]["fish"] = ["Zander"];
data[4]["link"] = ["zander"];


data[5] = null;
/*
data[5] = new Object();
data[5]["name"] = "scme";	// Schwarzes Meer
data[5]["pos"] = [10, 10];
data[5]["bcolor"] = "#c9cacc";
//CWI
data[5]["fish"] = [""];
data[5]["link"] = [""];
*/
data[6] = new Object();
data[6]["name"] = "mime";	// Mittelmeer
data[6]["pos"] = [420, 150];
data[6]["bcolor"] = "#ffed96";
data[6]["fish"] = ["Kalamar", "Oktopus", "Sardelle", "Sardine"];
data[6]["link"] = ["kalamar", "oktopus", "sardelle", "sardine"];

data[7] = null;
/*
data[7] = new Object();
data[7]["name"] = "mwat";	// Mittlerer Westatlantik
data[7]["pos"] = [10, 10];
data[7]["bcolor"] = "#acd7f3";
data[7]["fish"] = [""];
data[7]["link"] = [""];
*/
data[8] = null;
/*
data[8] = new Object();
data[8]["name"] = "moat";	// Mittlerer Ostatlantik
data[8]["pos"] = [10, 10];
data[8]["bcolor"] = "#b6da9b";
data[8]["fish"] = [""];
data[8]["link"] = [""];
*/
data[9] = new Object();
data[9]["name"] = "swat";	// Südwestatlantik
data[9]["pos"] = [120, 270];
data[9]["bcolor"] = "#f499c2";
data[9]["fish"] = ["Rotbarbe", "Zackenbarsch"];
data[9]["link"] = ["rotbarbe", "zackenbarsch"];

data[10] = new Object();
data[10]["name"] = "soat";	// Südostatlantik
data[10]["pos"] = [250, 260];
data[10]["bcolor"] = "#e7e7e9";
data[10]["fish"] = ["Sepia"];
data[10]["link"] = ["sepia"];

data[11] = new Object();
data[11]["name"] = "inoz";	// Indischer Ozean
data[11]["pos"] = [400, 150];
data[11]["bcolor"] = "#fad5e4";
data[11]["fish"] = ["Schwertfisch", "Sepia"];
data[11]["link"] = ["schwertfisch", "sepia"];

data[12] = null;
/*
data[12] = new Object();
data[12]["name"] = "anta";	// Antarktis
data[12]["pos"] = [10, 10];
data[12]["bcolor"] = "#00bcf2";
data[12]["fish"] = ["Dorsch", "Rotbarsch", "Seelachs"];
data[12]["link"] = ["dorsch", "rotbarsch", "seelachs"];
*/
var timeoutID;
var oldId = null;

function showFish(aId, show)
{
	//aId = aId.substring(0, 4);
	if (show)
	{
		if (null != oldId)
		{
			hideFish(oldId);
		}
		oldId = aId;
		clearTimeout(timeoutID);
		var element = document.getElementById("fish" + aId);
		element.style.visibility = "visible";
	}
	else
	{
		timeoutID = setTimeout("hideFish('" + aId + "');", 500);
	}
}

function hideFish(aId)
{
	if (null != aId)
	{
		var element = document.getElementById("fish" + aId);
		if (null != element)
		{
			element.style.visibility = "hidden";
		}
		//oldId = null;
	}
}

addLoadListener(createFishDivs);

function createFishDivs()
{
	var aImg = document.getElementById("fishmap");
	var imgPos = getPosition(aImg);
	var baseX = imgPos[0];
	var baseY = imgPos[1];
	for (i=0; i<data.length; i++)
	{
		if (null != data[i])
		{
			fishDiv = document.createElement("div");
			fishDiv.id = "fish" + data[i]["name"];
			fishDiv.onmouseover = function() {clearTimeout(timeoutID);};
			fishDiv.onmouseout = function() {showFish(oldId, false);};
			fishDiv.style.backgroundColor = "#DDDDDD";
			fishDiv.style.borderWidth = "5px";
			fishDiv.style.borderStyle = "solid";
			fishDiv.style.borderColor = data[i]["bcolor"];
			fishDiv.style.padding = "2px";
			fishDiv.style.visibility = "hidden";
			fishDiv.style.position = "absolute";
			fishDiv.style.left = (baseX + data[i]["pos"][0]) + "px";
			fishDiv.style.top = (baseY + data[i]["pos"][1]) + "px";
			var inner = "";
			for (j=0; j<data[i]["fish"].length; j++)
			{
				inner += '<a href="fisch' + data[i]["link"][j] +
					'.html" class="fishanker">' +
					data[i]["fish"][j] + '</a><br />';
					//'.html" class="fishanker" onmouseover="clearTimeout(timeoutID);" onmouseout="showFish(oldId, false);">' +
			}
			fishDiv.innerHTML = inner;
			document.getElementById("wrapper").appendChild(fishDiv);
		}
	}
}