var slider1, slider2, slider3, slider4, slider5, slider6, slider7, slider8,slider13;
 var url;
 var arreglo = new Array();
 var arreglo1 = new Array();	
 var bounds, southWest, northEast;
 var map;
 var band=0;
 var tooltip;
 		
function inivariable(){
	var i;
		var k=0;
			
		for (i=1900;i<=2009;i++)
			{arreglo[k]=i;
			   k++;}
		k=0;
		for (i=0;i<=3000000;i+=1000)
			{arreglo1[k]=i;
			   k++;}
}

function showTooltip(marker) {
		tooltip.innerHTML = marker.tooltip;
		var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
		var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
		var anchor=marker.getIcon().iconAnchor;
		var width=marker.getIcon().iconSize.width;
		var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width,- offset.y + point.y +anchor.y));
		pos.apply(tooltip);
		tooltip.style.visibility="visible";
      }

function createMarker(point,name,html) {
		var marker = new GMarker(point);
		// === store the name so that the tooltip function can use it ===
        marker.tooltip = '<div class="tooltip">'+html+'</div>';
		//GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
		GEvent.addListener(marker,"mouseover", function() { showTooltip(marker); });
        GEvent.addListener(marker,"mouseout", function() { tooltip.style.visibility="hidden" });
		return marker;
	}
	
function getbounds(){
		bounds = map.getBounds();
		southWest = bounds.getSouthWest();
		northEast = bounds.getNorthEast();	
		
		var current = jQuery("#bound").val();
		if(current.length <= 0) {
			jQuery("#bound").val(southWest);
		}else {
			jQuery("#bound").val("");
		}
}

function loadMap() {
		// Load Google Map
 	 	if (GBrowserIsCompatible()) {
			map = new GMap(document.getElementById("mapui"));
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
			
			map.setCenter(new GLatLng(maplat,maplong), 11);
			
			tooltip = document.createElement("div");
			document.getElementById("mapui").appendChild(tooltip);
			tooltip.style.visibility="hidden";

				   	
			var bounds = new GLatLngBounds();
									
			// Request xml data
			GDownloadUrl(url, function(data, responseCode) {			
					var xmlDoc = GXml.parse(data);
					var htmlside = "";
					// obtain the array of markers and loop through it
					var markers = xmlDoc.documentElement.getElementsByTagName("marker");
					var pager = xmlDoc.documentElement.getElementsByTagName("pager");
					
					for (var i = 0; i < markers.length; i++) {
						// obtain the attribues of each marker
						var lat = parseFloat(markers[i].getAttribute("lat"));
						var lng = parseFloat(markers[i].getAttribute("lng"));
						var point = new GLatLng(lat,lng);
						var html = markers[i].getAttribute("html");
						var label = markers[i].getAttribute("label");
						
						// create the marker
						if ((lat != 0) && (lng != 0))
						{
							var marker = createMarker(point,label,html);
							map.addOverlay(marker);
							// ==== Each time a point is found, extent the bounds to include it =====
							bounds.extend(point);
							htmlside += html + '<br />';
						}
						
						
					}

					htmlside +=pager[0].getAttribute("page");					
					map.setZoom(map.getBoundsZoomLevel(bounds));
					jQuery("#fieldset3").html("");					
					jQuery("#fieldset3").html(htmlside.replace(/"#fieldset1&"/g, "?"));
					map.setCenter(bounds.getCenter());
					addPageHandlers();
					jQuery.unblockUI();	
					// pegar una function a cada link de navegation.
				});											
 	 	}
		else {
			alert("Sorry, the Google Maps API is not compatible with this browser");
		}	
	}// end function
	
	
	function addPageHandlers() {
		jQuery("#mappaging p > a").click(function() {
			var href = jQuery(this).attr('href');
			
			page_no = href.substring(href.lastIndexOf('=')+1);
			if(page_no > 0)
				jQuery("#page").attr("value",page_no);
			else
				jQuery("#page").attr("value",0);							
			
			LoadSearch();
						
			return false;
		});
	}
	
	function addPropertyLink(){
		jQuery(".contborder").click(function() {
			var mlsid = jQuery(this).attr('id').val();
			alert(mlsid);
		
		return false;
		});
	
	}
	
	function getListing(mlsnumber) {		
		var url = '/apps/api/map-view.php?mlsid=' + mlsnumber+'&js=1';
		jQuery('#cma').triggerTab(2); // triggers view tab
		jQuery("#continformation").load(url);
	}
	
	function initSliders(){
		
		var handle = ['handle1','handle-1'];
   		slider1 = new Control.Slider(handle, 'track1', {
   		range: $R(1000,3000000),
   		sliderValue: [1000,3000000],
		onSlide: function(v) {$('mnprice').value = (v[0]).toFixed(0); $('mxprice').value = (v[1]).toFixed(0);},
		onChange: function(v) {$('mnprice').value = (v[0]).toFixed(0); $('mxprice').value = (v[1]).toFixed(0);}
		,restricted: true
		});	 //end slider
		
   		var handle3 = ['handle3','handle-3'];
		slider3 = new Control.Slider(handle3, 'track3', {
		range: $R(0,5000),
		increment: 10,
		values: $R(0,5000),
		sliderValue: [0,5000],
		onSlide: function(v) {$('mnliving').value = (v[0]).toFixed(0);$('mxliving').value = (v[1]).toFixed(0);},
		onChange: function(v) {$('mnliving').value = (v[0]).toFixed(0);$('mxliving').value = (v[1]).toFixed(0);}
		,restricted: true
		});
		
		var handle4 = ['handle4','handle-4'];
		slider4 = new Control.Slider(handle4, 'track4', {
		range:$R(0,10),
		increment: 1,
		values: $R(0,10),
		sliderValue:[0,10],
		onSlide: function(v) {$('bed').value = (v[0]).toFixed();$('beds').value = (v[1]).toFixed();},
		onChange: function(v) {$('bed').value = (v[0]).toFixed();$('beds').value = (v[1]).toFixed();}
		,restricted: true
		});
		
		var handle5 = ['handle5','handle-5'];
		slider5 = new Control.Slider(handle5, 'track5', {
		range: $R(0,10),
		increment: 1,
		values:$R(0,10),
		sliderValue:[0,10],
		onSlide: function(v) {$("bath").value = (v[0]).toFixed();$("baths").value = (v[1]).toFixed();},
		onChange: function(v) {$("bath").value = (v[0]).toFixed();$("baths").value = (v[1]).toFixed();}
		,restricted: true
		});
		
		var handle6 = ['handle6','handle-6'];
		slider6 = new Control.Slider(handle6, 'track6', {
		range: $R(1,365),
		increment: 1,
		values:$R(1,365),
		sliderValue:[1,365],
		onSlide: function(v) {$('day').value = (v[0]).toFixed();$('dayf').value = (v[1]).toFixed();},
		onChange: function(v) {$('day').value = (v[0]).toFixed();$('dayf').value = (v[1]).toFixed();}
		});
		
		var handle7 = ['handle7','handle-7'];
		slider7 = new Control.Slider(handle7, 'track7', {
		range: $R(1900,2009),
		increment: 10,
		values:$R(1900,2009),
		sliderValue: [1900,2009],
		onSlide: function(v) {$('yearini').value = v[0]; $('yearfin').value = v[1];},
		onChange: function(v) {$('yearini').value = v[0];$('yearfin').value = v[1];}
		,restricted: true
		});
		
		var handle11 = ['handle11','handle-11'];
		slider11 = new Control.Slider(handle11, 'track11', {
		range:$R(0,5),
		increment: 1,
		values: $R(0,5),
		sliderValue:[0,5],
		onSlide: function(v) {$('gs').value = (v[0]).toFixed();$('gss').value = (v[1]).toFixed();},
		onChange: function(v) {$('gs').value = (v[0]).toFixed();$('gss').value = (v[1]).toFixed();}
		,restricted: true
		});
		
		var handle13 = ['handle13','handle-13'];
		slider13 = new Control.Slider(handle13, 'track13', {
			range: $R(1,100),
			increment: 1,
			values:$R(1,100),
			sliderValue: [1,100],
			onSlide: function(v) {$('porcent').value = (v[0]); $('porcent1').value = (v[1]);},
			onChange: function(v) {$('porcent').value = (v[0]);$('porcent1').value = (v[1]);}
			,restricted: true
			});
		
	}		
	
	 function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("mapui"));
        map.setCenter(new GLatLng(maplat, maplong), 11);
      }
    }
			
     function setSliderValue(slider,value,handle) {
				// due to onChange code above we need this or 
				// a 0 will be put in the text box when you delete the value
    	 
    	 	if(value=="") return;
    	 	
    	 	if(isNaN(value)) return;
    	 	
    	 	switch(slider)
    	 	{
    	 	case 1:
    	 		slider1.setValue(value,handle);
    	 		break;
    	 	case 3:
    	 		slider3.setValue(value,handle);
    	 		break;
    	 	case 4:
    	 		slider4.setValue(value,handle);
    	 		break;
    	 	case 5:
    	 		slider5.setValue(value,handle);
    	 		break;
    	 	case 6:
    	 		slider6.setValue(value,handle);
    	 		break;
    	 	case 7:
    	 		slider7.setValue(value,handle);
    	 		break;
    	 	case 11:
    	 		slider11.setValue(value,handle);
    	 		break;    	 		
    	 	case 8:
    	 		if(value >0)
    	 			value = value /100;
    	 		slider13.setValue(value,handle);
    	 		break; 
    	 	}
	}

	function LoadSearch()
	{
	
		var yearini =jQuery("#yearini").val();
 		var yearfin = jQuery("#yearfin").val();	 		
 		
 		if(yearini >yearfin){
 		 	alert('Date Range Invalid');
	 		jQuery("#yearfin").focus();
			return;
		}
 		
 		else
		{
			blockUI();		 		
	  		var formdata = jQuery("#form").serialize();
			url = "/apps/api/getkml.php?" + formdata;			
	  		loadMap();
	  		jQuery('#cma1').triggerTab(2); // triggers third tab						  		
			jQuery('#cma').triggerTab(1); // triggers third tab
	  		addPropertyLink();
	  		
	  		jQuery(document).unload(GUnload());	
 		}	     
	 		
	}
	
	jQuery(document).ready(function()
	{
	 		//inicializacion de variables array a traves de una funcion..
	 		inivariable();
	 		initSliders();
	 		initialize();
	 		
			jQuery("#advanced").click(function(){
				jQuery("#moresearch").slideToggle('slow');
			}); //end advanced search click event
				       
		    jQuery("#btnmapsearch").click(function(){
		      	LoadSearch();	       
		    });
	         
	     	jQuery("#mapctive").click(function(){
	     		getbounds()
     		});    		
			
			jQuery("#cma").tabs();
			jQuery("#cma1").tabs();
			jQuery("#moresearch").hide();
			
			jQuery().ajaxStop(function() {
	 	 	// "Zebra stripe" table rows
	 	 	jQuery(".stripeMe tbody tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});
	 	 	jQuery(".stripeMe tbody tr:odd").addClass("alt");

 			jQuery.unblockUI();		
						
		}); //end AjaxStop
			
			var band1=0;
			jQuery("#j1").click(function(){
 				jQuery("#despl1").slideToggle();
 				name = "j1";
 				band1 = cambiarimagen(name,band1);
 				
 			});
			
			function cambiarimagen(name,valor)
			{
				
				if(valor == 0)
 				{
 					document.getElementById('img-'+ name).src="/apps/images/flecha1.png";
 					jQuery("#span-"+ name).css({'font-weight':'bold'});
 					return 1;
 				}
 				else
 				{
 					document.getElementById('img-'+ name).src="/apps/images/flecha.png";
 					jQuery("#span-"+ name).css({'font-weight':'normal'});
 					return 0;
 				}
			}
			
			var band2=0;
			jQuery("#j2").click(function(){
 				jQuery("#despl2").slideToggle();
 				name = "j2";
 				band2 = cambiarimagen(name,band2);
 			});
			
			var band3 =0;
			jQuery("#j3").click(function(){
 				jQuery("#despl3").slideToggle();
 				name = "j3";
 				band3 = cambiarimagen(name,band3);
 			});
			
			
			var band4=0;
			jQuery("#j4").click(function(){
 				jQuery("#despl4").slideToggle();
 				name = "j4";
 				band4 = cambiarimagen(name,band4);
 			});
			
			var band5=0;
			jQuery("#j5").click(function(){
 				jQuery("#despl5").slideToggle();
 				name = "j5";
 				band5 = cambiarimagen(name,band5);
 			});
			
			
			var band =0;
			jQuery("#j6").click(function(){
 				jQuery("#despl6").slideToggle();
 				name = "j6";
 				band = cambiarimagen(name,band);
 			});
			
			var band7=0;
			jQuery("#j7").click(function(){
 				jQuery("#despl7").slideToggle();
 				name = "j7";
 				band7 = cambiarimagen(name,band7);
 			});
			
			var band8=0;
			jQuery("#j8").click(function(){
 				jQuery("#despl8").slideToggle();
 				name = "j8";
 				band8 = cambiarimagen(name,band8);
 			});
			
			var band9=0;
			jQuery("#j9").click(function(){
 				jQuery("#despl9").slideToggle();
 				name = "j9";
 				band9 = cambiarimagen(name,band9);
 			});
			
			var band10=0;
			jQuery("#j10").click(function(){
 				jQuery("#despl10").slideToggle();
 				name = "j10";
 				band10 = cambiarimagen(name,band10);
 			});
			
			var band13=0;
			jQuery("#j13").click(function(){
 				jQuery("#despl13").slideToggle();
 				name = "j13";
 				band10 = cambiarimagen(name,band10);
 			});
			
			var band11=0;
			jQuery("#j11").click(function(){
 				jQuery("#despl11").slideToggle();
 				name = "j11";
 				band11 = cambiarimagen(name,band11);
 			});
			
			var band16=0;
			jQuery("#j16").click(function(){
 				jQuery("#despl16").slideToggle();
 				name = "j16";
 				band16 = cambiarimagen(name,band16);
 			});
			
			var band17=0;
			jQuery("#j17").click(function(){
 				jQuery("#despl17").slideToggle();
 				name = "j17";
 				band17 = cambiarimagen(name,band17);
 			});

		}); //end document ready