var aktiveAnsicht = 'imgFern';

function preloadImages() {
	document.getElementById("jsMeldung").style.display = "";
	document.getElementById("jsMeldung").innerHTML = '<b>lade Bilder/loading images... (0/12)</b>';
	document.Preload = new Array();
	if(document.images) {
		for (var i = 0; i < preloadImages.arguments.length; i++) {
			document.Preload[i] = new Image();
			document.Preload[i].src = preloadImages.arguments[i];
		}
		check(0);
	}
}

function preloadImagesPortview() {
	document.Preload = new Array();
	if(document.images) {
		for (var i = 0; i < preloadImagesPortview.arguments.length; i++) {
			document.Preload[i] = new Image();
			document.Preload[i].src = preloadImagesPortview.arguments[i];
		}
	}
}

function check(done){
 for (i = 0; i < document.Preload.length; i++) {
   if (document.Preload[i].complete) {
     if (done < document.Preload.length){
     	done++;
     	document.getElementById("jsMeldung").innerHTML = '<b>lade Bilder/loading images... ('+done+'/12)</b>';
     	} 
     else {
     	document.getElementById("jsError").style.display = 'none';
     	var camera = getQueryVariable("camera")

	if ("false" == camera) {
		camera = 1;
	}		
		if ("1" == getQueryVariable("L")) {
			switch (camera) {
				case "1":
				changeScreenEn("fern");
				break;
				case "2":
				changeScreenEn("kaiN");
				break;
				case "3":
				changeScreenEn("kaiS");
				break;
			}
		} else {

			switch (camera) {
				case "1":
				changeScreen("fern");
				break;
				case "2":
				changeScreen("kaiN");
				break;
				case "3":
				changeScreen("kaiS");
				break;
			}			
		}
	
		
	return;
     }
   }
 }
 setTimeout("check("+done+")",10);     
}

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
  return "false";
}

function preloadContainerPortview() {
	
	preloadImagesPortview(
		"http://webcam.jakota.de/rostock_port_cam2.php?version=1&file=1",			// 0
		"http://www.rostock-port.de/fileadmin/images/terminal_hover.gif",			// 1
		"http://www.rostock-port.de/fileadmin/images/terminal_hover.gif",			// 2
		"http://webcam.jakota.de/rostock_port_cam2.php?version=1&file=2",				// 3
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover.gif",				// 4
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover.gif",				// 5
		"http://webcam.jakota.de/rostock_port_cam2.php?version=1&file=3",	// 6
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover_sued.gif",	// 7
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover_sued.gif",	// 8
		"http://www.rostock-port.de/fileadmin/images/terminal_hover.gif",										// 9
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover.gif",							// 10
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover_sued.gif"										// 11
	);
}

function preloadContainer() {
	
	preloadImages(
		"http://webcam.jakota.de/rostock_port_cam2.php?version=1&file=1",			// 0
		"http://webcam.jakota.de/rostock_port_cam2.php?version=2&file=1",			// 1
		"http://webcam.jakota.de/rostock_port_cam2.php?version=3&file=1",			// 2
		"http://webcam.jakota.de/rostock_port_cam2.php?version=1&file=2",				// 3
		"http://webcam.jakota.de/rostock_port_cam2.php?version=2&file=2",				// 4
		"http://webcam.jakota.de/rostock_port_cam2.php?version=3&file=2",				// 5
		"http://webcam.jakota.de/rostock_port_cam2.php?version=1&file=3",	// 6
		"http://webcam.jakota.de/rostock_port_cam2.php?version=2&file=3",	// 7
		"http://webcam.jakota.de/rostock_port_cam2.php?version=3&file=3",	// 8
		"http://www.rostock-port.de/fileadmin/images/terminal_hover.gif",										// 9
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover.gif",							// 10
		"http://www.rostock-port.de/fileadmin/images/seekanal_hover_sued.gif"										// 11
	);
}

function changeImage(target, id) {
	//console.log(document.Preload);
	document.getElementById(target).src = document.Preload[id].src;
}

function hoverIn(img) {
	if (img.id != aktiveAnsicht) {
		img.style.borderColor = "#D71A20";
	}
	switch (img.id) {
		case "imgFern":
		changeImage(img.id, 9);
		break;
		case "imgKaiN":
		changeImage(img.id, 10);
		break;
		case "imgKaiS":
		changeImage(img.id, 11);
		break;
	}
}

function hoverOut(img) {
	if (img.id != aktiveAnsicht) {
		img.style.borderColor = "#808080";
	}
	switch (img.id) {
		case "imgFern":
		changeImage(img.id, 0);
		break;
		case "imgKaiN":
		changeImage(img.id, 3);
		break;
		case "imgKaiS":
		changeImage(img.id, 6);
		break;
	}
}

function clickIndicator(img) {
	/*document.getElementById('imgNah').style.borderColor = "#808080";
	document.getElementById('imgFern').style.borderColor = "#808080";
	document.getElementById('imgKai').style.borderColor = "#808080";
	img.style.borderColor = "#0066B3";*/
	img.blur();
}

function changeScreen(constellation) {

	switch (constellation) {
		case "fern":
			changeImage("gross", 2);
			changeImage("tag", 1);
			document.getElementById("taglink").href = "javascript:webcamPopup();";
			document.getElementById("infotext").innerHTML = 
			"<h2>Fährterminal</h2>"+
			"Sehen Sie hier den <a href=\"javascript:webcamPopup();\">Tag am Fährterminal</a> im Zeitraffer (Es öffnet sich ein Popup).<br/>"+
			"<br/>"+
			"Außerdem können Sie auch eine Perspektive vom <a href=\"javascript:changeScreen('kaiN');\">Seekanal Nord</a> oder aktuelle LiveCam-Bilder vom <a href=\"javascript:changeScreen('kaiS');\">Seekanal Süd</a> betrachten.<br/>";
			break;
		case "kaiN":
			changeImage("gross", 5);
			changeImage("tag", 4);
			document.getElementById("taglink").href = "javascript:webcamPopupKai();";
			document.getElementById("infotext").innerHTML = 
			"<h2>Seekanal Nord</h2>"+
			"Sehen Sie hier den <a href=\"javascript:webcamPopupKai();\">Tag am Seekanal</a> im Zeitraffer (Es öffnet sich ein Popup)."+
			"<br/>"+
			"<br/>"+
			"Außerdem können Sie auch eine weitere Perspektive vom <a href=\"javascript:changeScreen('kaiS');\">Seekanal Süd</a> oder aktuelle LiveCam-Bilder vom <a href=\"javascript:changeScreen('fern');\">Fährterminal</a> betrachten.<br/>";
			break;
		case "kaiS":
			changeImage("gross", 8);
			changeImage("tag", 7);
			document.getElementById("taglink").href = "javascript:webcamPopupKaiS();";
			document.getElementById("infotext").innerHTML =
			"<h2>Seekanal Süd</h2>"+
			"Sehen Sie hier den <a href=\"javascript:webcamPopupKaiS();\">Tag am Seekanal</a> im Zeitraffer (Es öffnet sich ein Popup)."+
			"<br/>"+
			"<br/>"+
			"Außerdem können Sie auch eine weitere Perspektive vom <a href=\"javascript:changeScreen('kaiN');\">Seekanal Nord</a> oder aktuelle LiveCam-Bilder vom <a href=\"javascript:changeScreen('fern');\">Fährterminal</a> betrachten.<br/>";
			break;
	}
} 

function changeScreenEn(constellation) {
	switch (constellation) {
		case "fern":
			changeImage("gross", 2);
			changeImage("tag", 1);
			document.getElementById("taglink").href = "javascript:webcamPopupEn();";
			document.getElementById("infotext").innerHTML = 
			"<h2>View to the ferry terminal</h2>"+
			"See the <a href=\"javascript:webcamPopupEn();\">day at ferry terminal</a> in fast motion (a popup window opens)."+
			"<br/>"+
			"<br/>"+
			"Additional you could watch a view of <a href=\"javascript:changeScreenEn('kaiN')\">sea channel north</a> or current webcam pics of <a href=\"javascript:changeScreenEn('kaiS')\">sea channel south</a>.";
			break;
		case "kaiN":
			changeImage("gross", 5);
			changeImage("tag", 4);
			document.getElementById("taglink").href = "javascript:webcamPopupKaiEn();";
			document.getElementById("infotext").innerHTML = 
			"<h2>Sea channel north</h2>"+
			"See the <a href=\"javascript:webcamPopupKaiEn();\">day at the sea channel</a> in fast motion (a popup window opens)."+
			"<br/>"+
			"<br/>"+
			"Additional you could watch another view of <a href=\"javascript:changeScreenEn('kaiS')\">sea channel south</a> or current webcam pics of the <a href=\"javascript:changeScreenEn('fern')\">ferry terminal</a>.";
			break;
		case "kaiS":
			changeImage("gross", 8);
			changeImage("tag", 7);
			document.getElementById("taglink").href = "javascript:webcamPopupKaiSEn();";
			document.getElementById("infotext").innerHTML =
			"<h2>Sea channel south</h2>"+
			"See the <a href=\"javascript:webcamPopupKaiSEn();\">day at the sea channel</a> in fast motion (a popup window opens)."+
			"<br/>"+
			"<br/>"+
			"Additional you could watch another view of <a href=\"javascript:changeScreenEn('kaiN')\">sea channel north</a> or current webcam pics of the <a href=\"javascript:changeScreenEn('fern')\">ferry terminal</a>.";
			break;
	}
}