$(function() {

	$.ajaxSetup({
		ifModified: true
	});
	
	$('.error').hide();
	
	$("form input").css("opacity", 0.4);
	$("form textarea").css("opacity", 0.4);
	$(".addthis_toolbox").css("opacity", 0.4);
	
	$('input.text-input').css({backgroundColor:"#FFFFFF"});
	$('input.text-input').focus(function(){
    	$(this).css({backgroundColor:"#FFDDAA"});
	});
	$('input.text-input').blur(function(){
	    $(this).css({backgroundColor:"#FFFFFF"});
	});
	
	var overlay = $("<div id='modal-overlay'></div>");
  
   $("input#email").select().focus();
   
   $(".bcontactar").click(function() {
							
	    $(this).val(" espere por favor ");
		$(this).addClass("enviando");
		$(this).attr("disabled","disabled");
		var able = $(this);
		mostrarover();
		
		var email = $("#fcontactar input#email").val();
		var asunto = $("#fcontactar input#asunto").val();
		var mensaje = $("#fcontactar textarea#mensaje").val();
		
		var dataString = 'email='+ email + '&asunto=' + asunto + '&mensaje=' + mensaje;
		
		var accion = $('#fcontactar').attr('title');
		
		enviar(accion,dataString,able);
		
		return false;
	});
   
   function mostrarover() {
					
					if (typeof document.body.style.maxHeight === "undefined") { //if IE 6
						$("body","html").css({height: "100%", width: "100%"});
					}
					
					//Append the overlay to the document body
					//$("body").append(overlay.click(function() { modalHide(); }));
					$("body").append(overlay);
//					$("body").append(modalCerrar.click(function() { modalClick(tipo); }));
					//Add a loader to our page
					//$("#modal-load").remove();
					$("body").append("<div id='modal-load'><img src='media/imagenes/cargando.gif' /><br />por favor espere</div>");
					
					//Set the css and fade in our overlay
					overlay.css("opacity", 0.8);
					overlay.fadeIn();
					
					//Prevent the anchor link from loading
					//e.preventDefault();
					
					//Activate a listener 
//					$(document).keydown(handleEscape);
					
//					modalMensaje.append(modalCerrar);
//					modalWindow.append(modalMensaje);
//					$(this).addClass("modal-image");
//					$("body").append(modalWindow);
//					modalWindow.fadeIn(600);
					
				};
   

	function enviar(accion,dataString,able) {
		
//			alert (accion + dataString);return false;

			var modalWindow = $("<div id='modal-window'></div>");
			var modalMensaje = $("<div id='message'></div>");
			var modalCerrar = $("<div id='modal-cerrar'></div>");

			function modalHide() {
				$(document).unbind("keydown", handleEscape);
				var remove = function() { $(this).remove(); };
				overlay.fadeOut(remove);
				modalWindow
					.fadeOut(remove)
					.empty();
				able.removeAttr("disabled");
				able.val(" enviar ");
				able.removeClass("enviando");
			}
			
			function handleEscape(e) {
				if (e.keyCode == 27) {
					modalHide();
				}
			}
			
			function modalClick(tipo) {
				if (tipo == 1) {
					$(window.location).attr('href', 'http://flaviocapasso.com/');
		  	    } else if (tipo == 2) {
				  	modalHide();
				} else if (tipo == 3) {
					$(window.location).attr('href', 'http://flaviocapasso.com/');
				}
			}

			
			function mostrar(tipo) {
					
//					if (typeof document.body.style.maxHeight === "undefined") { //if IE 6
//						$("body","html").css({height: "100%", width: "100%"});
//					}
					
					//Append the overlay to the document body
					//$("body").append(overlay.click(function() { modalHide(); }));
//					$("body").append(overlay);
					$("body").append(modalCerrar.click(function() { modalClick(tipo); }));
					//Add a loader to our page
					$("#modal-load").remove();
					//$("body").append("<div id='modal-load'></div>");
					
					//Set the css and fade in our overlay
//					overlay.css("opacity", 0.8);
//					overlay.show();
					
					//Prevent the anchor link from loading
					//e.preventDefault();
					
					//Activate a listener 
//					$(document).keydown(handleEscape);
					
					modalMensaje.append(modalCerrar);
					modalWindow.append(modalMensaje);
//					$(this).addClass("modal-image");
					$("body").append(modalWindow);
					modalWindow.fadeIn(600);
					
				};

		
		$.ajax({
//		  async: false,
//		  cache: false,
//		  global: false,
		  dataType: "xml",
	      type: "POST",
	      url: accion,
	      data: dataString,
	      success: function(response) {
			  
			  var mtipo = response.getElementsByTagName("tipo");
			  for (var tp=0;tp<mtipo.length;tp++)
			  {
			   	if (mtipo[tp].childNodes[0].nodeValue == 1) {
					var titcolor = "093";
					var tipom = mtipo[tp].childNodes[0].nodeValue;
		  	    } else if (mtipo[tp].childNodes[0].nodeValue == 2) {
				  	var titcolor = "C00";
					var tipom = mtipo[tp].childNodes[0].nodeValue;
				}
			  }
			  
			  var ti = response.getElementsByTagName("titulo");
			  for (var i=0;i<ti.length;i++)
			  { 
				  	titulo = ti[i].childNodes[0].nodeValue;
	 				modalMensaje.append("<h2 style=\"color:#"+ titcolor +"\">"+ titulo +"</h2><br />");
			  }
			  
			  var x = response.getElementsByTagName("valor");
			  for (var i=0;i<x.length;i++)
			  { 
				  	error = x[i].childNodes[0].nodeValue;
	 				modalMensaje.append("<p>* "+ error +"</p>");
			  }
			  
			  var pi = response.getElementsByTagName("pie");
			  for (var i=0;i<pi.length;i++)
			  { 
				  	pie = pi[i].childNodes[0].nodeValue;
	 				modalMensaje.append("<h3>"+ pie + "<br /></h3>");
			  }
//			  modalCerrar.append("<img src='http://www.premonicionesastrales.com/media/imagenes/cerrar.png' width='110' height='35' alt='cerra ventana' id='cerrar' />");
				modalCerrar.append("<div title=' cerrar esta ventana ' id='cerrar'>cerrar</div>");
			  //$("body").append(modalEnlace);
			 mostrar(tipom);
	      },
		  
		  
		  error: function(xhr) {
			  
			  modalMensaje.append("<p>Error "+ xhr.status +"</p><p>"+ xhr.thrown +"</p><p>No se obtuvo respuesta del servidor.</p><p>El formulario no ha sido enviado.</p>");
//			  modalCerrar.append("<img src='http://www.premonicionesastrales.com/media/imagenes/cerrar.png' width='110' height='35' alt='cerra ventana' id='cerrar' />");
//				modalCerrar.append("<div title=' cerrar ' id='cerrar' style='width:110px; height:25px; background-color:#336; color:#FFF; font-weight:bold; text-align:center; padding-top:5px; margin-left:250px;'>cerrar</div>");
				modalCerrar.append("<div title=' cerrar esta ventana ' id='cerrar'>cerrar</div>");
			  
			  mostrar(2);
	 	  }
		  
     	});
		
		return false;
	}

});