var newsletterform = '<div id="newsletter" class="modalnewsletter" style="display:block">'+
'<div style="position:absolute; right:18px; top:12px"><a href="#" id="news_close_btn" class="news_close">CERRAR</a></div>'+
'<div id="newsletterInterior">'+
'<h2 class="item1">SUSCRIPCIÓN A NEWSLETTER</h2>'+
'<h4>Recibe nuestra publicación en tu email</h4>'+
'<div class="grecaInteriorC"></div>'+
'<p style="margin-top:15px; margin-left: 9px">Proporciona tus datos:</p>'+
'<form id="formNewsletter" name="formNewsltter" method="post" action="inc/suscribenewsletter.php">'+
'<table width="444" border="0" cellspacing="0" cellpadding="0" class="news1">'+
'<tr><td><label for="correo" class="variante1 cell">Email</label></td>'+
'<td><input id="correo" name="correo" class="input" onKeyDown="if(event.keyCode==13){ submitNewsletterForm(); return false; }" /></td></tr>'+
'<tr>'+
'<td width="130"><label for="name" class="variante1 cell">Nombre (s)</label></td>'+
'<td><input id="name" name="name" class="input" onKeyDown="if(event.keyCode==13){ submitNewsletterForm(); return false; }" /></td>'+
'</tr><tr>'+
'<td><label for="apellidos2" class="variante1 cell">Apellido (s)</label></td>'+
'<td><input id="apellidos" name="apellidos" class="input" onKeyDown="if(event.keyCode==13){ submitNewsletterForm(); return false; }" /></td>'+
'</tr>'+
'</table>'+
'<input name="enviar" type="submit" id="enviar_newsletter" style="cursor:pointer; position:relative; z-index: 1001;" value="" /><p id="alert"></p>'+
'<div class="clear"></div>'+
'<h6>Los datos proporcionados son confidenciales y para uso exclusivo de Casa Palacio en el envío de Newsletter, promociones e información de interés al correo electrónico registrado. </h6>'+
'</form>'+
'</div>'+
'</div>';
var newsletterformobj;
var thanksmessageobj;
var isFormActive = false;

var thanksmessage = '<div id="newsletterConfirm">'+
				'<div style="position:absolute; right:10px; top:10px"><a href="#" id="cerrar_agredecimiento" class="news_close">CERRAR</a></div>'+
				'<div id="newsletterInterior" class="newsletterInteriorRespuesta" style="position:relative;">'+
				'<img src="img/tit_respuesta_newsletter.jpg" height="17" />'+
				'<p>Tus datos han sido enviados.</p>'+
				'<p class="sep">Muy pronto recibirás el Newsletter quincenal de Casa Palacio en tu email<br />'+
				'con novedades, recomendaciones y promociones.</p>'+
				'</div>'+
				'</div>';

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.preLoadImages("img/submit_news_over.gif");


function setupFooterNewsletter()
{}
function isValidEmail(str) {
	if(!str)
		return false;
   return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);

}

function submitNewsletterForm()
{
	// proceso de envío del formulario
	
	// 1. Validación
	var f_name = $('#name');
	var f_apellidos = $('#apellidos');
	var f_correo = $('#correo');
	var f_dia = $('#dia');
	var f_mes = $('#mes');
	var f_ano = $('#ano');
	
	var v_sexo = $('input[name="sexo"]:checked').val();
	//alert(v_sexo);
	if(f_name.val() == '')
	{
		alert('Por favor llena todos los campos');
		//$('#alert').text('POR FAVOR LLENA TODOS LOS CAMPOS');
		f_name.focus();
		return false;
	}
	if(f_correo.val() == '')
	{
		alert('Por favor llena todos los campos');
		//$('#alert').text('POR FAVOR LLENA TODOS LOS CAMPOS');
		f_name.focus();
		return false;
	}
	if(!isValidEmail(f_correo.val()))
	{
		alert('Verifica tu correo electrónico');
		//$('#alert').text('VERIFICA TU CUENTA DE CORREO');
		f_correo.focus();
		return false;
	}
	$('#alert').text('ENVIANDO TU INFORMACIÓN...');
	// 2. Envio
	$.post("inc/suscribenewsletter.php", { name: f_name.val(), apellidos: f_apellidos.val(), 
		correo: f_correo.val(), dia: f_dia.val(), mes: f_mes.val(), ano: f_ano.val(), sexo: v_sexo },
		function(data){
			// respuesta
			newsletterformobj.remove();
			showGreetings();
		});
}
function centerNewsletterWindow()
{
	var newsform  = $('.modalnewsletter');
	var height = $(window).height();
	var width = $(window).width();
	if(height > newsform.height())
	{
		topp =  Math.ceil((height - newsform.height()) / 2);
		leftp = Math.ceil((width - newsform.width()) / 2);
		//alert('w mayor: ' + height + ' - ' + newsform.height());
		//topp = '20';
		newsform.css({'top': topp + 'px' , 'left': leftp + 'px'});
	}else{
		leftp = Math.ceil((width - newsform.width()) / 2);
		newsform.css({'top': '0px' , 'left': leftp + 'px'});
	}
}
function showFooterNewsForm()
{
	// validar primero email
	setTimeout(function(){
		if(!isValidEmail($('#field_footer_suscripcion_newsletter').val()))
		{
			alert('Verifica tu correo electrónico');
			$('#field_footer_suscripcion_newsletter').focus();
			return false;
		}

		newsletterformobj = $(newsletterform);
		$('body').append(newsletterformobj);
		centerNewsletterWindow();
		var newsform  = $('.modalnewsletter');
		$('#correo').val($('#field_footer_suscripcion_newsletter').val());
		isFormActive = true;
		if($('#correo').val() == ''){
			// si no introdujo mail mandar a mail
			$('#correo').focus();
		}else{
			$('#name').focus();
		}
		$('#news_close_btn').click( function(){
			newsform.remove();
			isFormActive = false;
			return false;
		});
		$('#enviar_newsletter').click( function(){
			submitNewsletterForm();
			return false;
		});
	}, 100);
	
}

function showGreetings()
{
	var height = $(window).height();
	var width = $(window).width();
	isFormActive = false;
	thanksmessageobj = $(thanksmessage);
	$('body').append(thanksmessageobj);
	
	if(height > thanksmessageobj.height())
	{
		topp =  Math.ceil((height - thanksmessageobj.height()) / 2);
		leftp = Math.ceil((width - thanksmessageobj.width()) / 2);
		
		thanksmessageobj.css({'top': topp + 'px' , 'left': leftp + 'px'});
	}else{
		leftp = Math.ceil((width - thanksmessageobj.width()) / 2);
		thanksmessageobj.css({'top': '0px' , 'left': leftp + 'px'});
	}
	
	$('#cerrar_agredecimiento').click( function(){
		thanksmessageobj.remove();
		return false;
	});
	$('#field_footer_suscripcion_newsletter').val('');
}

function setupFooterNewsletter2()
{

	var footbtn = $('#btn_footer_suscripcion_newsletter');
	//alert(footbtn);
	//showFooterNewsForm();
	var foot_field = $('#field_footer_suscripcion_newsletter');
	var init_text = 'Tu email';
	foot_field.val(init_text);
	
	foot_field.focus( function(){
		if(foot_field.val() == init_text)
		{
			foot_field.val('');
		}
	});
	foot_field.blur( function(){
		if(foot_field.val() == '')
		{
			foot_field.val(init_text);
		}
	})
	
	$('#formNewsletter').submit( function(){
		showFooterNewsForm();
		//alert('submit');
		return false;
	});
	
	footbtn.hover( function(){
		footbtn.attr('src', 'img/submit_news_over.gif');
	},	function(){
			footbtn.attr('src', 'img/submit_news.gif');
		});
	footbtn.click( function(){
		if(!isFormActive)
			showFooterNewsForm();
		
		// set mail
		
		return false;
	});
}

function enableAutoCenter()
{
	$(window).resize(function() {
		if(isFormActive)
		{
			centerNewsletterWindow();
		}
	});
	//showGreetings();
}

// OBSERVER SUSCRIPTION

o.subscribe(setupFooterNewsletter2);
o.subscribe(enableAutoCenter);