/*****************************************************************************************************/
/*                                                                                                   */
/*                                    		 TABS		                                         	 */          
/*                                                                                                   */
/*****************************************************************************************************/

$(document).ready(

	function(){

		//get number of tabs
		var noTabs = $('ul[class=reserveMenu]').children().length;
		var tabsObjects = $('ul[class=reserveMenu]').children();

		var reservationBoxContainer = $("#reserverBox");
		var normalSearchContainer = document.getElementById('normalSearchContainer');
		var mapSearchContainer = document.getElementById('mapSearchContainer');
		var searchBtnContainer = document.getElementById('searchBtnContainer');
		var	queryString = document.getElementById('query_string');
		
		$.each(
				tabsObjects,
				
				function(index,object){
					
					//set event handlers for 'li' objects
					$(object).click(
					
						function(){
							
							//select current clicked tab
							$(object).children().addClass('selected');
							
							//unselect other tabs
							for(i=0; i<noTabs; i++){
								
								if(i != index ){
									$(tabsObjects[i]).children().removeClass('selected');
								}
							}
							
							// ******************* SEARCH BY MAP ACTIONS ***************** //
							// 															   //
							// *********************************************************** //
							
							if(object.id == 'searchByMap'){
								
								//CHANGE MAIN CONTAINER CLASS
								reservationBoxContainer.removeClass('reserverBox');
								reservationBoxContainer.addClass('reserverBox_noTour');//remove eiffel tour from background
								
								normalSearchContainer.style.display = 'none';
								
								mapSearchContainer.style.visibility = 'visible';
								mapSearchContainer.style.height = 'auto';
																		
								searchBtnContainer.style.display = 'none';//hide search button
								
							}								
								
							if(object.id == 'searchNormal'){
								
								//CHANGE MAIN CONTAINER CLASS
								reservationBoxContainer.removeClass('reserverBox_noTour');
								reservationBoxContainer.addClass('reserverBox');

								normalSearchContainer.style.display = 'block';
								
								mapSearchContainer.style.visibility = 'hidden';
								mapSearchContainer.style.height = 0;
								
								searchBtnContainer.style.display = 'block';//show search button
								
							}
							
						}
					);
				}
		);
		
		// **************** SELECT SEARCH BY MAP TAB **************** //
		
		if(queryString != null && queryString.value != ''){
			
			$.each(
					tabsObjects,
					function(index,object){
						
						if(object.id == 'searchByMap'){

							$(object).trigger('click');
							return;
						}
					}
			);

		}
		
		// ********************************************************** //
	}

);