var current = null;

function updateZitat() {
	var len = sprueche.length;
	var rand = Math.floor(Math.random() * len);
	var next = sprueche[rand];
	document.getElementById('zitat').innerHTML = next;
}

function show_tb(title, url) {
	tb_show(title, url);
}

function load(id, page) {
	new Ajax.Updater(id, page, {
		method :'get'
	});
}

function updateContent(e, img, page) {
	new Ajax.Request(page, {
		method :'post',
		evalScripts :true,
		onSuccess: function(transport) {
			var html = transport.responseText;
			$("content2").innerHTML = html;
		}		
	});	
	
	$("img1").src = 'images/' + img + '.jpg';
	updateZitat();
	if (current != null) {
		current.className = 'normal';
	}
	if (e != null) {
		e.className = 'selected';
		current = e;
	}
}

function toogleMousePointer(e) {
	if (e.style['cursor'] == null || e.style['cursor'] == 'default') e.style['cursor'] = 'pointer';
	else e.style['cursor'] = 'default';
}

function hover_on(e) {
	if (e != current) {
		e.className = 'selected';
	}
}

function hover_off(e) {
	if (e != current) {
		e.className = 'normal';
	}
}

anzahl_reiter = 16;
function click_reiter(id, page) {
	var e1 = $("id_" + id);
	if (e1.className == "reiter_2") {
		e1.className = "reiter_1";
		$("c_id_" + id).className = "container_1";
	} else {
		i = 1;
		while (i < anzahl_reiter + 1) {
			if (i == id) {
				if ($("id_" + i) != null)
					$("id_" + i).className = "reiter_2";
				if ($("c_id_" + i) != null) {
					$("c_id_" + i).className = "container_2";
					load("c_id_" + i, page);
				}
			} else {
				if ($("id_" + i) != null)
					$("id_" + i).className = "reiter_1";
				if ($("c_id_" + i) != null)
					$("c_id_" + i).className = "container_1";
			}
			i++;
		}
	}
}