// lets you use the GET variables -----------------------------------------------------------
	function gup( name )
	{
	  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	  var regexS = "[\\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( window.location.href );
	  if( results == null )
	    return "";
	  else
	    return results[1];
	}
	
	// send and get data -------------------------------------------------------------------------
	function getList(type, area, min, max, key, lang ){
		$("#port").after("<img src='01_images/ajax-loader.gif' alt='' id='loader' />");	
		$.ajax({
		  type: "POST",
		  url: "result.php",
		  data: ({type_a : type, area_a : area, min_a : min, max_a : max, key_a : key, lang_a : lang}),
		  success: function(msg){
			$("#port + img").remove();
			$("#port").after("" + msg + "");
			//$("div#result").hide();				
			//$("div#result").fadeIn("slow");
		   	}
		});			
	}
	
	// YEARS -------------------------------------------------------------------------------
	$(function() {	
	
		$("#amount").val($("#slider-range").slider("values", 0) + ' - ' + $("#slider-range").slider("values", 1));
	
		$("#cat").hide();
		$("#year").hide();
		$("#place").hide();	
			
		var min = 1940;
		var max = 2020;
		
		$("#slider-range").slider({
			step: 1,
			range: true,
			min: 1940,
			max: 2020,
			values: [1940, 2020],
			slide: function(event, ui) {				
				$("#amount").val(ui.values[0] + ' - ' + ui.values[1]);
				min = ui.values[0];
				max = ui.values[1];		
			}, 
			
			stop: function(event, ui) {
				$("div#result").remove();
				var lang = gup( 'lang' );	
				var type = "";
			  	var area = "";
				var key = "";
		 		$("ul#type a.alt").map(function(){
					type += $(this).text() +"#";
		    	});
				$("ul#area a.alt").map(function(){
					area += $(this).text() +"#";
		    	});
				
				key = $("input#keywords").val();
				
				getList(type, area, min, max, key, lang );
			}
			
		});

	
		// Building type -------------------------------------------------------------------------------
		$("ul#type a").click(function () {
			$("div#result").remove();	
				
	      $(this).toggleClass("alt");
		  	var lang = gup( 'lang' );
		  	var type = "";
		  	var area = "";
			var key = "";
	 		$("ul#type a.alt").map(function(){
				type += $(this).text() +"#";
	    	});
			$("ul#area a.alt").map(function(){
				area += $(this).text() +"#";
	    	});
			
			key = $("input#keywords").val();
			
			getList(type, area, min, max, key, lang );
	    });
		
		// Location -------------------------------------------------------------------------------
		$("ul#area a").click(function () {
			$("div#result").remove();		
	      $(this).toggleClass("alt");
		  	var lang = gup( 'lang' );
		  	var type = "";
		  	var area = "";
			var key = "";
	 		$("ul#type a.alt").map(function(){
				type += $(this).text() +"#";
	    	});
			$("ul#area a.alt").map(function(){
				area += $(this).text() +"#";
	    	});
			
			key = $("input#keywords").val();
			
			getList(type, area, min, max, key, lang );
	    });
	
		// Keywords -------------------------------------------------------------------------------
		$("input#keywords").keyup(function () { 
			$("a#del_key").show();
		});
	
		$("a#del_key").click(function() {
			$("input#keywords").val("");
			$("a#del_key").hide();
			$("div#result").remove();
			$(this).toggleClass("alt");
				  	var lang = gup( 'lang' );
				  	var type = "";
				  	var area = "";
					var key = "";
			 		$("ul#type a.alt").map(function(){
						type += $(this).text() +"#";
			    	});
					$("ul#area a.alt").map(function(){
						area += $(this).text() +"#";
			    	});
					
					key = $("input#keywords").val();
					
					getList(type, area, min, max, key, lang );
		});

		$("div#portfolio form").submit(function () {
				
		//$("input#button").hover(function () {
			$("div#result").remove();		
	      $(this).toggleClass("alt");
		  	var lang = gup( 'lang' );
		  	var type = "";
		  	var area = "";
			var key = "";
	 		$("ul#type a.alt").map(function(){
				type += $(this).text() +"#";
	    	});
			$("ul#area a.alt").map(function(){
				area += $(this).text() +"#";
	    	});
			
			key = $("input#keywords").val();
			
			getList(type, area, min, max, key, lang );
			return false;
	    });	
});