﻿var af_TabbedMenuBoxAmountOfTabs = 4;
function af_initTabbedMenubox() {
/*
	we need to do some really huge magic tricks here.. 
	cuz the original layout wont capable of displaying something like that looks like a tabbed box
*/
	// array to store headers
	var arrayHeaders = new Array();
	// array to store content
	var arrayContent = new Array();
	
	// point to parent parent container
	var ppp = document.getElementById('af_tab_content1').parentNode.parentNode.parentNode;

	// store contents and clear layout
	for(var x=1;x<=af_TabbedMenuBoxAmountOfTabs;x++){
		// store content in array
		arrayHeaders[x] = document.getElementById('af_tab_header'+x).innerHTML;
		arrayContent[x] = document.getElementById('af_tab_content'+x).innerHTML;
		// remove / clear actual layout
		if(x == af_TabbedMenuBoxAmountOfTabs) {
			ppp.innerHTML = '';
		}
	}
	var contents = '<div class="af_tab_header_order">';
	// add clean layout of headers
	for(var x=1;x<=af_TabbedMenuBoxAmountOfTabs;x++){
			var className = 'af_tab_header';
			if(x == 1) { className = 'af_tab_header_active'; }
		contents=contents+'<div class="'+className+'" id="af_tab_header'+x+'" onclick="af_tabbedMenuboxShow('+x+');">'+arrayHeaders[x]+'</div>';
	}
	contents = contents + '</div>';
	// add clean layout of contents
	for(var x=1;x<=af_TabbedMenuBoxAmountOfTabs;x++){
		var style = '';
		if(x != 1) { style = ' style="display: none;"'; }
		contents=contents+'<div class="af_tab_content" id="af_tab_content'+x+'"'+style+'>'+arrayContent[x]+'</div>';
	}
	//
	ppp.innerHTML = contents + '<b class="afcrn af_blocEdito"><b class="afcrn_c" style="height:2;"><b class="afcrn_b" style="height: 2px; cursor: auto;"></b></b><b class="afcrn_c" style="border-width:0 2;"><b class="afcrn_b" style="border-width: 0pt 2px; cursor: auto;"></b></b><b class="afcrn_cb" style="border-width: 0pt 4px; cursor: auto;"></b></b>';
	//	
}
function af_tabbedMenuboxShow(a) {
 for(var x=1;x<=af_TabbedMenuBoxAmountOfTabs;x++){
  if(a != x) {
   document.getElementById('af_tab_header'+x).className='af_tab_header';
   document.getElementById('af_tab_content'+x).style.display = 'none';
  } else {
   document.getElementById('af_tab_header'+a).className='af_tab_header_active';
   document.getElementById('af_tab_content'+a).style.display = 'block';
  }
 }
}

function check_and_submit(f) {
	if (!f.forum.options[f.forum.selectedIndex].value.match(/f[0-9]+/)){
		alert('Sie können keine Kategorie auswählen.\nBitte wählen Sie ein einzelnes Forum aus!');
	} else {
		f.submit();
	}
}

function check_login_warning(d){
	if(!loggedIn){
		d.style.display = 'block';
	}
}

function go() {
	if (document.quest.scope.options[document.quest.scope.selectedIndex].value == '') {alert('Please choose a forum !')}
	else {
		if (document.quest.motcle.value != '') {document.quest.submit();} else {alert('Sie müssen mindestens einen Suchbegriff eingeben. Danke.');};
	}
}
