// JavaScript Document

/*
Boxswitching Namenskonvention:
<name>_tab1 (linkes Tab)
<name>_tab2 (rechtes Tab)
<name>_content1 (content zu linkes Tab)
<name>_content2 (content zu rechtes Tab)


Funktionsaufruf:
onclick="switchbox('<name>', <gewünschter Status>);
//gewünschter Status ist 1 um das Linke anzuzeigen oder 2 um das Rechte anzuzeigen.


Vorbereitung:
Der zweite content muss folgendermasen markiert sein:
class="switchbox_hide"
*/



/*
switchboxhelper speichert den aufgerufenen Zustand pro Seitenaufruf um zu vermeiden das doppelt geswitcht wird (wenn man das bereits markierte Feld nochmal aufruft - sonst verbuggt das switchen, da die Klassen von den Tabs getauscht werden WENN ein switch nötig ist. Ansonsten müsste man die Klassen von den einzelnen Tabs noch mit übergeben. So ist die Funktion universeller zu gebrauchen.)
*/
var switchhelper = new Array();
var counter = 0;
function switchbox(box, state)	{
	if((switchhelper[box] != state && typeof switchhelper[box] != 'undefined') || (typeof switchhelper[box] == 'undefined' && state == 2))	{
		var tempclass = document.getElementById(box + '_tab1').className;
		document.getElementById(box + '_tab1').className = document.getElementById(box + '_tab2').className;
		document.getElementById(box + '_tab2').className = tempclass;
		if(state == 1)	{
			document.getElementById(box + '_content1').className = 'switchbox_show';
			document.getElementById(box + '_content2').className = 'switchbox_hide';
		}
		else	{

			document.getElementById(box + '_content1').className = 'switchbox_hide';
			document.getElementById(box + '_content2').className = 'switchbox_show';
		}
	}
	
	switchhelper[box] = state;
	return false;
	
}
/*
immer im kreis rum. 
*/
var multiswitchhelper = new Array();
function multiswitch(boxname, direction, max)	{

	if(typeof multiswitchhelper[boxname] == 'undefined')	{
			multiswitchhelper[boxname] = 0;
	}

	for(i = 0; i < max; i++)	{
		document.getElementById(boxname + i).className = 'switchbox_hide';	
	}
	multiswitchhelper[boxname]  = (multiswitchhelper[boxname] + direction) % max;
	if(multiswitchhelper[boxname] < 0)	{
		multiswitchhelper[boxname] = max -1;
	}
	document.getElementById(boxname + multiswitchhelper[boxname] ).className = 'switchbox_show';

}

function show(id) {
	var ref = document.getElementById(id);
	ref.style.display = 'block';
}

function hide(id) {
	var ref = document.getElementById(id);
	ref.style.display = 'none';
}