function selectMainButton(el){
		$(el).css("height", "26px");
		$(el).css("background-color","#4e2e2b");
		$(el).css("color", "#e0e0c0");
	}
	function deselectMainButton(el){
		$(el).css("height", "30px");
		$(el).css("color", "");
		$(el).css("background-color","");
	}
	/*********************************************************************
	  * No onMouseOut event if the mouse pointer hovers a child element 
	  * *** Please do not remove this header. ***
	  * This code is working on my IE7, IE6, FireFox, Opera and Safari
	  * 
	  * Usage: 
	  * <div onMouseOut="fixOnMouseOut(this, event, 'JavaScript Code');"> 
	  *		So many childs 
	  *	</div>
	  *
	  * @Author Hamid Alipour Codehead @ webmaster-forums.code-head.com		
	**/
	function is_child_of(parent, child) {
		if( child != null ) {			
			while( child.parentNode ) {
				if( (child = child.parentNode) == parent ) {
					return true;
				}
			}
		}
		return false;
	}
	function fixOnMouseOut(element, event, JavaScript_code) {
		var current_mouse_target = null;
		if( event.toElement ) {				
			current_mouse_target 			 = event.toElement;
		} else if( event.relatedTarget ) {				
			current_mouse_target 			 = event.relatedTarget;
		}
		if( !is_child_of(element, current_mouse_target) && element != current_mouse_target ) {
			eval(JavaScript_code);
		}
	}
	// ************************************
	// menu options
	function selectOption(AOption) {
		// select just this one
		document.getElementById('div_option_' + AOption).className = 'selectedOption';
		// deselect all others 
		var i=0;
		while(document.getElementById("di_option_"+i)){
		if (AOption != i){
			document.getElementById("div_option_"+i).className = 'nonSelectedOption';
		}
		}
	}
	function selectOptionR(AOption) {
		// select just this one
		document.getElementById('div_option_r' + AOption).className = 'selectedOption';
		// deselect all others
		var i=0;
		while(document.getElementById("di_option_r"+i)){
		if (AOption != i){
			document.getElementById("div_option_r"+i).className = 'nonSelectedOption';
		}
		}
	}
	
	function deSelectOptionR() {
		// deselect all
		var i=1;
		while(document.getElementById("div_option_r" + i)) {
			document.getElementById("div_option_r"+i).className = "nonSelectedOption";
			i++;
		}
	}
	
	function deSelectOption() {
		// deselect all
		var i=1;
		while(document.getElementById("div_option_" + i)) {
			document.getElementById("div_option_"+i).className = "nonSelectedOption";
			i++;
		}
	}
	
	function changeOptionDivDisplay(AState) {
		document.getElementById('div_eveniment').style.display = AState;
	}
	function changeOptionDivDisplayR(AState) {
		document.getElementById('div_restaurant').style.display = AState;
	}
	// ************************************
	// apartment dropdown
	function changeCamareleDivDisplay(AState) {
		document.getElementById('div_camarele').style.display = AState;
	}
	
	// ************************************
	// buttons
	function selectButton(AOption) {
		// select just this one
		document.getElementById('div_button_' + AOption).className = 'selectedButton';
		// deselect all others 
		if (AOption != 1)
			document.getElementById('div_button_1').className = 'nonSelectedButton';
		if (AOption != 2)
			document.getElementById('div_button_2').className = 'nonSelectedButton';
		if (AOption != 3)
			document.getElementById('div_button_3').className = 'nonSelectedButton';
		if (AOption != 4)
			document.getElementById('div_button_4').className = 'nonSelectedButton';
	}
	
	function deSelectButton() {
		// deselect all
		document.getElementById('div_button_1').className = 'nonSelectedButton';
		document.getElementById('div_button_2').className = 'nonSelectedButton';
		document.getElementById('div_button_3').className = 'nonSelectedButton';
		document.getElementById('div_button_4').className = 'nonSelectedButton';
	}
	
	// ************************************
	// reservation dropdown
	function changeRezDisp(AState) {
		if (AState == "block") {
			//$("#div_reservation_dropdown_group").removeClass("reservationDropDownClosed").addClass("reservationDropDownOpened");
			//$("#div_reservation_dropdown_group").css("visibility", "");
			if($("#div_reservation_dropdown:hidden").length) {
				$("#div_reservation_dropdown").slideDown(200);
			}
			//document.getElementById('div_reservation_dropdown').style.display = AState;
		} else {
			//$("#div_reservation_dropdown_group").removeClass("reservationDropDownOpened").addClass("reservationDropDownClosed");
			//$("#div_reservation_dropdown_group").css("visibility", "hidden");
			$("#div_reservation_dropdown").slideUp(200);
		}
	}
	function changeReservationDivDisplay(AState) {
		changeRezDisp(AState);
		//setTimeout("changeRezDisp('" + AState + "')", 4);
	}
	
	// ************************************
	// global
	function clearDropDownDivs() {
		changeOptionDivDisplay('none');
		changeOptionDivDisplayR('none');
		changeCamareleDivDisplay('none');
	}