function onload ()
{
	state.hasChanged = Array ();
	
	// quickbar initialesieren
	cbInit();
	updateQuickbar ();
	
	showMessages (state.messages);
	top.setStatus (state.statusbar.value);
	
	showDots ();
}

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";
	}
}

function focus ()
{
	top.focus ();
}

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 update ()
{
	updateQuickbar ();
	top.setStatus (state.statusbar.value);
}


function online ()
{
	top.setProgress (true);
	var request = new Ajax ("tpl_show_changes_action.php", "action=online&id="+active);
	request.onCompletion = function (response) {
		eval (response);
		state.values[active] = state.values[active] ? state.values[active] : "online";
		document.getElementById ("status_"+active).src = "images/"+state.values[active]+".png";
		select (active);
	}
	request.run ();
}

function offline ()
{
	top.setProgress (true);
	var request = new Ajax ("tpl_show_changes_action.php", "action=offline&id="+active);
	request.onCompletion = function (response) {
		eval (response);
		document.getElementById ("status_"+active).src = "images/"+state.values[active]+".png";
		select (active);
	}
	request.run ();
}

var active = 0;
function select (id, onlineId)
{
	if (id) {
		out ();
		if (active) {
			document.getElementById ("group_"+active).className = "";
		}
		document.getElementById ("group_"+id).className = "marked";
	
		state.statusbar.value = "# " + id;
		if (state['may_set_online']) {
			state.quickbar.disabledButtons['online'] = (state.values[id]=='online');
			state.quickbar.disabledButtons['offline'] = (state.values[id]=='offline');
		}
		if (state['may_edit'] && (state.values[id]=='offline' || state['may_set_online'])) {
			state.quickbar.disabledButtons['delete'] = false;
		}
		showDots (onlineId);
	} else {
		state.statusbar.value = "";
		state.quickbar.disabledButtons['online'] = true;
		state.quickbar.disabledButtons['offline'] = true;
		state.quickbar.disabledButtons['delete'] = true;
	}
	active = id;
	update ();
}

var overId = 0;
function over (id)
{
	out ();
	if (id != active) {
		document.getElementById ("group_"+id).className = "marked_hover";
		overId = id;
	}
}
function out ()
{
	if (overId) {
		document.getElementById ("group_"+overId).className = "";
	}
	overId = 0;
}

function show (url)
{
	var opener = top.getOpener (false);
	if (opener && opener.top.cms) {
		opener.location.href = url;
	}
}

function showDots (id)
{
	var opener = top.getOpener ();
	if (opener) {
		var ids = Array ();
		var dots = opener.document.getElementsByTagName ("cms:dot");
		for (var i=0; i<dots.length; i++) {
			if (dots[i].getString ('group') == id) {
				ids.push (dots[i].getAttribute ("id"));
			}
		}
		new opener.Dot ().activate (ids);
	}
}

function del ()
{
	top.setProgress (true);
	var request = new Ajax ("tpl_show_changes_action.php", "action=del&id="+active);
	request.onCompletion = function (response) {
 		document.getElementById ("group_"+active).className = "content_hidden";
		select ();
	}
	request.run ();
}

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

function history ()
{
	// zu der History wechseln
	window.location.href = window.location.pathname + "?tpl=show_history";
}