/**
 * @author stefan
 * 
 * pageControl steuert alle relevanten Eigenschaften f�r den Seitenaufbau (Gr��en, Effekte)
 */

// Ein und Ausblenden von Divs
function showDiv(eID){
	$(eID).toggle();
}

// Bestimmen der Min-Height f�r das Contentfester , damit es falls die Seite sonst kleiner als das Fenster ist, sich automatisch anpasst
function setContentMinHeight(){
	windowHeight = document.documentElement.clientHeight;

	headerHeight   = document.getElementById('header').offsetHeight;
	footerHeight   = document.getElementById('footer').offsetHeight;
	box3GWrpHeight = document.getElementById('box3GWrp').offsetHeight;
	
	spaceStyle = document.getElementById('space').style;
	// Höhe errechnen
	height = (windowHeight - headerHeight - box3GWrpHeight - footerHeight - 9) + 'px';
	spaceStyle.minHeight = height;
	// IE-Hack
	if (navigator.appVersion == "4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)") {
		spaceStyle.height = height;
		spaceStyle.overflow = 'visible';
	}

}
	
// Einblenden der Subnavigation abh�ngig vom Reiter
/*
function showNaviBG(navItem){
	if (navItem == 'navStart') {
		document.getElementById(navItem).style.backgroundImage = 'url(pics/bg/navi_bg.png)';
		document.getElementById('subStart').style.display = 'block';
		document.getElementById('subStart').style.marginRight = '320px';
		document.getElementById('navStartA').style.color = '#FFFFFF';
	} else if (navItem == 'navLern'){
		document.getElementById(navItem).style.backgroundImage = 'url(pics/bg/navi_bg.png)';
		document.getElementById(navItem).style.backgroundPosition = '-82px';
		document.getElementById('subLernen').style.display = 'block';
		document.getElementById('subLernen').style.marginRight = '55px';
		document.getElementById('navLernA').style.color = '#FFFFFF'; 
	}else if (navItem == 'navFreunde'){
		document.getElementById(navItem).style.backgroundImage = 'url(pics/bg/navi_bg.png)';
		document.getElementById(navItem).style.backgroundPosition = '-164px';
		document.getElementById('subFreunde').style.display = 'block';
		document.getElementById('subFreunde').style.marginRight = '110px';
		document.getElementById('navFreundeA').style.color = '#FFFFFF';
	}else if (navItem == 'navHilfe'){
		document.getElementById(navItem).style.backgroundImage = 'url(pics/bg/navi_bg.png)';
		document.getElementById(navItem).style.backgroundPosition = '-255px';
		document.getElementById('subHilfe').style.display = 'block';
		document.getElementById('subHilfe').style.marginRight = '50px';
		document.getElementById('navHilfeA').style.color = '#FFFFFF';
	}else if (navItem == 'navSuche'){
		document.getElementById(navItem).style.backgroundImage = 'url(pics/bg/navi_bg.png)';
		document.getElementById(navItem).style.backgroundPosition = '-323px';
		document.getElementById(navItem).style.backgroundRepeat ='no-repeat';
		document.getElementById('subSuche').style.display = 'block';
		document.getElementById('subSuche').style.marginRight = '10px';
		document.getElementById('navSucheA').style.color = '#FFFFFF';
	}		
}

// Ausblenden der Subnavigation abh�ngig vom Reiter
function hideNavBg(navItem){
	document.getElementById(navItem).style.backgroundImage = 'url()';
	if (navItem == 'navStart'){
		document.getElementById('subStart').style.display = 'none';
		document.getElementById('navStartA').style.color = '#000000'; 
	}
	if (navItem == 'navLern'){
		document.getElementById('subLernen').style.display = 'none';
		document.getElementById('navLernA').style.color = '#000000';
	}
	if (navItem == 'navFreunde'){
		document.getElementById('subFreunde').style.display = 'none'; 
		document.getElementById('navFreundeA').style.color = '#000000';
	}
	if (navItem == 'navHilfe'){
		document.getElementById('subHilfe').style.display = 'none'; 
		document.getElementById('navHilfeA').style.color = '#000000';
	}
	if (navItem == 'navSuche'){
		document.getElementById('subSuche').style.display = 'none'; 
		document.getElementById('navSucheA').style.color = '#000000';
	}
}
*/	
// Animation zum Ausfahren des zus�tzlichen Infolayers
function moveinfoLayerMax(infoID){
	var url = 'ajax/personalLayer.php';
	var a = new Request({ url: url, method: 'post'});
	a.addEvent('success', function(response, xml) {
		$('personalLayer').set('html', response);
		if(infoID == undefined) {
			showPersonalLayer(infoID);
		} else {
			$('additionalInfoLoad').setStyle('display','none');
		}
	});
	a.addEvent('failure', function(instance) {
		$('personalLayer').set('html', '<h1>FAILURE</h1> Daten konnten nicht geladen werden.');
		if(infoID == undefined) {
			showPersonalLayer();
		} else {
			$('additionalInfoLoad').setStyle('display','none');
		}
	});
	$('additionalInfoLoad').setStyle('display','block');
	a.send('infoID='+infoID);
}

function showPersonalLayer(){
	$('additionalInfoLoad').setStyle('display','none');
	$('personalLayer').setStyle('display','block');
	$('minimize').setStyle('display','block');
	personalLayer.hide();
	$('maximize').style.display = 'none';
	personalLayer.toggle();
}

// Animation zum Einfahren des zus�tzlichen Infolayers
function moveinfoLayerMin(){
	personalLayer.toggle().chain(function(el){
			$('maximize').setStyle('display','block');
			$('personalLayer').setStyle('display','none');
			$('minimize').setStyle('display','none');	
		});
}

// Setzen der Box Position
function setBoxHeight(boxId){
	box = document.getElementById(boxId);
	box.style.height = document.documentElement.clientHeight;
	box.style.width = document.documentElement.clientWidth;
}

function setBoxPos(boxMsg){
	topPos = document.documentElement.clientHeight ;
	leftPos = document.documentElement.clientWidth ;
	selfWidth = document.getElementById(boxMsg).offsetWidth / 2;
	selfHeight = document.getElementById(boxMsg).offsetHeight / 2;
	
	document.getElementById(boxMsg).style.top = topPos / 2 - selfWidth +'px' ;
	document.getElementById(boxMsg).style.left = leftPos / 2 - selfWidth +'px';

}

// Mouseover Effekt der Buttons in der Lernkonsole
function trainingButton(buttonID){
	button = document.getElementById(buttonID);
	buttonPath = button.src;
	buttonSrc = buttonPath.split("/");
	buttonPathLength = buttonSrc.length;
	buttonImage = buttonPathLength -1;
	if(buttonSrc[buttonImage] == 'but_training_normal.gif'){
		button.src = 'pics/trainer/but_training_over.gif';	
	}else{
		button.src = 'pics/trainer/but_training_normal.gif';
	}
}

function quizButton(buttonID){
	button = document.getElementById(buttonID);
	buttonPath = button.src;
	buttonSrc = buttonPath.split("/");
	buttonPathLength = buttonSrc.length;
	buttonImage = buttonPathLength -1;
	if(buttonSrc[buttonImage] == 'but_quiz_normal.gif'){
		button.src = 'pics/trainer/but_quiz_over.gif';	
	}else{
		button.src = 'pics/trainer/but_quiz_normal.gif';
	}
}

// Animation zum Ausfahren des Nachrichten Body
function moveMessageBodyMax(messageID, body){
	var url = 'messageBody.php?messageID='+messageID;
	var a = new Request({ url: url, method: 'post'});
	a.addEvent('success', function(response, xml) {
		body.getParent().getParent().getElement('div[class=messageBodyLoad]').setStyle('display','none');
		body.set('html', response);
		body.slide('toggle');
	});
	a.addEvent('failure', function(instance) {
		body.getParent().getParent().getElement('div[class=messageBodyLoad]').setStyle('display','none');
		body.set('html', '<h1>FAILURE</h1> Daten konnten nicht geladen werden.');
		body.slide('toggle');
	});
	body.getParent().getParent().getElement('div[class=messageBodyLoad]').setStyle('display','block');
	a.send();
}

function mbRemainingChars(){
	$('microblogRemainChars').value = "noch "+ (140 - $('microblogForm').getElementById('text').value.length) + " Zeichen";
}

// Laden der Vokabel�bersicht
var myTable = {};
			
function loadVocabularyTable(fachID){
	var url = 'ajax/vocabularyTable.php';
	var a = new Request({ url: url, method: 'post'});
	a.addEvent('success', function(response, xml) {
		$('vocabularyTable').set('html', response);
		myTable = new sortableTable('myTable', {
			overCls: 'over', 
			onClick: function(){
				// alert(this.id);
			},
			pagination: {
				results: 5,
				paginationDiv: 'pageNavPosition'
			}
		});
	});
	a.addEvent('failure', function(instance) {
		$('vocabularyTable').set('html', '<h1>FAILURE</h1> Daten konnten nicht geladen werden.');
	});
	$('vocabularyTable').set('html', 'Lade ...');
	a.send('fachID='+fachID);
}

// Laden der KFZ-Regionen
function ajaxLoadKfzByBundesland(bundesland){
	var url = 'ajax/loadKfzByBundesland.php';
	var a = new Request({ url: url, method: 'post'});
	a.addEvent('success', function(response, xml) {
		$('kfzRegion').set('html', response);
	});
	a.addEvent('failure', function(instance) {
		$('kfzRegion').set('html', '<h1>FAILURE</h1> Daten konnten nicht geladen werden.');
	});
	$('kfzRegion').set('html', 'Lade ...');
	$('schools').set('html', '');
	$('classes').set('html', '');
	$('newCourseButton').setStyle('visibility','hidden');
	a.send('bundesland='+bundesland);
}

// Laden der Schulen
function ajaxLoadSchoolsByKfz(kfz){
	var url = 'ajax/loadSchoolsByKfz.php';
	var a = new Request({ url: url, method: 'post'});
	a.addEvent('success', function(response, xml) {
		$('schools').set('html', response);
	});
	a.addEvent('failure', function(instance) {
		$('schools').set('html', '<h1>FAILURE</h1> Daten konnten nicht geladen werden.');
	});
	$('schools').set('html', 'Lade ...');
	$('classes').set('html', '');
	$('newCourseButton').setStyle('visibility','hidden');
	a.send('kfz='+kfz);
}
// Laden der Klassen
function ajaxLoadClassesBySchoolID(schoolID){
	var url = 'ajax/loadClassesBySchool.php';
	var a = new Request({ url: url, method: 'post'});
	a.addEvent('success', function(response, xml) {
		$('classes').set('html', response);
		$('newCourseButton').setStyle('visibility','visible');
	});
	a.addEvent('failure', function(instance) {
		$('classes').set('html', '<h1>FAILURE</h1> Daten konnten nicht geladen werden.');
	});
	$('classes').set('html', 'Lade ...');
	a.send('schoolID='+schoolID);
}