function onload ()
{
	state.hasChanged = Array ();
	
	// quickbar initialesieren
	cbInit();
	updateQuickbar ();
	
	if (obj = document.getElementById ("tab["+active_name+"]")) {
		obj.setActive (true);
	}
	
	showMessages (state.messages);
	top.setStatus (state.statusbar.value);
	selectType (getValue ("type"), true);

	var opener = top.getOpener ();
	if (opener) {
		new opener.Dot ().activate ({0:"cms_dot_"+group_number+"_"+state.name});
	}
}

function onresize ()
{
	if (obj = document.getElementById ("scroll")) {
		obj.className = "content_hidden";
		obj.style.width  = obj.parentNode.offsetWidth;
		obj.style.height = obj.parentNode.offsetHeight;
		obj.className = "content";
	}
	
	// textarea an Fenstergröße anpassen
	var obj1 = document.getElementById ("table");
	var obj2 = document.getElementById ("value[selections]");
	if (obj1 && obj2) {
		obj2.style.height = 50;
		height = 50 + obj1.parentNode.offsetHeight - obj1.offsetHeight;
		obj2.style.height = (height > 50) ? height : 50;
	}
}

function focus ()
{
	new Form ().focus ();
}

function setValue (name, value, noHasChanged)
{
	new Form ().set ("value["+name+"]", value);
	
	if (!noHasChanged) {
		hasChanged (name);
	}
}

function getValue (name)
{
	return new Form ().get ("value["+name+"]");
}


function hasChanged (name)
{
	switch (name) {
	case 'type':
		selectType (getValue ("type"));
		break;
	case 'variant':
		selectVariant (getValue ("variant"));
		return;
	case 'openintab':
		showOption ("id_tabname", getValue ("openintab"));
		updateForm ();
		break;
	case 'tag_a':
		showOption ("id_link", getValue ("tag_a"));
		showOption ("id_link_target", getValue ("tag_a"));
		updateForm ();
		break;
	case 'tag_color':
		showOption ("id_color", getValue ("tag_color"));
		updateForm ();
		break;
	case 'tag_table':
		showOption ("id_table", getValue ("tag_table"));
		updateForm ();
		break;
	case 'tag_img':
		showOption ("id_image", getValue ("tag_img"));
		updateForm ();
		break;
	}
	
	var value = getValue (name);
	if ((value == state.values[name]) == (state.hasChanged[name] == true)) {
		if (typeof state.values[name] == "undefined") {
			state.values[name] = "";
		}
		state.hasChanged[name] = !state.hasChanged[name];
		var changed = false;
		for (var i in state.hasChanged) {
			changed |= state.hasChanged[i];
		}
		state.quickbar.disabledButtons.save = !changed;
		state.quickbar.disabledButtons.undo = !changed;
		updateQuickbar ();
	}
}

var disableButtonsList = Array ();
function updateQuickbar ()
{
	for (var name in disableButtonsList) {
		document.getElementById (name).setEnabled (true);
	}
	disableButtonsList = Array ();
	for (var name in state.quickbar.disabledButtons) {
		if (state.quickbar.disabledButtons[name]) {
			document.getElementById (name).setEnabled (false);
			disableButtonsList[name] = true;
		}
	}
}

function updateDotStatus ()
{
	var opener = top.getOpener ();
	if (opener) {
		var dot = opener.document.getElementById ("cms_dot_"+group_number+"_"+state.name);
		if (dot && !dot.dependency) {
			dot.getDependency (updateDotStatus);
			return;
		}
		if (dot && dot.dependency) {
			var dep = dot.dependency['list'];
			var nodes = opener.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 (name == state.name  &&  (dep[group] == true  ||  dep[group] == name  ||  (dep[group] && !name) || group=="0"+state.parent_id)) {
					opener.setTimeout (nodes[i].update, 0);
				}
			}
		}
	}
}

function update ()
{
	updateQuickbar ();
	updateDotStatus ();
	top.setStatus (state.statusbar.value);
}

function save (onCompletion)
{
	// Alle zu speichernde Werte zusammen suchen
	var values = "";
	for (var name in state.hasChanged) {
		if (state.hasChanged[name]) {
			state.values[name] = getValue(name);
			values += "&value["+name+"]="+encodeURIComponent (state.values[name]);
		}
	}
	if (values) {
		state.hasChanged = Array ();
		top.setProgress (true);
		var path = window.location.pathname.replace (/(.*\/).*/, "$1"); // ist für Save beim direkten öffnen einer neuen Seite
		var request = new Ajax (path+"tpl_element_settings_action.php", "action=save&"+values);
		request.onCompletion = onCompletion ? onCompletion : function (response) {
			try {
				eval (response);
				state.hasChanged = Array ();
				update ();
				focus ();
			} catch (e) {d (e)};
		}
		request.run ();
		return true;
	} else {
		return false;
	}
}

function undo ()
{
	// zuerst Änderungen speichern
	if (save (undo)) {
		return;
	}
/*	
	// alle Felder zurücksetzen
	for (var name in state.values) {
		setValue (name, "", true);
	}
	selectType ("", true);
*/	
	// Undo durchführen
	top.setProgress (true);
	var request = new Ajax ("tpl_element_settings_action.php", "action=undo");
	request.onCompletion = function (response) {
		eval (response);
		state.hasChanged = Array ();
		for (var name in state.values) {
			setValue (name, state.values[name], true);
			if (name == "type") {
				selectType (state.values[name], true);
			}
		}
		update ();
		focus ();
	}
	request.run ();
}

function redo ()
{
/*	
	// alle Felder zurücksetzen
	for (var name in state.values) {
		setValue (name, "", true);
	}
	selectType ("", true);
*/	
	top.setProgress (true);
	var request = new Ajax ("tpl_element_settings_action.php", "action=redo");
	request.onCompletion = function (response) {
		eval (response);
		state.hasChanged = Array ();
		for (var name in state.values) {
			setValue (name, state.values[name], true);
			if (name == "type") {
				selectType (state.values[name], true);
			}
		}
		update ();
		focus ();
	}
	request.run ();
}

function help ()
{
	top.setProgress (true);
	var request = new Ajax ("tpl_element_settings_action.php", "action=message&text=help text");
	request.onCompletion = function (response) {
		showMessages ({0:{type : "info", text : response}});
		top.setProgress (false);
	}
	request.run ();
}

function selectTab (tab)
{
	// zuerst Änderungen speichern
	if (save (function () {updateDotStatus (); selectTab (tab);})) {
		return;
	}
	// in Editiermodus wechseln
	window.location.href = window.location.pathname + "?tpl=element settings&name="+tab;
}

function edit ()
{
	// zuerst Änderungen speichern
	if (save (function () {updateDotStatus (); edit ();})) {
		return;
	}
	// in Editiermodus wechseln
	window.location.href = window.location.pathname + "?tpl=edit";
}

function updateForm ()
{
	showOption ("table", false);
	setTimeout (function () {onresize (); showOption ("table", true);}, 0);
}

function showOption (name, show)
{
	var obj = document.getElementById (name);
	if (obj) {
		obj.className = (show) ? "" : "content_hidden";
	}
}

function selectVariant (typ)
{
	var tag, active, defaultvalue="";
	
	switch (typ) {
		case "content":
			active = new Array ('h1', 'h2', 'p', 'br', 'blockquote', 'ul', 'table', 'a', 'strong', 'em');
			setValue ("link_this", true);
			setValue ("link_child", true);
			defaultvalue = "<p>&nbsp;</p>";
		break;
		case "content_2":
			active = new Array ('br', 'a', 'strong', 'em');
			setValue ("link_this", true);
			setValue ("link_child", true);
			defaultvalue = "";
		break;
		case "headline_1":
			active = new Array ('h1');
			defaultvalue = "<h1>&nbsp;</h1>";
		break;
		case "headline_2":
			active = new Array ('h2');
			defaultvalue = "<h2>&nbsp;</h2>";
		break;
		case "headline_3":
			active = new Array ('h3');
			defaultvalue = "<h3>&nbsp;</h3>";
		break;
		
	}
	
	for (var id in tags) {
		setValue ("tag_"+tags[id], false);
	}
	for (var id in active) {
		setValue ("tag_"+active[id], true);
	}
	setValue ("defaultvalue", defaultvalue);
	setValue ("tag_style", "");
}

function selectType (type, init)
{
	var id;
	var ids = new Array ('select_variant', 'html_variant', 'multible', 'autosave', 'height', 'reload', 'showvalue', 'set_default_date', 'style', 'link', 'link_target', 'html_tags', 'image', 'color', 'table', 'selections', 'dateformat', 'force_download', 'defaultvalue', 'description');

	if (!state.name) {
		ids.push ('displayed_name', 'type', 'dot_hr', 'symbol', 'entry_mask', 'tab', 'hide_rule');
	}
	if (!state.first) {
		ids.push ('displayed_name', 'position', 'symbol');
	}
	if (!getValue ("openintab")) {
		ids [ids.length] = 'tabname';
	}

	for (var id in ids) {
		showOption ("id_"+ids[id], false);
	}

	if (!init) {
		setValue ("reload", false);
		setValue ("autosave", false);
		setValue ("showvalue", false);
		setValue ("defaultvalue", "");
		setValue ("symbol", false);
	}
	
	ids = new Array ();
	switch (type) {
	case "html":
		var ids = new Array ('html_variant', 'height', 'reload', 'showvalue', 'style', 'html_tags', 'defaultvalue', 'description');
		if (getValue ("tag_a")) {
			ids [ids.length] = 'link';
			ids [ids.length] = 'link_target';
		}
		if (getValue ("tag_img")) {
			ids [ids.length] = 'image';
		}
		if (getValue ("tag_color")) {
			ids [ids.length] = 'color';
		}
		if (getValue ("tag_table")) {
			ids [ids.length] = 'table';
		}
		if (!init) {
			setValue ("image_border", "");
			setValue ("image_align", "");
		}
		break;
	case "textarea":
		var ids = new Array ('height', 'reload', 'showvalue', 'defaultvalue', 'description');
		break;
	case "text":
		var ids = new Array ('reload', 'showvalue', 'defaultvalue', 'description');
		break;
	case "link":
		var ids = new Array ('reload', 'showvalue', 'link', 'link_target', 'defaultvalue', 'description');
		if (!init) {
			setValue ("reload", true);
			setValue ("showvalue", true);
			setValue ("defaultvalue", "http://");
			setValue ("link_this", true);
			setValue ("link_child", true);
		}
		break;
	case "image":
		var ids = new Array ('reload', 'showvalue', 'image', 'defaultvalue', 'description');
		if (!init) {
			var path = window.location.pathname.replace (/(.*\/).*\/.*/, "$1");
			setValue ("image_border", 0);
			setValue ("image_align", 0);
		}
		break;
	case "file":
		var ids = new Array ('reload', 'showvalue', 'force_download', 'defaultvalue', 'description');
		if (!init) {
			setValue ("reload", true);
		}
		break;
	case "select":
		var ids = new Array ('select_variant', 'autosave', 'reload', 'showvalue', 'defaultvalue', 'selections', 'description');
		if (!init) {
			setValue ("reload", true);
			setValue ("showvalue", true);
			if (!getValue ("selections")) {
				setValue ("selections", " <alias 1>\nvalue2 <alias 2>\nvalue3 <alias 3>\n");
			}
		}
		break;
	case "selectmultiple":
		var ids = new Array ('select_variant', 'autosave', 'reload', 'showvalue', 'defaultvalue', 'selections', 'description');
		if (!init) {
			setValue ("showvalue", true);
			if (!getValue ("selections")) {
				setValue ("selections", "value1 <alias 1>\nvalue2 <alias 2>\n");
			}
		}
		break;
	case "date":
		var ids = new Array ('multible', 'reload', 'showvalue', 'defaultvalue', 'set_default_date', 'dateformat', 'description');
		if (!init) {
			setValue ("set_default_date", true);
			if (!getValue ("dateformat")) {
				setValue ("dateformat", "%e. %b %Y");
 				setValue ("datelocale", "de_DE");
			}
		}
		break;
	}
	
	for (var id in ids) {
		showOption ("id_"+ids[id], true);
	}
	if (!init) {
		setValue ("symbol", type);
	}
	updateForm ();
}