// JavaScript Document
//alert(navigator.appName+" algo"+parseFloat(navigator.appVersion));
jQuery(document).ready ( function() {
  jQuery(document).bind('click', function(e) {
  		var $clicked=$(e.target);
		if($clicked.is('#select')){
			jQuery("#options").css("display","block");
		}
		else{
			if($clicked.is('#contact-click')){
				jQuery("#options-contact").css("display","block");
			}
			else{
				if($clicked.is('#selectCol')){
					jQuery("#options-col").css("display","block");
				}else{
					if ($clicked.is('#selectType')){
						jQuery("#options-type").css("display","block");
					}
					else{
						jQuery("#options").css("display","none");
						jQuery("#options-contact").css("display","none");
						jQuery("#options-col").css("display","none");
						jQuery("#options-type").css("display","none");
					}
				}
			}
		}
    }
  );
  jQuery("#options .option").bind('click', function(e) {
  		var value = jQuery(this).attr("title");
  		var html = jQuery(this).html();
		document.getElementById("modelHidden").value = value;
		document.getElementById("select").innerHTML = html;
		document.getElementById("contact-click").innerHTML = "Zona";
		document.getElementById("selectCol").innerHTML = "Colonia";
		document.getElementById("modelZones").value = 0;
		document.getElementById("modelCol").value = 0;
		
		//Carga las zonas
		xmlhttp=GetXmlHttpObject();
		if (xmlhttp==null)
		  {
		  alert ("Browser does not support HTTP Request");
		  return;
		  }
		var url="http://www.sq2.com.mx/getZones.php";
		url=url+"?id="+value;
		//url=url+"&sid="+Math.random();
		xmlhttp.onreadystatechange=stateChanged;
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
		
		
    }
  );
  jQuery("#options-type .option").bind('click', function(e) {
		//var html = document.getElementById(nombre).innerHTML;
		var html = jQuery(this).html();
		var value = jQuery(this).attr("title");
		document.getElementById("selectType").innerHTML = html;
		document.getElementById("modelType").value = value;
	}
  );
  /*jQuery("#options-contact .option").bind('click', function(e) {
		alert("hola");
  		var value = jQuery(this).attr("title");
  		var html = jQuery(this).html();
		document.getElementById("contact-click").innerHTML = html;
		//alert("asd"+html);
		//document.getElementById("contact-mail").value = value;
		//document.getElementById("contact-click").innerHTML = html;
    }
  );*/
});
function setZone(nombre){
	var html = document.getElementById(nombre).innerHTML;
	var value = document.getElementById(nombre).title;
	document.getElementById("contact-click").innerHTML = '<p style="width:105px; margin:0; padding:0;">'+html+'</p>';
	document.getElementById("selectCol").innerHTML = "Colonia";
	document.getElementById("modelZones").value = value;
	document.getElementById("modelCol").value = 0;
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url="http://www.sq2.com.mx/geCol.php";
	url=url+"?id="+value;
	xmlhttp.onreadystatechange=changeCols;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
	
}
function setCol(nombre){
	var html = document.getElementById(nombre).innerHTML;
	var value = document.getElementById(nombre).title;
	document.getElementById("selectCol").innerHTML = '<p style="width:105px; margin:0; padding:0;">'+html+'</p>';
	document.getElementById("modelCol").value = value;
}
function GetXmlHttpObject(){
	if (window.XMLHttpRequest){
	  // code for IE7+, Firefox, Chrome, Opera, Safari
	  return new XMLHttpRequest();
	}
	if (window.ActiveXObject){
	  // code for IE6, IE5
	  return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
}
function stateChanged(){
	if (xmlhttp.readyState==4){
		document.getElementById("options-contact").innerHTML = xmlhttp.responseText;
	}
}
function changeCols (){
	if (xmlhttp.readyState==4){
		document.getElementById("options-col").innerHTML = xmlhttp.responseText;
	}
}
function checkIt(evt) {
    evt = (evt) ? evt : window.event
    var charCode = (evt.which) ? evt.which : evt.keyCode
	if (charCode != 46)
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        status = "This field accepts numbers only."
        return false
    }
    status = ""
    return true
}