/*################################################################################
	D E B U G
################################################################################*/

var debugModus = 0	; // Debugmodus EIN = 1 || AUS = 0

function debug(txt)
{
	if(!debugModus || typeof(console) != "object") { return; }
	else { console.log(txt); }
}
debug("debugModus = true");


/*################################################################################
	$$$
################################################################################*/

// get Elements by Name

function $$$(obj)
{
	var obj = document.getElementsByName(obj);
	obj = (obj.length==1)?obj[0]:obj;
	return obj;
}

/*################################################################################
	Accordions
################################################################################*/

//Accordion Content
window.addEvent('load', function() {
	var accordion = new Accordion(
						$$('.toggler'),
						$$('.element'), 
						{
							opacity: false,
							alwaysHide: true,
							show: -1,
							onActive: function(toggler, element){
										toggler.setStyle('backgroundColor',
										'#e8e8ff');
										//toggler.setStyle('display', 'none');
							},
							onBackground: function(toggler,element){
								toggler.setStyle('backgroundColor', '#e8e8ff');
							}
						}
					);
});

/*################################################################################
	F U N C T I O N S
################################################################################*/

/*############ 	setNaviHeight() ##################################*/

function setBackgroundHeight(resize,again) {
	var mainContainer 		= $('mainContainer');
	var backgroundContainer = $('backgroundContainer');
	
	if(window.getScrollSize().y < mainContainer.getSize().y) {
		backgroundContainer.setStyle('height', mainContainer.getSize().y+140);
	} else {
		backgroundContainer.setStyle('height', window.getScrollSize().y);
		
		if(window.getScrollSize().y-mainContainer.getSize().y < 120) {
			backgroundContainer.setStyle('height',
										 backgroundContainer.getSize().y+resize);
		}
		
		if(again) {
			backgroundContainer.setStyle('height',mainContainer.getSize().y+mainContainer.getPosition().y);
		}
	}
}

function setNavigationHeight() {
	var navigation		= $('mainNavigation');
	var mainContainer	= $('mainContainer');
	var backgroundContainer = $('backgroundContainer');
	
	navigation.setStyle('height',backgroundContainer.getSize().y-120);
}

function setHeights(resize,again) {
	setBackgroundHeight(resize,again); 
	setNavigationHeight(resize);
}

/*############ showCt(id) ##################################*/

var activeContent = null;

function showCt(id)
{
	if(activeContent) $(activeContent).style.display = "none";
	if(activeContent == id) { activeContent = null; }
	else {
		$(id).style.display = "block";
		activeContent = id; 
	}
	setNaviHeight();
}

/*############ showStaff(id) ##################################*/

var activeCont = null;

function setFader(show) {
	var container = $('mainContent');
	var fader	  = $('fader');
	
	if($type(fader) != 'element') {
		return;
	}
	
	fader.setOpacity(0.8);
	fader.setStyle('width', window.getSize().x);
	fader.setStyle('height',window.getScrollSize().y);
	fader.setStyle('top',(0-container.getPosition().y));
	fader.setStyle('left',(0-container.getPosition().x));
	
	if(show) {
		$('fader').setStyle('display','block');
	}
}

function showStaff(id) {
	var container = $(id);
	
	if(activeCont) {
		activeCont.style.display="none";
		$('fader').style.display 	="none";
	}
	activeCont = $(id);
	$(id).style.display = "block";
	positionStaff(activeCont);
	setFader(true);
}

function positionStaff(container) {
	var parent	  = $('mainContent');
	
	if($type(container) == 'element') {
		container.setStyle('left',((window.getSize().x-container.getSize().x)/2)-parent.getPosition().x);
		container.setStyle('top',((window.getSize().y-container.getSize().y)/2-parent.getPosition().y)+window.getScroll().y);
	}
}

function closeStaff(id)
{
		$(id).style.display = "none";
		$('fader').style.display 	= "none";
}

window.addEvents({
	'domready': function() { 
		setHeights(20,false);
		setFader();
		window.setTimeout('setHeights(0,false)',500);
	},
	'resize': function() {
		setHeights(0,false);
		positionStaff(activeCont);
		setFader();
	}
});