// JavaScript Document

function firstLoad(elementId, tab) {
	d(elementId).style.display = '';
	d('c'+tab).style.display = '';
}

function openClose(elementId, tab) {
	
	//-- change links every time
	d('t'+t_active).innerHTML = '<a href="javascript:openClose('+active+','+t_active+');">'+t_title[t_active]+'</a>';
	d('t'+tab).innerHTML = t_title[tab];
				
	//-- hide last active tab
	d('c'+t_active).style.display = 'none';
	
	//-- hide last active tab loading gif
	d('loader'+t_active).style.display = 'none';
	
	//-- if not loaded yet, show loading gif and hide tab
	if(loaded_once.indexOf(tab) == -1) {
		if(	d('loader'+tab)!=null){	
		d('loader'+tab).style.display = '';
		}
		//-- newly active tab is already hidden - if not loaded, stay that way
	} else {
	//-- show newly active tab
	d('c'+tab).style.display = '';
	}
	
	
	//if in a different elementId
	if(elementId != active) {

		//switch innerHTML of headers
		document.getElementsByTagName("h1")[active].innerHTML='<a href="javascript:openClose('+active+','+t_active+');">+ '+title[active]+'</a>';
		document.getElementsByTagName("h1")[elementId].innerHTML= title[elementId];
		
		//switch class names
		d('h'+active).className = 'headers-inactive';
		d('h'+elementId).className = 'headers-active';
		
		//show hide active and elementId
		d(active).style.display = 'none';
		d(elementId).style.display = '';
			
	}
	
	//set variables for next
	active = elementId;		
	t_active = tab;
}