// JavaScript Document
function sfHoverEvents(sfEls) {
  var len = sfEls.length;
  for (var i=0; i<len; i++) {
    sfEls[i].onmouseover=function() {
      this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
      this.className=this.className.replace(" sfhover", "");
    }
  }
}

function sfHover() {
var ULs = document.getElementsByTagName("UL");
var len = ULs.length;
  for(var i=0;i<len;i++) {
    if(ULs[i].className.indexOf("sf-menu") != -1)
      sfHoverEvents(ULs[i].getElementsByTagName("LI"));
  }
}

$(document).ready(function() {

	$('.adv_checkbox').click(function () {
		if ($(this).is(':checked')) {
			$('#adv_search').fadeIn(500);
		} else {
			$('#adv_search').fadeOut(500);
		}
	});	
	
	$('#listing_country').live('change',function() {
		var selectEl = '<select name="listing_state" size="1" style="width:300px" class="textbox">'+'<option value="">Seleccionar</option></select>';
		$('#stateID').html(selectEl);
	
		var selectE2 = '<select name="listing_city" size="1" style="width:300px" class="textbox">'+'<option value="">Seleccionar</option></select>';
		$('#areaID').html(selectE2);

		var selectE3 = '<select name="listing_colonia" size="1" style="width:300px" class="textbox">'+'<option value="">Seleccionar</option></select>';
		$('#coloniaID').html(selectE3);
	
		if ($(this).val() != '') {
			$('#stateID').html('<img src="images/ajax-loader.gif" width="16" height="16"/>');
			$.post('ajax/getAjaxState.php', { country_id : $(this).val()}, function(data) {
				if (data) {
					var selectEl = '<select name="listing_state" id="listing_state" size="1" style="width:300px" class="textbox" >'+'<option value="">Seleccionar</option>';
					selectEl += data;
					selectEl += '</select>';
					$('#stateID').html(selectEl);							
					
					var selectE2 = '<select name="listing_city" id="listing_city" size="1" style="width:300px" class="textbox">'+'<option value="">Seleccionar</option></select>';
					$('#areaID').html(selectE2);
				} else {
					var selectEl = '<select name="listing_state" id="listing_state" size="1" style="width:300px" class="textbox">'+'<option value="">No se encontro estado</option></select>';
					$('#stateID').html(selectEl);
				
					var selectE2 = '<select name="listing_city" size="1" style="width:300px" class="textbox">'+'<option value="">Seleccionar</option></select>';
					$('#areaID').html(selectE2);
	
					var selectE3 = '<select name="listing_colonia" size="1" style="width:300px" class="textbox">'+'<option value="">Seleccionar</option></select>';
					$('#coloniaID').html(selectE3);
				}
			});
		}
	});
	
	$('#listing_state').live('change',function() {
		var selectEl = '<select name="listing_city" size="1" style="width:300px" class="textbox"><option value="">Seleccionar</option></select>';
		$('#areaID').html(selectEl);
		
		var selectE2 = '<select name="listing_colonia" size="1" style="width:300px" class="textbox"><option value="">Seleccionar</option></select>';
		$('#coloniaID').html(selectE2);
	
		if ($(this).val() != '') {
			$('#areaID').html('<img src="images/ajax-loader.gif" width="16" height="16"/>');
			$.post('ajax/getAjaxArea.php', { state_id : $(this).val()}, function(data) {
				if (data) {
					var selectEl = '<select name="listing_city" id="listing_city" size="1" style="width:300px" class="textbox" >'+'<option value="">Seleccionar</option>';
					selectEl += data;
					selectEl += '</select>';
					$('#areaID').html(selectEl);
				} else {
					var selectEl = '<select name="listing_city" id="listing_city" size="1" style="width:300px" class="textbox"><option value="">No se encontro ciudad</option></select>';
					$('#areaID').html(selectEl);
					
					var selectE2 = '<select name="listing_colonia" size="1" style="width:300px" class="textbox"><option value="">Seleccionar</option></select>';
					$('#coloniaID').html(selectE2);
				}
			});
		}
	});
	
	$('#listing_city').live('change',function() {
		var selectEl = '<select name="listing_colonia" size="1" style="width:300px" class="textbox"><option value="">Seleccionar</option></select>';
		$('#coloniaID').html(selectEl);
	
		if ($(this).val() != '') {
			$('#coloniaID').html('<img src="images/ajax-loader.gif" width="16" height="16"/>');
			$.post('ajax/getAjaxColonia.php', { city_id : $(this).val()}, function(data) {
				if (data) {
					var selectEl = '<select name="listing_colonia" id="listing_colonia" size="1" style="width:300px" class="textbox"><option value="">Seleccionar</option>';
					selectEl += data;
					selectEl += '</select>';
					$('#coloniaID').html(selectEl);
				} else {
					var selectEl = '<select name="listing_colonia" id="listing_colonia" size="1" style="width:300px" class="textbox"><option value="">No se encontro colonia</option></select>';
					$('#coloniaID').html(selectEl);
				}
			});
		}
	});
	
	$("#searchbox").keyup(function() {
		var searchbox = $(this).val();
		var dataString = 'searchword='+ searchbox;
		if(searchbox=='') { 
			$("#display").hide(); 
		} else {
			$.ajax({
				type: "POST",
				url: "search.php",
				data: dataString,
				cache: false,
				success: function(html) {
					$("#display").html(html).show();
				}
			});
		} 
		return false;    
	});

	$("#searchbox").Watermark("Search");

});