// Box anzeigen oder verschwinden lassen.

function toggle_box(name) {

  if (Element.visible(name)) {
		Effect.Fade(name);
	} else {
	  Effect.Appear(name);
	}
	
}

// Wechselt zwischen den einzelnen Tabs der Detailansicht.

function toggle_tabs(name) {

  var tabs = ['general', 'reviews', 'items', 'downloads', 'recommend'];
	tabs.each(function(tabname){
			Element.hide('layout_details_tabs_' + tabname);
			Element.removeClassName('layout_details_tabs_' + tabname + 'tab', 'layout_details_tabs_selected');
		});

	Element.show('layout_details_tabs_' + name);
	$('layout_details_tabs_' + name + 'tab').addClassName('layout_details_tabs_selected');

}

// Überprüft, ob ein Formular vollständig ausgefüllt wurde.

function check_form_content(form, fields, errordiv) {

	var show_error = 0;

	for (i=0; i<fields.length; i++) {

		$(fields[i]).style.border = "1px solid #BBC2D1";
		if ($(fields[i]).value == "")  {
			$(fields[i]).focus();
			$(fields[i]).style.border = "2px solid #969696";
			show_error = 1;
		}
	}

	if (show_error == 0) {
		$(errordiv).style.display = "none";
		$(form).submit();
	} else if (show_error == 2) {
		$(errordiv).style.display = "none";
	} else {
		$(errordiv).style.display = "inline";
	}

}

// Zeigt einen Tooltip samt beliebigem HTML-Code an.

tooltip = null;

function update_tooltip(e) {
	x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
	if (tooltip != null) {
		tooltip.style.left = (x + 20) + "px";
		tooltip.style.top 	= (y + 20) + "px";
	}
}

function show_tooltip(id) {
	tooltip = $('start_short_' + id);
	tooltip.style.display = "block"
}

function hide_tooltip() {
	tooltip.style.display = "none";
}