$jq(document).ready(function() {
	
	var nameTxt = '';
	var hiddenName = '';
	var url_go = '';
	
	func_activate_vacations = function () { 
		// Activamos contenido del elemento actual
		$jq("a#v-package").attr("class","").addClass("active");
		$jq(".v-package").removeClass().addClass("v-package active");
		
		// Ocultamos contenido
		$jq("a#a-only").removeClass().addClass("unactive");
		$jq(".a-only").removeClass().addClass("a-only unactive");
		
		$jq("a#c-package").removeClass().addClass("unactive");
		$jq(".c-package").removeClass().addClass("c-package unactive");
		
		return false;
	}; 
	
	func_activate_air_only = function () { 
		
		// Activamos contenido del elemento actual
		$jq("a#a-only").attr("class","").addClass("active");
		$jq(".a-only").removeClass().addClass("a-only active");
		
		// Ocultamos contenido
		$jq("a#c-package").removeClass().addClass("unactive");
		$jq(".c-package").removeClass().addClass("c-package unactive");
		
		$jq("a#v-package").removeClass().addClass("unactive");
		$jq(".v-package").removeClass().addClass("v-package unactive");
		
		// Mostramos el popup
		$jq("#pop").fadeIn('slow');
		
		return false;
	};
	
	func_activate_cruise = function () { 
	
		// Activamos contenido del elemento actual
		$jq("a#c-package").attr("class","").addClass("active");
		$jq(".c-package").removeClass().addClass("c-package active");
		
		// Ocultamos contenido
		$jq("a#v-package").removeClass().addClass("unactive");
		$jq(".v-package").removeClass().addClass("v-package unactive");
		
		// Ocultamos contenido
		$jq("a#a-only").removeClass().addClass("unactive");
		$jq(".a-only").removeClass().addClass("a-only unactive");
		
		return false;
	};
	
	// Configuracion de autocompletar
	autoCompleteConfig = function($url2Go, field, hiddenF){
		$jq(field).attr("autocomplete", "off");
		return {
			url: $url2Go,
			sortFunction: function(a, b, filter) {
				var f = filter.toLowerCase();
				var fl = f.length;
				var a1 = a.value.toLowerCase().substring(0, fl) == f ? '0' : '1';
				var a1 = a1 + String(a.data[0]).toLowerCase();
				var b1 = b.value.toLowerCase().substring(0, fl) == f ? '0' : '1';
				var b1 = b1 + String(b.data[0]).toLowerCase();
				if (a1 > b1) {
					return 1;
				}
				if (a1 < b1) {
					return -1;
				}
				return 0;
			},
			showResult: function(value, data) {
				return '<span style="color:red">' + value + '</span>';
			},
			onItemSelect: function(item) {
				$jq(field).val(item.value);
			    $jq(hiddenF).val(item.data.join(', '));
			},
			maxItemsToShow: 5
		};
	}
	
	$jq("a#v-package").click( func_activate_vacations );
	$jq("a#a-only").click( func_activate_air_only );
	$jq("a#c-package").click( func_activate_cruise );
	
	// ---------------------------------------------------------------------------
	// Configuracion para autocompletar "departure"
	nameTxt = '#fromCity';
	hiddenName = '#gsOrigin';
	url_go = "../z/mods/content/inc/772/json/dataTypes.php?type=gsOrigin";
	$jq(nameTxt).autocomplete( autoCompleteConfig(url_go, nameTxt, hiddenName) );
	
	// ---------------------------------------------------------------------------
	// Configuracion para autocompletar "destination"
	nameTxt = '#toCity';
	hiddenName = '#gsDestination';
	url_go = "../z/mods/content/inc/772/json/dataTypes.php?type=gsDestination";
	$jq(nameTxt).autocomplete( autoCompleteConfig(url_go, nameTxt, hiddenName) );
	
	// ---------------------------------------------------------------------------
	// Configuracion de cruseros para ciudad destino
	nameTxt = '#cityDestination';
	hiddenName = '#srchDestText';
	url_go = "../z/mods/content/inc/772/json/dataTypes.php?type=cityDestination";
	$jq(nameTxt).autocomplete( autoCompleteConfig(url_go, nameTxt, hiddenName) );
	
	// ---------------------------------------------------------------------------
	// 
	$jq('#cerrar').click(function(){
		func_activate_vacations();
		$jq("#pop").fadeOut('slow'); 
	});
	
	
	
});