$(document).ready(

	function(){
		

		// ********************* INIT PARAMS ********************* //
					
		var selectValues = {
							'search_nopersons' : ['','1','2','3','4','5','6','7','8','9','10'],
							'search_norooms' : ['','studio','2','3','4','4+']
							}
		
		// ******************************************************* //

		
		//GET ALL UP AND DOWN SELECT OBJECTS
		var selectObjects = $('div[name=upAndDownSelect]');


		if(selectObjects != null){
			
			var noSelectObjects = selectObjects.length;
			
			for(var i=0; i<noSelectObjects; i++){
				
				// ***************** SET SELECT ACTIONS ***************** //
				
				setActions(selectObjects[i]);
				
				// ****************************************************** //
			}
			
		}
		
		function setActions(selectObject){

			var valueContainer = document.getElementById(selectObject.id+'_value');
			var hiddenInput = $("input[name="+selectObject.id+"]")[0];
			var navUp = document.getElementById(selectObject.id+'_up');
			var navDown = document.getElementById(selectObject.id+'_down');

			// ****************** ADD EVENT HANDLERS ******************** //
			
			//(1) NAVIGATE UP
			navUp.onclick = function(){
				
				//alert('up');

				// SET DEFAULT VALUE
//				if(hiddenInput.value == ''){
//					
//					valueContainer.innerHTML = selectValues[selectObject.id][0];
//					hiddenInput.value = selectValues[selectObject.id][0];
//
//				}else{
					
					//SEARCH FOR THE SELECTED POSITION
					var noPositions = selectValues[selectObject.id].length;

					for(var i=0; i<noPositions; i++){

						if(hiddenInput.value == selectValues[selectObject.id][i]){

							//the position is the loop index
							// INCREMENT POSITION - if possible
							if(i < (noPositions - 1)){
								
								//SET UP NEW POSITION
								hiddenInput.value = selectValues[selectObject.id][i+1];
								valueContainer.innerHTML = hiddenInput.value;

							}
							
							break;
						}
						
					}
					
//				}

			}
			
			//(2) NAVIGATE DOWN
			navDown.onclick = function(){

				// SET DEFAULT VALUE
//				if(hiddenInput.value == ''){
//					
//					valueContainer.innerHTML = selectValues[selectObject.id][0];
//					hiddenInput.value = selectValues[selectObject.id][0];
//					
//				}else{
					
					//SEARCH FOR THE SELECTED POSITION
					var noPositions = selectValues[selectObject.id].length;
					
					for(var i=0; i<noPositions; i++){
						
						if(hiddenInput.value == selectValues[selectObject.id][i]){
							
							//the position is the loop index
							// DECREMENT POSITION - if possible
							if(i > 0){
								
								//SET UP NEW POSITION
								hiddenInput.value = selectValues[selectObject.id][i-1];
								valueContainer.innerHTML = hiddenInput.value;
							}
							
							break;
						}
						
					}
					
//				}

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

		}
		
	}

);