var $popback=null;
var $popwrapper=null;
var isFaster=false;
var footerTimer=null;
var domiciliosTabOpen=false;
$(document).ready(function() {
	//verificacion del tab
	var hash = location.hash;
	
	if(hash && hash.constructor === String){
		hash = hash.replace('#', '');
		
		if(hash == 'domicilios'){
			openDTab();
		}
	}
	
	$("#social a.twitter").hover(
			function(){
				$("#twitter-bubble").stop().stop();
				$("#twitter-bubble").css("top","148px").css('display', 'block').css('opacity', '0');
				$("#twitter-bubble").animate({'top':'118px','opacity' : '1'});
			},
			function(){
				$("#twitter-bubble").animate({'top':'88px','opacity' : '0'},"slow", function(){$("#twitter-bubble").css("display","none")});
			}
		);
	$("#twitter-bubble").hover(
			function(){
				$("#twitter-bubble").stop().stop();
				$("#twitter-bubble").animate({'top':'118px','opacity' : '1'});
			},
			function(){
				$("#twitter-bubble").animate({'top':'88px','opacity' : '0'},"slow", function(){$("#twitter-bubble").css("display","none")});
			}
		);
	$("#footer .pwrapper").hover(
			function(){
				isFaster=true;
				clearTimeout(footerTimer);
				animateFooter(false);
			},
			function(){
				isFaster=false;
				clearTimeout(footerTimer);
				animateFooter(true);
			}
			);
	animateFooter();
	
	Cufon.set('fontFamily', 'BookmanOldStyle');
	Cufon.replace("h1 span.txt",{fontWeight:"bold", lineHeight:"34px"});
	Cufon.replace("h2",{fontWeight:"bold"});
	Cufon.replace("h3",{fontWeight:"bold"});
	Cufon.replace("h4",{fontWeight:"bold"});
	Cufon.replace("#menu",{fontWeight:"bold"});
	//alert($(window).width());
	$(window).resize(function(){
		$("#domicilios-wrapper").css("width",($(window).width()-42)+"px");
		$("#domicilios-wrapper .content").height(0);
		$("#domicilios-wrapper .content").height(950);
		if(parseInt($("#domicilios-wrapper").css("right").replace("px",""))>100) {

			$("#domicilios-wrapper").css("right",$(window).width());
		}else {
			$("#domicilios-wrapper").css("right",42);
		}
	});
	$("#domicilios-wrapper").css("right",($(window).width())+"px");
	$("#domicilios-wrapper").css("width",($(window).width()-42)+"px");
	//$("#domicilios-wrapper").css("height",($(document).height()+14)+"px");
	$("#domicilios-wrapper").css("display","block");
	$("#domicilios-wrapper img").css("display","none");
	$("#domicilios").click(function(){openDTab('domicilios');});
	$("#takeout").click(function(){openDTab('takeout');});
	$("#menu .domicilios").click(function(){openDTab('domicilios'); return false;});
	
	//FIXME Este codigo no va
//	$("#domicilios-wrapper").css('right',42);
//	$("#domicilios a").toggleClass("open");
//	$("#domicilios-wrapper .content").height(0);
//	$("#domicilios-wrapper .content").height($(document).height());
//	$("#monoku").css("display","none");
//	$("#domicilios-wrapper img").css("display","block");
//	domiciliosTabOpen=!domiciliosTabOpen;
	
	$('#form-registration').submit(function(){
		var nombres =  $(this).find('#id_nombres');
		var parts = [];
			
		if( nombres.length ){
			parts = nombres.val().split(' ');
			
			if( parts.length < 2 ){	
				$(nombres).parents('.field_continer').next().html('<ul class="errorlist"><li>El nombre parece estar incompleto.</li></ul>');
				return false;
			}
		}
	});
	
});


function popMeUp(e){
	$popback=$("<div id='popup-back'>&nbsp;</div>").css("opacity","0");
	$popback.css("height","1200px");
	$popwrapper=$(
			"<div id='popup-wrapper'>"+
				"<div class='popup-top unitPng'></div>"+
				"<div class='popup-continer unitPng'>"+
				"</div>"+
				"<div class='popup-bottom unitPng'></div>"+
			"</div>"
			);
	$closebtn=$("<a class='popup-close'></a>").click(function(){closePopup()});//TODO
	$popwrapper.append($closebtn);
	$(e).addClass("popup-children");
	$popwrapper.children(".popup-continer").append($(e));
	$("body").append($popback);
	$("body").append($popwrapper);
	$popback.fadeIn("slow");
	$popwrapper.fadeIn("slow");
	$("html,body").animate({scrollTop:0});
}
function closePopup(){
	$popback.fadeOut("slow");
	$popwrapper.fadeOut("slow",function(){	
		$popback.remove();
		$popwrapper.remove();
	});
}

function validateUrl(s) {
	var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
	return regexp.test(s);
}
function checkEmail(s) {
	var regexp = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
	return regexp.test(s);
}

function animateFooter(skip){
	var time=isFaster?100:600;
	var $footerps=$("#footer p");
	if($footerps.length>1&&!skip){
		$footeractive=$("#footer p.active");
		if($footeractive.length>0){
			$footeractiven=$footeractive.next().length==0?$("#footer p:first"):$footeractive.next();
			$footeractive.removeClass("active").animate({top:"-20px",opacity:0}, time, function(){$(this).css("display","none")});
			$footeractiven.addClass("active").css("top","55px").css("display","block").animate({top:"20px",opacity:1},time);
		}
		else{
			$footeractive=$("#footer p:first").addClass("active").css("display","block");
		}
	}
	if(!isFaster){
		footerTimer=setTimeout("animateFooter(false)", 10000);
	}
	else{
		footerTimer=setTimeout("animateFooter(false)", time);
	}
}
function contactesipote() {
 	var $myForm = $("<form id='sipotecontacto'><h4>Contacto</h4><p>Sabemos que sus ideas y sugerencias  siempre serán buenas, por eso tenemos un gran interés en conocerlas:</p><div>Ingrese nombre, email y comentario.</div></form>");
 	$myForm.append($("<button class='submit'>enviar</button>").click(function(){
 		$myForm.submit(); 
 	}));
 	var $nombre=$(
 			"<label>"+
 				"<span>Nombre</span>"+
 				"<input type='text' name='nombre'></input>"+
 			"</label>"
 			);
 	var $email=$(
 	 		"<label>"+
 	 			"<span>E-mail</span>"+
 	 			"<input type='text' name='email'></input>"+
 	 		"</label>"
 	 		);
 	var $comentario=$(
 	 		"<label>"+
 	 			"<span>Comentario</span>"+
 	 			"<textarea name='comentario'></textarea>"+
 	 		"</label>"
 	 		);
	 $myForm.append($nombre);
	 $myForm.append($email);
	 $myForm.append($comentario);
	 popMeUp($myForm);
	 /***Form Definition and Validation***/
	 var options = { 
		url:			'/contacto/',
 		type: 			'POST',
 		beforeSubmit: 	function(){
							if($("#sipotecontacto input:first").val().length<4){
								$("#sipotecontacto div").slideDown();
								$("#sipotecontacto input:first").select();
								return false;
							}
							if(!checkEmail($("#sipotecontacto input:last").val())){
								$("#sipotecontacto div").slideDown();
								$("#sipotecontacto input:last").select();
								return false;
							}
							if($("#sipotecontacto textarea").val().length<4){
								$("#sipotecontacto div").slideDown();
								$("#sipotecontacto textarea").select();
								return false;
							}
							$("#sipotecontacto div").html("enviando..");
							$("#sipotecontacto div").slideDown();
							return true;
						},
		clearForm:		true,
 		success: 		function(responseText, statusText){
							if(statusText!=200){
		 						$('#sipotecontacto div').html("No se pudo enviar el mensaje, por favor intente m&aacute;s tarde.");
								$("#sipotecontacto div").slideDown();
							}
							else{
								$('#sipotecontacto div').html("Se ha enviado el mapa con &eacute;xito!");
								$("#sipotecontacto div").slideDown();
								$myForm.slideUp();
								setTimeout('closePopup();',1500);
							}
	 						
	 					},
 		iframe:			true
	 };
	 $myForm.ajaxForm(options);
	 Cufon.replace("h4",{fontWeight:"bold"});
}


function openDTab(suffix){
	//Dejo las pestañas como desseleccionadas
	$("#domicilios a,#takeout a").removeClass("open");
	if(!domiciliosTabOpen){
		window.modoPedido=suffix;
		$("#domicilios-wrapper").animate({right:""+42});
		$("#domicilios-wrapper .content").height(0);
		$("#domicilios-wrapper .content").height(950);
		$("#monoku").css("display","none");
		$("#domicilios-wrapper img").css("display","block");			
		$("#"+suffix+" a").addClass("open");
		try{
			$("#iframe_domicilios").contents()[0].window.setModoPedido(suffix);
		}catch (e) {
		}
		domiciliosTabOpen=!domiciliosTabOpen;
	}else{
		//Si esta abierto y eligió otra pestaña
		if(window.modoPedido!=suffix){
			$("#domicilios-wrapper").animate({right:""+$(window).width()});
			$("#domicilios-wrapper").animate({right:""+42});
			$("#"+suffix+" a").addClass("open");
			window.modoPedido=suffix;
			try{
				$("#iframe_domicilios").contents()[0].window.setModoPedido(suffix);
			}catch (e) {
			}
		}else{
			//si no, lo cierra
			$("#domicilios-wrapper").animate({right:""+$(window).width()});
			$("#monoku").css("display","block");
			$("#domicilios-wrapper img").css("display","none");
			$("#domicilios a,#takeout a").removeClass("open");
			domiciliosTabOpen=!domiciliosTabOpen;
		}
	}
	
	return false;
}