function openTemplate(panel) {
	document.getElementById(panel+"Tab").className = null;
	document.getElementById(panel+"TabContent").className = 'tabContent';
	
	document.getElementById(panel+"TabTitel").style.display = 'none';
	document.getElementById(panel+"Tab").style.display = 'block';
	document.getElementById(panel+"TabContent").style.display = 'block';
}

function closeTemplate(panel) {
	document.getElementById(panel+"Tab").style.display = 'none';
	document.getElementById(panel+"TabContent").style.display = 'none';
	document.getElementById(panel+"TabTitel").style.display = 'block';

}

function setActiveTab(panel, item) {
	document.getElementById(panel+"TabTemplate").className = null;
	document.getElementById(panel+"TabPreview").className = null;
	document.getElementById(panel+"TabVariables").className = null;
	
	document.getElementById(panel+"Tab"+item).className = "tabSelected";
}



function ajaxVorlageTemplate(panel) {
	setActiveTab(panel, 'Template');
	document.getElementById(panel+"Variables").style.display = 'none';
	document.getElementById(panel+"Preview").style.display = 'none';
	document.getElementById(panel+"Template").style.display = 'block';
}

function ajaxVorlageVorschau(panel) {
	setActiveTab(panel, 'Preview');
	document.getElementById(panel+"Template").style.display = 'none';
	document.getElementById(panel+"Variables").style.display = 'none';
	document.getElementById(panel+"Preview").style.display = 'block';
	
	subject = document.getElementById( panel+"Subject" ).value;
	body = document.getElementById( panel+"Body" ).value;
	body = body.replace(/\n/g, "<br />");
	
	subject = escape(subject);
	body = escape(body);
	var url = 'ajax.php?action=vorlagen&vorlage='+panel+'&request=preview&subject='+subject+'&body='+body;
	
	req = getXMLRequester();
	req.open('POST', url, false);
	req.send(null);
	
	if(req.readyState == 4) {
		if( req.status == 200 ) {
			dom = req.responseXML;
			// Konnte das Template geparsed werden
			if( dom.getElementsByTagName( 'subject' ).length == 0 ) {
				document.getElementById( panel+"Preview" ).innerHTML = 
					"<p><img src=\"images/error.gif\" style=\"float: left\" /><div style=\"padding-top: 2em; font-weight: bold; \">Syntaxfehler in der Vorlage</div></p><div style=\"clear: both\"></div>"
				return;
			}
			
			var subject = dom.getElementsByTagName( 'subject' )[0].firstChild.nodeValue;
			var body = dom.getElementsByTagName( 'body' )[0].firstChild.nodeValue;
			document.getElementById( panel+"Preview" ).innerHTML = 
				"<p><strong>Betreff:</strong><br />"+subject+"</p> <p><strong>Nachricht:</strong><br />"+body+"</p>";
			document.getElementById( panel+"Preview" ).innerHTML += 
				"<input type=\"submit\" name=\""+panel+"Submit\" value=\"speichern\" />";
		
		}
	}
}

function ajaxVorlageVariablen(panel) {
	setActiveTab(panel, 'Variables');
	document.getElementById(panel+"Template").style.display = 'none';
	document.getElementById(panel+"Preview").style.display = 'none';
	document.getElementById(panel+"Variables").style.display = 'block';
	
	if( document.getElementById( panel+"Variables" ).innerHTML != "")
		return;
	
	req = getXMLRequester();
	req.open('GET', 'ajax.php?action=vorlagen&vorlage='+panel+'&request=variables', false);
	req.send(null);
	
	if ((req.readyState == 4) && (req.status == 200)) {
		document.getElementById( panel+"Variables" ).innerHTML = "";
		
		var dom = req.responseXML;
		var node = dom.documentElement;
		for(var i=1; i<node.childNodes.length; i++) {
			if(node.childNodes[i].nodeType != 1)
				continue;
			
			var name = node.childNodes[i].getAttribute("name");
			var value = node.childNodes[i].getAttribute("value");
			
			document.getElementById( panel+"Variables" ).innerHTML += name + ' :: ' + value + '<br />';
		}
	}
}