/**
 * Behandelt alle Events, die ueber den Reiter ausgeloest werden
 */

//Die ID des momentan aktiven MenuePunktes
var active_menu_ID = 'reiter_field_0';
var isFirstTime = true;

/**
 * Behandelt den MouseOverEvent
 * @param id String  Id des ueberfahrenen Menuepunktes
 */
function reiterOnMouseOver(id) {
	//Sonderfall: Letzter Menuepunkt soll farblich anders sein
	if(id.split('_')[2] == 6 && id != active_menu_ID) {
		$('#'+id).css({'background-color' : '#BB0000'});
	}else if (id != active_menu_ID){
		$('#'+id).css({'color' : '#6D6D70'});
		$('#'+id).css({'background-color' : '#E6E7E8'});
	}
}

/**
 * Behandelt den MouseOutEvent
 * @param id String  Id des verlassenen Menuepunktes
 */
function reiterOnMouseOut(id) {
	//Sonderfall: Letzter Menuepunkt soll farblich anders sein
	if(id.split('_')[2] == 6 && id != active_menu_ID) {
		$('#'+id).css({'background-color' : '#EC1C24'});
	}else if (id != active_menu_ID){
		$('#'+id).css({'color' : '#FFFFFF'});
		$('#'+id).css({'background-color' : '#919296'});
	}
}

/**
 * Behandelt den MouseUpEvent
 * @param id String  Id des angeklickten Menuepunktes
 */
function reiterOnMouseUp(id) {
	if(isFirstTime) {
		$('#content_6').css({'display' : 'none'});
		isFirstTime = false;
	}
	
	if(id != active_menu_ID) {
		//Sonderfall: Buchung&Kontakt
		if(id.split('_')[2] == 6) {
			$('#'+id).css({'background-color' : '#990000'});
			resetReiterPoint(active_menu_ID);
		//Sonderfall: Impressum
		}else if(id.split('_')[2] == 7) {
			resetReiterPoint(active_menu_ID);
		}else {
			$('#'+id).css({'color' : '#FFFFFF'});
			$('#'+id).css({'background-color' : '#6D6D70'});
			resetReiterPoint(active_menu_ID);
		}
		var newContainerHeight = $('#content_'+id.split('_')[2]).outerHeight() + $('#header').outerHeight() + 25;
		$('#content_'+active_menu_ID.split('_')[2]).css({'display' : 'none'});
		$('#content_'+active_menu_ID.split('_')[2]).css({'z-index' : '0'});
		$('#container').css({'height' : newContainerHeight});
		$('#content_'+id.split('_')[2]).css({'display' : 'inline'});
		$('#content_'+id.split('_')[2]).css({'z-index' : '100'});
		active_menu_ID = id;
	}
}

/**
 * Stellt fuer den Menuepunkt mit der uebergebenen ID den Ausgangszustand wieder her
 * @param id String  Id des zurueck zu setzenden Menuepunktes
 */
function resetReiterPoint(id) {
	//Sonderfall: Buchung&Kontakt
	if(id.split('_')[2] == 6) {
		$('#'+id).css({'background-color' : '#EC1C24'});
	}else if(id.split('_')[2] == 7) {
		//Nichts machen!
	}else {
		$('#'+id).css({'background-color' : '#919296'});
	}
}

/**
 * Bei einem Klick auf den BuchungsLink einer Tour, wird die Buchungsseite angezeigt und der entsprechende
 * TourName ausgewählt
 * @param id String  Die ID der ausgewaehlten Tour
 */
function toorBookingOnMouseUp(id) {
	$('#reiter_field_6').css({'background-color' : '#990000'});
	resetReiterPoint(active_menu_ID);
	var newContainerHeight = $('#content_6').outerHeight() + $('#header').outerHeight() + 25;
	$('#content_'+active_menu_ID.split('_')[2]).css({'display' : 'none'});
	$('#content_'+active_menu_ID.split('_')[2]).css({'z-index' : '0'});
	$('#container').css({'height' : newContainerHeight});
	$('#content_6').css({'display' : 'inline'});
	$('#content_6').css({'z-index' : '100'});
	active_menu_ID = 'reiter_field_6';
	$('#select_tour option:selected').removeAttr('selected');
	$('#select_tour option[value='+id+']').attr('selected',true);
}