﻿var http_request = false;
	function start_drag(element){
		document.onmouseup = LayerPosition(element);
	}
	
	function LayerPosition (element) {
	  if (document.layers) {
	    document.layers[0].left = document.event.pageX;
	    document.layers[0].top = document.event.pageY;
	  } else if (document.getElementById) {
	    document.getElementById(element).style.left = document.event.pageX + "px";
	    document.getElementById(element).style.top = document.event.pageY + "px";
	  }
	}
	
	function show_window(element){
			document.getElementById(element).style.display="block";

	}
	
	function large_pic_show(filename, alt){
	document.getElementById('large_pic').getElementsByTagName('img')[0].src=filename;
	document.getElementById('large_pic').getElementsByTagName('img')[0].alt=alt;
	document.getElementById('large_pic').style.display="block";
	}
	
	function large_pic_hide(filename)
	{
	document.getElementById('large_pic').getElementsByTagName('img')[0].src="images/load.gif";
	document.getElementById('large_pic').getElementsByTagName('img')[0].alt="Lade...";
	document.getElementById(filename).style.display="none";
	}	
	function request_content(url){
		
		document.getElementById('con_window').style.display="block";
		request_html(url);
		
		
	}
	
	function request_html(url) {

        http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // zu dieser Zeile siehe weiter unten
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Ende :( Kann keine XMLHTTP-Instanz erzeugen');
            return false;
        }
        http_request.onreadystatechange = outinhalt;
        http_request.open('GET', url, true);
        http_request.send(null);

    }

    function outinhalt() {

	var element = document.getElementById('windowcontent');
	while (element.hasChildNodes())
	     element.removeChild(element.lastChild);
	     

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                var xmlDocument = http_request.responseXML;
                /*
		var dat =document.createTextNode(xmlDocument.getElementsByTagName('title').item(0).firstChild.data);
		document.getElementById('windowtitle').firstChild.nodeValue=dat.nodeValue; */
		document.getElementById('con_window').firstChild.nodeValue=null;
		document.getElementById('windowtitle').firstChild.nodeValue=xmlDocument.getElementsByTagName('title').item(0).firstChild.data
		var textnode = xmlDocument.getElementsByTagName('text')[0];
		
		for (i=0; i<textnode.childNodes.length;i++){
		
		if(textnode.childNodes[i].nodeName=='absatz'){
		var absatz = textnode.childNodes[i];
		
		//for(j=0; j<absatz.childNodes.length;j++){
		
		//if(absatz.childNodes[j]!=null && absatz.childNodes[j].nodeName=='teil'){
		var windowcontent = document.getElementById('windowcontent')
		/*var windowcontentattribute = document.createAttribute("class");
		windowcontentattribute.nodeValue="window-content";
		windowcontent.setAttributeNode(windowcontentattribute);*/
		/*var windowcontentattribute = document.createAttribute('id');
		windowcontentattribute.nodeValue='windowcontent';
		windowcontent.setAttribute(windowcontentattribute);*/
		
			
			//if(absatz.childNodes[j].hasChildNodes()){
				addChild(windowcontent, absatz)
			//}
			//document.getElementById('con_window').appendChild(windowcontent);
			
			document.getElementById('con_window').appendChild(windowcontent);
		}
		//}
		//}
		}
		
	    } else {
                alert('Bei dem Request ist ein Problem aufgetreten.');
            }
        }

    }
    
    function hide(){
    	document.getElementById('con_window').style.display="none";
    	
    }
    
    function hide(element){
    	document.getElementById(element).style.display="none";
    	
    }
    

var toll = "";
var iter = 0;
function addChild(node, element){
for (i=0; i<element.childNodes.length;i++){
if ( element.childNodes[i].nodeName=='teil'){
/*toll = toll+iter+":"+i+element.childNodes[i].nodeName+element.childNodes[i].childNodes[0].nodeValue+"\n"
alert(toll);*/
	if(element.childNodes[i].getAttribute('type')=='image'){
					var imagespan = document.createElement('span');
					var image = document.createElement('img');
					var imgsrc =document.createAttribute('src');
					var imgalt =document.createAttribute('alt');
					var imgclick = document.createAttribute('onclick');
					var absatzformatierung =document.createAttribute('class');
					imgalt.nodeValue='Pic';
					imgsrc.nodeValue=element.childNodes[i].getElementsByTagName('pic')[0].firstChild.data;
					imgclick.nodeValue="large_pic_show('"+element.childNodes[i].getElementsByTagName('large_pic')[0].firstChild.data+"','"+imgalt.nodeValue+"')";
					absatzformatierung.nodeValue='window-pic';
					image.setAttributeNode(imgsrc);
					image.setAttributeNode(imgalt);
					image.setAttributeNode(imgclick);
					imagespan.setAttributeNode(absatzformatierung);
					imagespan.appendChild(image);
					node.appendChild(imagespan);
					continue;
					}
					
	if(element.childNodes[i].getAttribute('type')=='images'){
					var imagediv = document.createElement('div');
					var absatzformatierung =document.createAttribute('class');
					absatzformatierung.nodeValue='window-pic-gallery';
					//addChild(imagediv,element.childNodes[i]);
					for (j=0;j<element.childNodes[i].childNodes.length;j++){
						if (element.childNodes[i].childNodes[j].nodeName=="teil" && element.childNodes[i].childNodes[j].getAttribute('type')=="image"){
						var imagespan = document.createElement('span');
						var a = document.createElement('a');
						var image = document.createElement('img');
						var imgsrc =document.createAttribute('src');
						var imgalt =document.createAttribute('alt');
						//var imgclick = document.createAttribute('onClick');
						var ahref = document.createAttribute('href');
						var bildformatierung =document.createAttribute('class');
						imgalt.nodeValue='Pic';
						imgsrc.nodeValue=element.childNodes[i].childNodes[j].getElementsByTagName('pic')[0].firstChild.data;
						//imgclick.nodeValue="large_pic_show('"+element.childNodes[i].childNodes[j].getElementsByTagName('large_pic')[0].firstChild.data+"','"+imgalt.nodeValue+"')";
						ahref.nodeValue="javascript:"+"large_pic_show('"+element.childNodes[i].childNodes[j].getElementsByTagName('large_pic')[0].firstChild.data+"','"+imgalt.nodeValue+"')";;
						bildformatierung.nodeValue='window-pic';
						image.setAttributeNode(imgsrc);
						image.setAttributeNode(imgalt);
						//image.setAttributeNode(imgclick);
						a.setAttributeNode(ahref);
						imagespan.setAttributeNode(bildformatierung);
						a.appendChild(image);
						imagespan.appendChild(a);
						imagediv.appendChild(imagespan);
						}
					}
					imagediv.setAttributeNode(absatzformatierung);
					node.appendChild(imagediv);
					continue;
					}
	if(element.childNodes[i].getAttribute('type')=='text'){
					var txt = document.createElement('div');
					var absatzformat = document.createAttribute('class');
					absatzformat.nodeValue='absatzwindow';
					textn=document.createTextNode(element.childNodes[i].firstChild.nodeValue);
					txt.setAttributeNode(absatzformat);
					txt.appendChild(textn);
					node.appendChild(txt);
					continue;
					}
	if(element.childNodes[i].getAttribute('type')=='headline'){
					var hdl = document.createElement('h1');
					hdln=document.createTextNode(element.childNodes[i].firstChild.nodeValue);
					var absatzformatierung =document.createAttribute('class');
					absatzformatierung.nodeValue="headline1-window";
					hdl.appendChild(hdln);
					hdl.setAttributeNode(absatzformatierung);
					node.appendChild(hdl);
					continue;
					}
				}
		}

}

