//Globales Pic-Array definieren
var arr_pics = new Array();


//Ajax - Request
function execHttpRequest(requestURL) {
	var http = null;
	if (window.XMLHttpRequest) {
		http = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (http != null) {
		http.open("GET", requestURL, true);
		http.onreadystatechange = function (){
				if(http.readyState == 4) {
				/* Workaround fuer lokale Verarbeitung von XML im IE (ohne richtigen MIME-Type des XML-Files vom Server)
				xmlObj = new ActiveXObject("Msxml2.DOMDocument");
				xmlObj.loadXML(http.responseText);
				*/
				xmlObj = http.responseXML;
				makePicArray(xmlObj);
			}
		};
		http.send(null);
	}
}


//Pic-Array erstellen
function makePicArray(xml) {
	var galerie_nodes = xml.getElementsByTagName('pics').item(0).getElementsByTagName('galerie');
	var text = "";
	for(g = 0; g < galerie_nodes.length; g++) {
		arr_pics[g] = new Array();
		for(i = 0; i < galerie_nodes.item(g).getElementsByTagName('img').length; i++) {
			arr_pics[g][i] = new Array();
			arr_pics[g][i]["url"] = galerie_nodes.item(g).getElementsByTagName('img').item(i).getAttribute("url_big");
			arr_pics[g][i]["width"] = galerie_nodes.item(g).getElementsByTagName('img').item(i).getAttribute("width_big");
			arr_pics[g][i]["height"] = galerie_nodes.item(g).getElementsByTagName('img').item(i).getAttribute("height_big");
		}
	}
}


//Ajax-Request aufrufen
execHttpRequest("content/xml_pics.php");


//GalerieImg im Layer
function openGalerieImg(selectedGalerieIndex, selectedPicIndex) {
	var html_footline = "&nbsp;";
	
	if(arr_pics[selectedGalerieIndex].length > 1) {
		if(selectedPicIndex > 0) {
			html_footline+="<a href='javascript: openGalerieImg("+selectedGalerieIndex+", " + (selectedPicIndex-1) + ")' class='back' title='zur&uuml;ck'>&nbsp;</a>";
		}
		if(selectedPicIndex < (arr_pics[selectedGalerieIndex].length-1)) {
			html_footline+="<a href='javascript: openGalerieImg("+selectedGalerieIndex+", " + (selectedPicIndex+1) + ")' class='forward' title='weiter'>&nbsp;</a>";
		}
	}
	
	document.all.footline.innerHTML = html_footline;
	document.all.innerContent.innerHTML = "<img src='" + arr_pics[selectedGalerieIndex][selectedPicIndex]["url"] + "' width='" + arr_pics[selectedGalerieIndex][selectedPicIndex]["width"] + "' height='" + arr_pics[selectedGalerieIndex][selectedPicIndex]["height"] + "'>";
	displayContentBox();
}


//Img im Layer
function openImg(url, width, height) {
	document.all.footline.innerHTML = "&nbsp;";
	document.all.innerContent.innerHTML = "<img src='" + url + "' width='" + width + "' height='" + height + "'>";
	displayContentBox();
}


//Flash im Layer
function openFlash(url, width, height) {
	var so = new SWFObject(url, "movie", width, height, "7", "#000000"); 
	so.write("innerContent"); 
	document.all.footline.innerHTML = "&nbsp;";
	displayContentBox();
}


//ContentBox anzeigen
function displayContentBox() {
	document.getElementById("ContentBox").style.display = "block";
}


//ContentBox ausblenden/leeren
function hideContentBox() {
	document.all.innerContent.innerHTML = "";
	document.all.footline.innerHTML = "";
	document.getElementById("ContentBox").style.display = "none";
}