/* cms Objekt */


function Cms (site, path, session)
{
	
	var __construct = function (site, path, session)
	{
		if (window.cms) {
			new Dot (site).updateAll ();
			onload ();
			new CmsAjax (top.cms.path + "/html/html_action.php", "action=frame&site="+site+"&target="+encodeURIComponent(window.cms.activeSection.id)).run ();
		
		} else {
			// cms Klasse auf top
			top.cms = top.cms ? top.cms : function () {};
			top.cms.path = path;
			
			window.cms = window.cms ? window.cms : function () {};
			window.cms.session = session;
			window.cms.reload = reload;
			
			// d (); // Debug Ausgabe initialesieren
			
			// Statuszeile initialesieren
			window.defaultStatus = "spitfire  -  Content Management System";
			
			// Dots initialesieren
			new Dot (site).init ();
			// Kontextmenu initialesieren
			new Kontextmenu ().init ();
			// EditWindow initialesieren
			new Action ().init ();
			
			window.addEvent ("onload", onload);
		}
	}	
	
	var onload = function ()
	{
		// letzte Scrollposition wieder herstellen
		if (top.cms.scrollNode) {
			var node = top.cms.scrollNode.document ? top.cms.scrollNode.document.body : top.cms.scrollNode;
			if (node) {
				node.scrollTop = top.cms.scrollTop;
				node.scrollLeft = top.cms.scrollLeft;
				top.cms.scrollNode = null;
			}
		}
		
		new Action ().request ("", "status", site);
		
		window.cms.loaded = true;
	}
	
	// Seite neu laden und alte Scrollposition (für wieder herstellung) speichern
	var reload = function ()
	{
		var section = window.cms.activeSection;
		if (window.cms.activeDotId) {
			var node = document.getElementById (window.cms.activeDotId);
			if (node.location) {
				node.location.href = node.href;
				return;
			}
			while (node && (node = node.parentNode)) {
				if (node.location) {
					section = node;
					break;
				}
			}
		}
		if (section && !section.body) {
			top.cms.scrollNode = section;
			top.cms.scrollTop = section.scrollTop;
			top.cms.scrollLeft = section.scrollLeft;
			section.location.reload ();
		} else {
			top.cms.scrollNode = window;
			top.cms.scrollTop = document.body.scrollTop;
			top.cms.scrollLeft = document.body.scrollLeft;
			window.location.reload ();
		}
	}
	
	
	// Eventhandler hinzufügen
	Node.prototype.addEvent = function (event, aktion) { if (this.attachEvent) { this.attachEvent (event, aktion); } else { this.addEventListener (event.substr (2), aktion, false); } };
	window.addEvent = Node.prototype.addEvent;
	top.addEvent = Node.prototype.addEvent;
	// Event Verarbeitung beenden
	Node.prototype.cancelEvent = function (e) { if (e.preventDefault) { e.preventDefault (); } e.returnValue = false; e.cancelBubble = true; };
	
	// tag-Attribut auslesen
	Node.prototype.getString = function (name) { return this.getAttribute (name) ? this.getAttribute (name) : ""; };
	Node.prototype.getInt = function (name) { return this.getAttribute (name) ? eval(this.getAttribute (name)) : 0; };
	Node.prototype.getBool = function (name) { try {return this.getAttribute (name) ? (eval(this.getAttribute (name)) ? true : false) : false; } catch (e) {return true;}};
	
	// tag-Attribute kopieren
	Node.prototype.copyAttributes = function (srcNode) { for (var i=0; i<srcNode.attributes.length; i++) {this.setAttribute (srcNode.attributes[i].nodeName, srcNode.attributes[i].nodeValue)} };

	// Cursor Symbol wechseln
	Node.prototype.setCursor = function (name, noReset) { 
		if (this.style) {
			if (!name) {
				this.style.cursor = this.style.oldCursor ? this.style.oldCursor : "";
			} else {
				this.style.oldCursor = (this.style.cursor == "wait") ? this.style.oldCursor : this.style.cursor;
				this.style.cursor = name;
			}
		}
 		try {
// 	 		this.nextSibling  &&  this.nextSibling.setCursor (name, true);
// 			this.firstChild  &&  this.firstChild.setCursor (name, true);
 		} catch (e) {};
/*
 		for (var child = this.firstChild; child; child.nextSibling) {
 			child.setCursor (name, true);
 		}
*/		
		if (!noReset) {
			clearTimeout (window.cms.cursorTimeout);
			if (name) {
				window.cms.cursorTimeout = setTimeout ("document.body.resetCursor ()", 5000);
			}
		}
	};
	Node.prototype.resetCursor = function () { this.setCursor (); };
	
	// xml-Struktur in Baum-Darstellung zurückgeben
	Node.prototype.xmlText = function (spacer) {
		spacer = (spacer) ? spacer : "";
		var text = spacer + "<" + this.nodeName;
		if (this.attributes) {
			for (i=0; i<this.attributes.length; i++) {
				text += " "+this.attributes[i].nodeName+"='"+this.attributes[i].nodeValue+"'";
			}
		}
		text += ">";
		if (this.firstChild) {
			text += "\n";
			text += this.firstChild.xmlText (spacer + "   ");
			text += spacer;
		} else if (this.nodeValue) {
			text += this.nodeValue;
		}
		text += "</" + this.nodeName + ">\n";
		if (this.nextSibling) {
			text += this.nextSibling.xmlText (spacer);
		}
		return text;
	};


	__construct (site, path, session);
}


/**
* Ein Kontextmenu anzeigen
*/
function Kontextmenu (parent, dotId)
{
	var self = this;
	var parent = parent;
	var submenu = null;
	var id = 0;
	var dotId = dotId;
	this.over = false;
	this.name = "";
	
	
	this.init = function ()
	{
		// Kontextmenu Struktur laden
		var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=kontextmenu");
		request.onCompletion = function (response) {
			xml = document.createElement("xml");
			xml.innerHTML = response;
			top.cms.kontextmenu = xml.firstChild;
			//d (top.cms.kontextmenu.xmlText ());
		}
		request.run ();
		
		window.addEvent ("onload", onload);
	}
	
	var onload = function ()
	{
		// Abdecker für hervorhebung der gewählten Elemente
		var mask = document.createElement("div");
		mask.id = "cms_mask";
		document.body.appendChild (mask);
	}
	
	// Menü erstellen und platzieren
	this.showMenu = function (name, event)
	{
		this.name = name;
		// Menue zusammenbauen
		var node = document.createElement("kontextmenu");
		id = document.getElementsByTagName ("kontextmenu").length + 1;
		node.id = "cms_kontextmenu_" + id;
		node.setAttribute ("name", name);
		node.className = "cms_kontextmenu";
		
 		node.appendChild (menu (name));
 		document.body.appendChild (node);
		
 		/*
 		// menu im iFrame
 		var m = menu (name);
		var inode = document.createElement("iframe");
		inode.id = "cms_kontextmenu_iframe_" + id;
		inode.style.width = "100%";
		inode.style.height = "100%";
		inode.src = "about:blank";
		inode.onload = function () {this.contentDocument.body.appendChild (m);};
		node.appendChild (inode);
 		document.body.appendChild (node);
		*/	
		
		// Menue positionieren
		var node_width = node.offsetWidth;
		var node_height = node.offsetHeight;
		if (event) {
			// wenn parent ein Dot ist
			var node_left = event.pageX;
			var node_top = event.pageY;
		} else {
			// wenn parent ein Menue ist
			var node_left = parent.offsetWidth;
			var node_top = -2;
			for (obj = parent; obj; obj = obj.parentNode) {
				node_left += ((obj.offsetLeft)) ? obj.offsetLeft : 0;
				node_top += ((obj.offsetTop)) ? obj.offsetTop : 0;
				if (obj.nodeName == "KONTEXTMENU" || obj.nodeName == "DOT") {
					break;
				}
			}
		}
		
		// verhindern das kontext unterhalb/rechts des Fensters liegt
		var body_height = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
		if ((body_height + document.body.scrollTop) < (node_top + node_height))
			node_top = (body_height + document.body.scrollTop) - node_height;
		if ((document.body.clientWidth + document.body.scrollLeft)  <  (node_left + node_width))
			node_left -= parent.offsetWidth + node_width;
		if (document.body.scrollTop  >  node_top)
			node_top = document.body.scrollTop;
		if (document.body.scrollLeft  >  node_left)
			node_left = document.body.scrollLeft;
		node.style.top   = node_top+"px";
		node.style.left  = node_left+"px";
		
		// Kontext menue ausblenden wenn Focus verloren geht
		var focusElement = document.getElementById ("cms_menu_focuselement");
		if (!focusElement) {
			focusElement = document.createElement("a");
			node.appendChild (focusElement);
			focusElement.id = "cms_menu_focuselement";
			focusElement.href = "";
			focusElement.focus ();
		}
		focusElement.addEvent ("onblur", onblur);
	};

	// Menü entfernen
	this.destroy = function ()
	{
		if (!self.over && document) {
			var node = document.getElementById ("cms_kontextmenu_"+id);
			if (node) {
				document.body.removeChild (node);
				id = 0;
			}
			if (submenu) {
				submenu.destroy ();
			}
			if (parent.className == "cms_hover") {
				parent.className = "cms_normal";
			}
			this.name = "";
			
			clearTimeout (window.cms.showRangeTimeout);
			hideMenu (false);
			showRange (false);
		}
	};
	
	// Menü Liste (alle Menü Zeilen aneinander hängen)
	var menu = function (name)
	{
		var table = document.createElement("table");
		table.setAttribute ("cellpadding", 1);
		table.setAttribute ("cellspacing", 0);
		
		// aktive Menue in xml-Quelle suchen
		surce = top.cms.kontextmenu.firstChild;
		active = document.getElementsByTagName ("kontextmenu");
		for (i=0; i<active.length; i++) {
			while (surce.getString ("name") != active[i].getString ("name")) {
				surce = surce.nextSibling;
			}
			surce = surce.firstChild;
		}
		// gewählte Menue in xml-Quelle suchen
		while (surce && surce.getString ("name") != name) {
			surce = surce.nextSibling;
		}
		surce = surce.firstChild;
		// gewählte Menue zusammensetzen
		while (surce) {
			var dot = document.getElementById (dotId);
			var show_if = surce.getString ("show_if");
			var hide_if = surce.getString ("hide_if");
			if ((!show_if || eval (dot[show_if]) || eval (top.cms.status[show_if])) && (!hide_if || !eval (dot[hide_if]) && !eval (top.cms.status[hide_if]))) {
				if (surce.tagName == "LIST") {
					for (i=0; i < dot[surce.getString ("name")].length; i++) {
						table.appendChild (entry (surce, dot[surce.getString ("name")][i]));
					}
				} else {
					table.appendChild (entry (surce));
				}
			}
			surce = surce.nextSibling;
		}
		
		return table;
	};
	
	
	// Eine Menüzeile erstellen
	var entry = function (surce, listRow)
	{
		var table = document.createElement("table");
		var tr = null; // die Menüzeile
		var dot = document.getElementById (dotId); // der Dot zu dem das Menü gehört
		var name = surce.getString ("name"); // name des Menüpunktes
		
		var active_if = surce.getString ("active_if"); // ist diese Menüzeile anwählbar
		var enable_if = surce.getString ("enable_if"); // ist diese Menüzeile anwählbar
		var disable_if = surce.getString ("disable_if"); // ist diese Menüzeile anwählbar
		var action_if = surce.getString ("action_if"); // ist diese Action ausführbar
		
		var active = (active_if && (eval (dot[active_if]) || eval (listRow && listRow[active_if]) || eval (top.cms.status[active_if])));
		var enable = (!enable_if || eval (dot[enable_if]) || eval (listRow && listRow[enable_if]) || eval (top.cms.status[enable_if])) && 
		             (!disable_if || !(eval (dot[disable_if]) || eval (listRow && listRow[disable_if]) || eval (top.cms.status[disable_if])));
		var enable_action = (!action_if || eval (dot[action_if]) || eval (listRow && listRow[action_if]) || eval (top.cms.status[action_if]));
		var has_parent_action = (surce.getString ("action")  &&  surce.parentNode  &&  surce.parentNode.getString ("action") == surce.getString ("action")  &&  surce.parentNode.getString ("actionvalue") == surce.getString ("actionvalue")); // diese Menü-Zeile hat die Selbe Action wie das Parent menü
		
		var row_class = (enable || active) ? "cms_normal" : "cms_disable";
		var text_class = ((has_parent_action) ? "cms_text_bold" : "cms_text") + ((!enable) ? " cms_disable" : "");

		var icon_name = (active) ? "active" : surce.getString ("icon"); // Symbol das am Anfang der Menüzeile angezeigt wird
		
		var text = surce.getString ("value") + ((surce.getBool ("window")) ? "..." : "");
		
		// Auf Submenu prüfen
		var icon_submenu = "";
		var has_submenu = "";
		if (surce.firstChild) {
			icon_submenu = (surce.getString ("action") && enable_action) ? "" : "&rsaquo;";
			has_submenu = "true";
		}
		
		switch (surce.tagName ? surce.tagName : surce) {
			case "LIST":
				switch (name) {
					case "ticket":
						text = listRow['id']+" - "+listRow['name'];
						icon_name = (eval (listRow['is_active'])) ? "active" : icon_name;
						icon_name = (eval (listRow['has_timer'])) ? "timer" : icon_name;
						break;
					case "timer":
						text = listRow['time']+" - "+listRow['action'];
						break;
					case "history":
						text = listRow['time']+" - "+listRow['name'];
						icon_name = (eval (listRow['is_active'])) ? "active" : icon_name;
						break;
					case "linked":
						text = listRow['url'];
						break;
				}
			case "MENU":
			case "ENTRY":
				table.innerHTML = "<tr submenu='"+has_submenu+"' class='"+row_class+"'><td class='cms_icon'>"+icon (icon_name)+"</td><td class='"+text_class+"'><nobr>"+text+"</nobr></td><td class='cms_submenu'>"+icon_submenu+"</td></tr>";
				tr = table.firstChild.firstChild;
				tr.copyAttributes (surce);
				tr.addEvent ("onclick", onclick);
				tr.addEvent ("onmouseover", onmouseover);
				tr.addEvent ("onmouseout", onmouseout);
				tr.setAttribute ('list_id', listRow ? listRow['id'] : (parent.getString ('list_id') ? parent.getString ('list_id') : ""));
				break;
			case "SEPERATOR":
				table.innerHTML = "<tr><td colspan='3'><hr class='cms_hr'></td></tr>";
				tr = table.firstChild.firstChild;
				tr.addEvent ("onclick", onclick);
				tr.addEvent ("onmouseover", onmouseover);
				tr.addEvent ("onmouseout", onmouseout);
				break;
		}
		
		tr.setAttribute ('dot_id', dotId);
		if (!enable) {
			// Inaktive Elemente
			tr.removeAttribute ("name");
			tr.removeAttribute ("action");
			tr.removeAttribute ("submenu");
		}
		
		return tr;
	};
	
	// Symbol das am Anfang der Menüzeile angezeigt wird
	var icon = function (icon_name)
	{
		return (icon_name) ? ("<div style='background-image:url(" + top.cms.path + "/html/images/kontextmenu/" + icon_name + ".png); background-repeat:no-repeat; width:16px; height:16px;'></div>") : "";
	}
	
	// wenn ein menüpunkt angeklickt wird
	var onclick = function ()
	{
		var action = this.getString ("action");
		
		if (action) {
			if (this.getBool ("window")) {
				//Edit Fenster öffnen
				new Action ().showWindow (action, this.getString ("dot_id"), this.getString ("list_id")+this.getString ("actionvalue"), !this.getBool ("nosidebar"));
			} else {
				// Aktion im Hintergrund ausführen (über Ajax)
				new Action ().request (this.getString ("dot_id"), action, this.getString ("list_id"));
			}
		}
		self.over = false;
		self.destroy ();
	}
	
	var onmouseover = function ()
	{
		self.over = true;
		var name = this.getString ("name")
		
		// Menüpunkt hervorheben
		if (name) {
			this.className = "cms_hover";
		}
		if (!submenu  ||  (submenu  &&  submenu.name != name)) {
			// altes Submenü schliessen
			if (submenu) {
				submenu.destroy ();
				submenu = null;
			}
			// Submenü öffnen
			if (this.getBool ("submenu")) {
				submenu = new Kontextmenu (this, dotId);
				submenu.showMenu (name);
			}
		}
		
		// Betroffene Elemente hervorheben
		showRange (dotId, this.getString ("highlight_content"));
	};
	
	var onmouseout = function ()
	{
		var name = this.getString ("name")
		self.over = false;
		// Menüpunkt normal anzeigen
		if (name && !submenu) {
			this.className = "cms_normal";
		}
		// Hervorhebung aufheben
		showRange (false);
	};
	
	var onblur = function ()
	{
		self.destroy ();
	};

	
	// gewählten Bereich hervorheben
	var showRange = function (dotId, range, now)
	{
		var mask = true;
		
		clearTimeout (window.cms.showRangeTimeout);
		if (dotId && range) {
			// Betroffene Elemente zusammensuchen und im dot-Objekt speichern
			document.getElementById (dotId).getDependency ();
// 			getDependency (dotId);
			
			// alte Hervorhebung beenden
			if (window.cms.showRangeLastDotId) {
				showRange (false);
			}
			// Zeitversetzte Hervorhebung
			if (!now) {
				window.cms.showRangeTimeout = setTimeout (function () {showRange (dotId, range, true);}, 2000);
				return;
			}
			window.cms.showRangeLastDotId = dotId;
			window.cms.showRangeLastRange = range;
		}
		
		if (!dotId) {
			// Hervorhebung aufheben
			mask = false;
			dotId = window.cms.showRangeLastDotId;
			range = window.cms.showRangeLastRange;
			window.cms.showRangeLastDotId = "";
			window.cms.showRangeLastRange = "";
		}
		
		if (dotId && range) {
			var dot = document.getElementById (dotId);
			if (!dot.dependency || !dot.dependency[range]) {
				// server Request (für dependency) wurde noch nicht beantwortet
				window.cms.showRangeTimeout = setTimeout (function () {showRange (dotId, range);}, 500);
				return;
			}
			// Menue ausblenden
			hideMenu (mask);
			
			// Elemente hervorheben
			// Alles Maskieren
			document.getElementById ("cms_mask").className = (mask) ? "cms_mask" : "";
			// betroffene Dots entmaskieren
			var dep = dot.dependency[range];
			var nodes = document.getElementsByTagName ("cms:dot");
			for (var i=0; i<nodes.length; i++) {
				var group = nodes[i].getString ('group')
				var name = nodes[i].getString ('name')
				nodes[i].style.zIndex = (mask  &&  (dep[group] == true  ||  dep[group] == name)) ? 1092 : '';
			}
			// betroffene Bereiche entmaskieren
			var nodes = Array ();
			var nodes1 = document.getElementsByTagName ("cms:element");
			var nodes2 = document.getElementsByTagName ("cms:group");
			// concat geht nicht !?!
			for (var i=0; i<nodes1.length; i++) {
				nodes.push (nodes1[i]);
			}
			for (var i=0; i<nodes2.length; i++) {
				nodes.push (nodes2[i]);
			}
			for (var i=0; i<nodes.length; i++) {
				var group_id = nodes[i].getString ('group');
				var group = document.getElementById ("cms_group_" + group_id);
				if (range=='element' || !group) {
					// betroffene Daten entmaskieren
					nodes[i].className = (mask  &&  ((range!='element' && dep[group_id] == true) || dep[group_id] == nodes[i].getString ('name'))) ? "cms_unmask" : "";
				} else {
					// betroffene Gruppen entmaskieren
					group.className = (mask  &&  dep[group_id]) ? "cms_unmask" : "";
					if (!dep[group_id]) {
						// Entry soll maskiert bleiben. Daher wird geprüft ob es einen sichtbaren parent Entry gibt, und der aktuelle Entry gegebenenfalls maskiert
						for (var node=group.parentNode; node; node=node.parentNode) {
							if (node.tagName == "CMS:ENTRY" && dep[node.getString ('group')]) {
								group.style.opacity = (mask) ? 0.2 : 1;
								break;
							}
						}
					}
				}
			}
		}
	};

	// Menu durchscheinend machen
	var hideMenu = function (hide, level)
	{
		clearTimeout (window.cms.hideMenuTimeout);
		if (!level) {
			level = 100;
		}
		if (hide  &&  level > 5) {
			level -= level/10;
			window.cms.hideMenuTimeout = setTimeout (function () {hideMenu (true, level);}, 100);
		}
	
		var menues = document.getElementsByTagName ("kontextmenu");
		for (i=0; i<menues.length; i++) {
			menues[i].style.opacity = level/100;
		}
	}
/*	
	// Zum angegebenem Bereich gehörende Elemente zusammensuchen und im dot-Objekt speichern
	var getDependency = function (id)
	{
		var dot = document.getElementById (id).getDependency ();
		
		if (!dot.dependency) {
			dot.dependency = Array ();
			var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=dotDependency&id=" + id + "&site=" + dot.getString ('site') + "&group=" + dot.getString ('group'));
			request.onCompletion = function (response) {
// 				d (response);
				var xml = document.createElement("xml");
				xml.innerHTML = response;
				xml = xml.firstChild;
				var id = xml.getString ('id');
				var dot = document.getElementById (id);
				var name = dot.getString ('name');
				for (xml = xml.firstChild; xml; xml = xml.nextSibling) {
					var range = xml.getString ('name');
					dot.dependency[range] = Array ();
					for (var xml2 = xml.firstChild; xml2; xml2 = xml2.nextSibling) {
						dot.dependency[range][xml2.getString ('id')] = (range=='element') ? name : true;
					}
				}
			}
			request.run ();
		}
	};
*/
}


/**
* Dots anzeigen
*/
function Dot (site)
{
	var self = this;
	var kontextmenu = 0;
	var site = site;	// Nummer der Seite (für aufzuräumen der Session beim entladen)
	
	this.init = function ()
	{
		// Dots initialesieren
		window.addEvent ("onload", onload);
	};
	
	var onload = function ()
	{
		// create main dot
		dot = document.createElement("cms:dot");
		dot.id = "cms_dot_0";
		dot.className = "cms_dot";
		dot.setAttribute ("site", 0);
// 		dot.setAttribute ("site", site);
		document.body.insertBefore (dot, document.body.firstChild);
	
		update ("cms_dot_0", self.updateAll);
	}
	
	this.updateAll = function ()
	{
		// Dots anzeigen
		var params = "";
		var dots = document.getElementsByTagName ("cms:dot");
		for (i=0; i<dots.length; i++) {
			if (site == dots[i].getAttribute ("site")) {
				var id = dots[i].getAttribute ("id");
				params += "&dot["+id+"][name]="+dots[i].getString ('name');
				params += "&dot["+id+"][group]="+dots[i].getString ('group');
			}
		}
		var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=dotStatus&site=" + site + params);
		request.onCompletion = function (response) {
// 			d (response);
			var xml = document.createElement("xml");
			xml.innerHTML = response;
			xml = xml.firstChild;
			if (xml) {
				for (xml = xml.firstChild; xml; xml = xml.nextSibling) {
					if (xml.nodeName=="DOT") {
						showDot (xml);
					}
				}
			}
			setTimeout (function () {document.getElementById ('cms_dot_0').firstChild.style.zIndex = 1089;}, 5000);
		};
		request.run ();
		
		// unload Aktion
		top.cms.onunload = top.cms.onunload ? top.cms.onunload : Array ();
		top.cms.onunload[top.cms.onunload.length] = onunload;
		window.addEvent ("onunload", top.cms.onunload[top.cms.onunload.length-1]);
		
		// debug-Funktion im top verfügbar machen
		top.d = d;
	};
	
	
	var update = function (id, postAction)
	{
		var dot = document.getElementById (id);
		if (dot) {
			var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=dotStatus&id=" + id + "&site=" + dot.getString ('site') + "&group=" + dot.getString ('group') + "&name=" + dot.getString ('name'));
			request.onCompletion = function (response) {
// 				d (response);
				var xml = document.createElement("xml");
				xml.innerHTML = response;
				xml = xml.firstChild;
				if (xml) {
					showDot (xml);
				}
				postAction && postAction ();
			};
			request.run ();
		}
	};
	
	// Zum angegebenem Bereich gehörende Elemente zusammensuchen und im dot-Objekt speichern
	var getDependency = function (postAction)
	{
		if (!this.dependency) {
			this.dependency = Array ();
			var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=dotDependency&id=" + this.id + "&site=" + this.getString ('site') + "&group=" + this.getString ('group'));
			request.onCompletion = function (response) {
// 				d (response);
				var xml = document.createElement("xml");
				xml.innerHTML = response;
				xml = xml.firstChild;
				if (xml) {
					var id = xml.getString ('id');
					var dot = document.getElementById (id);
					var name = dot.getString ('name');
					for (xml = xml.firstChild; xml; xml = xml.nextSibling) {
						var range = xml.getString ('name');
						dot.dependency[range] = Array ();
						for (var xml2 = xml.firstChild; xml2; xml2 = xml2.nextSibling) {
							dot.dependency[range][xml2.getString ('id')] = (range=='element') ? name : true;
						}
					}
				} else {
					d (response);
				}
				postAction && postAction ();
			}
			request.run ();
		}
	};
	
	this.activate = function (ids)
	{
		var i;
		if (top.cms.activeDots) {
			for (i in top.cms.activeDots) {
				var dot = document.getElementById (i);
				if (dot) {
					dot.update ();
				}
			}
		}
		top.cms.activeDots = Array ();
		for (i in ids) {
			top.cms.activeDots[ids[i]] = true;
			var dot = document.getElementById (ids[i]);
			if (dot) {
				dot.update ();
			}
		}
		if (!ids) {
			window.cms.activeDotId = "";
		}
	};
	
	var showDot = function (xml)
	{
		var id = xml.getString ("id");
		var dot = document.getElementById (id);
		// Dot Erstellen
		if (dot) {
			// Eigenschaften
			var image = Array ();
			image['dot_main'] = xml.getBool ("main");
			image['dot_online'] = xml.getBool ("online") && !xml.getInt ("main");
			image['dot_offline'] = !xml.getBool ("online") && !xml.getInt ("main");
			if (xml.getString ("symbol")) {
				image['symbol_' + xml.getString ("symbol")] = true;
			}
			image['status_active'] = (top.cms.activeDots && top.cms.activeDots[id]);
			image['status_changed'] = xml.getBool ("changed");
			image['status_offline'] = xml.getBool ("offline");
			image['status_order'] = xml.getBool ("order");
			image['status_link'] = xml.getBool ("link");
			image['status_linked'] = xml.getElementsByTagName("linked").length;
			image['status_timer'] = xml.getElementsByTagName("timer").length;
			
			var html = "";
			for (type in image) {
				html += (image[type]) ? "<span style='background-image:url(" + top.cms.path + "/html/images/dot/" + type + ".gif)'></span>" : "";
			}
			dot.innerHTML = "<span title='" + xml.getString ("title") + "'style='top:0px; left:0px; margin-top:" + xml.getString ("top") + "px; margin-left:" + xml.getString ("left") + "px'>" + html + "</span>";

			// Events
			if (!dot.events) {
				dot.addEvent ("onmouseover", onmouseover);
				dot.addEvent ("onmouseout", onmouseout);
				dot.addEvent ("onclick", onclick);
				dot.addEvent ("oncontextmenu", oncontextmenu);
				dot.events = true;
				
				// Events für Elemente
				var names = xml.getString ("names").split (',');
				for (i in names) {
					var element = document.getElementById ("cms_element_"+dot.getAttribute ("group")+"_"+names[i]);
					if (element) {
						element.dot = dot;
						element.addEvent ("ondblclick", onclick);
						if (top.cms.status && !top.cms.status['disable_element_contextmenu']) {
							element.addEvent ("oncontextmenu", oncontextmenu);
						}
					}
				}
			}
			
			// Child Knoten in dot-Objekt übertragen
			element = xml.firstChild;
			for (element = xml.firstChild; element; element = element.nextSibling) {
				name = element.nodeName.toLowerCase();
				dot[name] = Array ();
				var j = 0;
				for (group = element.firstChild; group; group = group.nextSibling) {
					dot[name][j] = Array ();
					for (i=0; i<group.attributes.length; i++) {
						dot[name][j][group.attributes[i].nodeName] = group.attributes[i].nodeValue;
					}
					j++;
				}
			}
			// Attribute in dot-Objekt übertragen
			for (i=0; i<xml.attributes.length; i++) {
				dot[xml.attributes[i].nodeName] = xml.attributes[i].nodeValue;
			}
			
			dot.update = function () {update (id)};
			dot.getDependency = getDependency;
		}
	};
	
	var title = function (obj)
	{
		var title;
	
		if (obj)
			title = obj.title;
		if (!title)
			title = "";
	
		setTimeout ("window.status = '"+ title.replace (/\n/g, " - ")+"'", 0);
	};
	

	var onunload = function (e)
	{
		// In Session gespeicherte Informationen zur Seite freigeben
// 		console.log (site);
		var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=unload&site=" + site);
		request.onCompletion = function (response) {
			try {
// 				top.d (response);
			} catch (e) {};
		}
		request.run ();
	};
	
	var onmouseover = function (e)
	{
		// 'firstChild' ist wegen eines Firefox Bug erforderlich
		this.firstChild.style.opacity = 0.65;
	
		title (this);
	};
	
	var onmouseout = function (e)
	{
		this.firstChild.style.opacity = "";
	};
	
	var onclick = function (e)
	{
		var dot = (this.tagName=="CMS:DOT") ? this : this.dot; // Falls der Text und nicht der Dot angeklickt wurde.
		if (dot.tagName!="CMS:DOT") {
			return;
		}
		
		// Cursor auf Sanduhr umstellen
		document.body.setCursor ('wait');
		
		var id = dot.getString ("id");
		if (!dot.getString ("name")) {
			// Dot hat keinen Namen, also soll der Editiermodus einer Gruppe umgeschaltet werden
			new Action ().request (id, "swapEditMode");
		} else {
			//Edit Fenster öffnen
			new Action ().showWindow ("edit", id, "", true);
		}
		this.cancelEvent (e);
	};
	
	var oncontextmenu = function (e)
	{
		var dot = (this.tagName=="CMS:DOT") ? this : this.dot;
		if (dot.tagName!="CMS:DOT") {
			return;
		}
		
		if (kontextmenu) {
			kontextmenu.destroy ();
		}
		
		var id = dot.getString ("id");
		kontextmenu = new Kontextmenu (dot, id);
		
		if (id=="cms_dot_0") {
			kontextmenu.showMenu ("main", e);
		} else if (!dot.getString ("name")) {
			kontextmenu.showMenu ("mode", e);
		} else {
			kontextmenu.showMenu ("edit", e);
		}
		this.cancelEvent (e);
	};
}


function Action ()
{
	var self = this;
			
	this.init = function ()
	{
		// Seite im cms-window bekannt machen
		if (top.cms.window && !top.cms.window.closed) {
			top.cms.window.registerOpener (window);
		}
		if (top.registerOpener) {
			top.registerOpener (window);
		}
	};
	
	// Template in Fenster öffnen
	this.showWindow = function (tpl, dotId, value, useSitebar)
	{
		var site = "";
		var group = "";
		var name = "";
		var query = "";
		
		value = value ? value : "";
		document.body.setCursor ('wait');
		
		window.cms.activeDotId = dotId;
		
		if (dotId == undefined) {
			query = tpl;
		} else {
			var dot = document.getElementById (dotId);
			if (dot) {
				site = dot.getString ('site');
				group = dot.getString ('group');
				name = dot.getString ('name');
			}
			query = "?tpl=" + tpl + "&id=" + dotId + "&site=" + site + "&group=" + group + "&name=" + name + "&value=" + encodeURIComponent (value);
		}
		
		if (useSitebar && !top.cms.sidebarDetatch && top.cms_content && !top.cms_content.closed) {
			// Sitebar benutzen
			var action = function () {
				top.cms_content.location.replace (top.cms.path+"/edit/cont_index.php"+query);
			}
			top.showSidebar ();
			top.registerOpener (window, true);
			if (!top.cms_content.save || !top.cms_content.save (action)) {
				action ();
			}
		} else {
			// popup Fenster benutzen
			closeWindow ();
			try {
				top.cms.window = window.open (top.cms.path+"/edit/index.php"+query, "cms_"+window.location.hostname, "width=100, height=50, left=0, top=0, status=no, toolbar=no, location=no, scrollbars=no, resizable=yes, modal=yes, dialog=yes, dependent=yes");
			} catch (e) {d (e)};
			if (!top.cms.window) {
				this.request (0, "message", "no popup window");
				return;
			}
		
			if (!top.cms.windowOnunload) {
				top.cms.windowOnunload = true;
				top.addEvent ("onunload", closeWindow);
			}
		}
		
		document.body.resetCursor ();
	};
	
	var closeWindow = function (e)
	{
		if (top.cms.window && !top.cms.window.closed) {
			if (top.cms.window.save) {
				top.cms.window.save ();
			}
			top.cms.window.close ();
		}
	};
	
	// Aktion im Hintergrund ausführen (über Ajax)
	this.request = function (dotId, action, value)
	{
		var site = "";
		var group = "";
		var name = "";
		
		if (!document.body) {
			return;
		}
		
		value = value ? value : "";
		document.body.setCursor ('wait');
		
		var dot = dotId ? document.getElementById (dotId) : null;
		if (dot) {
			site = dot.getString ('site');
			group = dot.getString ('group');
			name = dot.getString ('name');
		}
		var request = new CmsAjax (top.cms.path + "/html/html_action.php", "action=" + action + "&id=" + dotId + "&site=" + site + "&group=" + group + "&name=" + name + "&value=" + encodeURIComponent (value));
		request.onCompletion = function (response) {
// 			d (response);
			var xml = document.createElement("xml");
			xml.innerHTML = response;
			for (xml = xml.firstChild; xml; xml = xml.nextSibling) {
				switch (xml.tagName) {
					case 'ACTION':
						switch (xml.getString ('execute')) {
							case 'logout':
								if (top.cms_content) {
									top.location.replace (xml.getString ('url'));
								} else {
									window.cms.activeSection = null;
									window.cms.activeDotId = "";
									window.cms.reload ();
								}
								break;
							case 'reload':
								window.cms.activeSection = null;
								window.cms.activeDotId = dotId;
								window.cms.reload ();
								break;
							case 'load':
								var target = xml.getString ('target') ? eval (xml.getString ('target')) : window;
								target.location.href = xml.getString ('url');
								break;
							case 'edit':
								//Edit Fenster öffnen
								self.showWindow (xml.getString ('action'), xml.getString ('id'), "", true);
								break;
							case 'update dot':
								// Dots aktualesieren
								if (xml.getString ('range')) {
									var dep = document.getElementById (xml.getString ('id')).dependency[xml.getString ('range')];
									var nodes = document.getElementsByTagName ("cms:dot");
									for (var i=0; dep && i<nodes.length; i++) {
										var group = nodes[i].getString ('group')
										var name = nodes[i].getString ('name')
										if (dep[group] == true  ||  dep[group] == name  ||  (dep[group] && !name)) {
											nodes[i].update ();
										}
									}
								} else {
									document.getElementById (xml.getString ('id')).update ();
								}
								break;
							case 'update status':
								// allgemeine Zustands Informationen (user-rechte, Zwischenablagen Zustand)
								for (xml2 = xml.firstChild; xml2; xml2 = xml2.nextSibling) {
									var name2 = xml2.nodeName.toLowerCase ();
									top.cms[name2] = Array ();
									for (i=0; i<xml2.attributes.length; i++) {
										top.cms[name2][xml2.attributes[i].nodeName] = xml2.attributes[i].nodeValue;
									}
									for (xml3 = xml2.firstChild; xml3; xml3 = xml3.nextSibling) {
										var name3 = xml3.nodeName.toLowerCase ();
										top.cms[name2][name3] = Array ();
										for (i=0; i<xml3.attributes.length; i++) {
											top.cms[name2][name3][xml3.attributes[i].nodeName] = xml3.attributes[i].nodeValue;
										}
									}
								}
								top.cms.status.sidebar = top.cms_content;
								break;
							default:
								d ("Undefined action in 'action.js': action='" + xml.getString ('execute') + "'");
						}
						break;
					case 'WINDOW':
						// Fenster öffnen
						window.open (xml.getString ('href'), xml.getString ('target'), xml.getString ('attributes'));
						break;
					case 'CONFIRM':
						if (confirm (xml.firstChild.nodeValue)) {
							self.request (xml.getString ('id'), xml.getString ('action'));
						}
						break;
					case 'PROMPT':
						var value = prompt (xml.firstChild.nodeValue, xml.getString ('value'))
						if (value) {
							self.request (xml.getString ('id'), xml.getString ('action'), value);
						}
						break;
					case 'MESSAGE':
						alert (xml.firstChild.nodeValue)
						break;
					case 'INFO':
						d (xml.firstChild.nodeValue);
						break;
				}
			}
			document.body.resetCursor ();
		}
		request.run ();
	};
}


/**
* Datenaustausch ber Ajax
*
* /param  url der Datenseite
*/
function CmsAjax (url, request, executeOrElement)
{
	var self = this;
	var requestUrl = url;						// URL an die der request gesendet werden soll
	var request = request;						// parameter die gesendet werden sollen
	var execute = (executeOrElement==true);		// Ergebnis soll nach empfang ausgefhrt werden
	var element = executeOrElement;				// Element in dass das Ergebnis geschrieben wird
	var httpobj;								// Verbindungs Objekt
	this.response;								// Empfangene Antwort
	this.status;								// Stats Nummer
	this.statusText;							// Status Text
	
	
	/**
	* Wird nach empfang der Antwort ausgefhrt
	*/
	this.onCompletion = function (response) {};
	
	
	/**
	* Ajax Objekt anlegen
	*/
	var __construct = function ()
	{
		try {
			httpobj = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				httpobj = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (err) {
				httpobj = null;
			}
		}
		if (!httpobj && typeof XMLHttpRequest != "undefined") {
			httpobj = new XMLHttpRequest();
		}
	};
	
	
	/**
	* Anfrage ber Ajax starten
	*
	* /param  request der zusaetzlich an die abfrage Seite gesendet wird
	* /param  noQueue wenn die Anfrage sofort ausgefhrt werden soll (fuer Ajax interne verwaltung)
	*/
	this.run = function ()
	{
		this.response = "";

		if (httpobj) {
			httpobj.open ("POST", requestUrl, true);
			try {
				httpobj.setRequestHeader ('If-Modified-Since','Sat,1 Jan 2000 00:00:00 GMT')  
				httpobj.setRequestHeader ('Content-Type','application/x-www-form-urlencoded')  
			} catch (e) {}

			httpobj.send (request + "&" + (window.cms ? window.cms.session : ""));
			httpobj.onreadystatechange = function () {
				if (httpobj.readyState == 4) {
					self.response = httpobj.responseText;
					//self.status = httpobj.status;
					//self.statusText = httpobj.statusText;
					if (execute) { 
						eval (self.response);
					} else if (!window.closed && (obj = document.getElementById (element))) {
						obj.innerHTML = self.response;
					}
					self.onCompletion (self.response);
				}
			};
		}
	};
	
	
	__construct ();
}



// Debugmeldung ausgeben:
function d (message, setFocus)
{
 	try {
		if (!window._debug) {
			try {
				console.groupEnd ();
			} catch (e) {};
			console.group (new Date ().toLocaleString ());
			window._debug = true;
			if (!message) {
				return;
			}
		}
		
		if (/error|notice/i.test (message)) {
			console.error (message);
		} else {
			if (typeof message == 'object') {
				console.dir (message);
			} else {
				if (message.length > 400) {
					console.group (message.substr (0,100).replace (/\s{2,}|\n/g, " ") + "...");
				}
//				console.log (message);
				element = window.document.createElement ("xml");
				element.innerHTML = message;
				console.dirxml (element);
				if (message.length > 400) {
					console.groupEnd ();
				}
			}
		}
	
 	} catch (e) {
/*
		if (window.location.href.indexOf(".test") == -1  &&  window.location.href.indexOf(".stroebele") == -1) {
// 			return;
		}
		
		if (!top._debug) {
			top._debug = top.open ("", "Debug", "width=1000, height=460, left=0, top=0, status=no, toolbar=no, scrollbars=yes");
			if (!top._debug) {
				return;
			}
			top._debug.document.title = "Debug";
		}
		if (!top._debug.closed) {
			if (!window._debug) {
				window._debug = top._debug;
				element = top._debug.document.createElement ("hr");
				top._debug.document.body.insertBefore (element, top._debug.document.body.firstChild);
				date = new Date();
				element = top._debug.document.createTextNode (date.toLocaleString ());
				top._debug.document.body.insertBefore (element, top._debug.document.body.firstChild);
				if (!message) {
					return;
				}
			}
			if (setFocus) {
				top._debug.focus ();
			}
			
			if (/error|notice/i.test (message)) {
				element = top._debug.document.createElement ("span");
				element.innerHTML = message;
			} else {
				element = top._debug.document.createElement ("pre");
				textnode = top._debug.document.createTextNode (message);
				element.appendChild (textnode);
			}
			top._debug.document.body.insertBefore (element, top._debug.document.body.firstChild);
		}
*/
 	}
}