/*global document, ActiveXObject, XMLHttpRequest, window  */

"use strict";

function picloaded() {
	var gesamt, geladen, i, picloads, picture;
	gesamt = document.images.length;
	geladen = 0;
	for (i = 0; i < gesamt; i += 1) {
		geladen += 1;	
		//alert("Geladen: " + Math.round(100*geladen/gesamt) + "%");
	}
	document.getElementById("load").innerHTML = "blubb";
	if (geladen === gesamt) {
		picloads = document.getElementById("load");
		picloads.style.display = "none";
		picloads.innerHTML = "";
		picture = document.getElementById("picture");
		picture.style.display = "block";
	}
}

function showpic(picid, underid, subid, mainid, picnumber, next) {
	var xmlHttp, picture, picload;
	xmlHttp = false;
	try {
		xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch (e1) {
		try {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch (e2) {
			xmlHttp = false;
		}
	}
	if (!xmlHttp && typeof XMLHttpRequest !== "undefined") {
		xmlHttp = new XMLHttpRequest();
	}
	xmlHttp.onreadystatechange = function () {
		if (xmlHttp.readyState === 4 || xmlHttp.readyState === 0) {
			var showpic = document.getElementById("showpic");
			if (showpic.style.display === "block" && next !== true) {
				showpic.style.display = "none";
				showpic.innerHTML = "";
			} else {
				showpic.style.display = "block";
				showpic.innerHTML = xmlHttp.responseText;
				picture = document.getElementById("picture");
				picture.style.display = "none";
				picload = document.getElementById("load");
				picload.style.display = "block";
				picload.innerHTML = "Bild wird geladen...<br /><br /><img src=\"/image/ladebild.gif\" width=\"32\" height=\"32\" alt=\"Ladebild\" title=\"Ladebild\" />";
				if (window.opera) {
					if (window.opera.version() < 10) {
						picloaded();
					}
				}
			}
		}
	};
	xmlHttp.open("get",  picid + "-" + underid + "-" + subid + "-" + mainid + "-Bild" + picnumber + "-index.html");
	xmlHttp.send(null);
}

function galshowmouseover(text, event) {
	var toppixel, leftpixel, mouseover;
	mouseover = document.getElementById("mouseover");
	if (event.layerY !== undefined) {
		toppixel = event.layerY + 10;
		leftpixel = event.layerX + 10;
	} else {
		if (window.pageYOffset !== undefined) {
			toppixel = event.clientY + window.pageYOffset + 10;
			leftpixel = event.clientX + 10;
		} else {
			if (document.body.scrollTop === undefined) {
				toppixel = event.clientY + document.body.scrollTop + 10;
			} else {
				toppixel = event.clientY + document.documentElement.scrollTop + 10;
			}
			leftpixel = event.clientX + 10;
		}
	}
	mouseover.innerHTML = text;
	mouseover.style.top = toppixel + "px"; 
	mouseover.style.left = leftpixel + "px"; 
	mouseover.style.display = "block"; 
	mouseover.style.position = "absolute";
	mouseover.style.border = "solid 1px #000000";
	mouseover.style.backgroundColor = "#ffffff";
	mouseover.style.textAlign = "center";
	mouseover.style.padding = "5px";
	mouseover.style.width = "auto";
	mouseover.style.height = "auto";
}

function galhidemouseover() {
	var mouseover = document.getElementById("mouseover");
	mouseover.innerHTML = "";
	mouseover.style.display = "none";
	mouseover.style.width = "0px";
	mouseover.style.height = "0px";
}