<!--
// JavaScript Document

//////////////////////////////////////////
// 20110413 Carlos Mason 
// 20110506 updated
//////////////////////////////////////////

var cardNameFrom = '';
var cardNameTo = '';
var cardEmailFrom = '';
var cardEmailTo = '';
var cardMessage = '';
var cardBackgroundColor = '#CCC';
var cardPicture = '';
var cardTextColor = '#000';
var cardMusic = '';

var miniCardPicture = '';

function viewPic(N) {
	var P = N.parentNode;
	var H = document.body.clientHeight;
	var K = getScrollY() + 100;
	var somePicture = ($(P).children('img').attr('src')).replace('small/', '');
	var T = '<div id="showPicture"><img alt="~" src="' + somePicture + '" /><br /><small>Clic en la imagen para cerrar</small></div>';
	$('#pageBlocker').html(T);
	$('#pageBlocker').css('height', H.toString() + 'px');
	$('#showPicture').css('top', K.toString() + 'px');
	$('#pageBlocker').fadeIn();
}

function viewCard() {
	var H = document.body.clientHeight;
	var K = getScrollY() + 10;
	var T = '';
	T += '<img alt="~" src="';
	T += cardPicture;
	T += '" />';
	T += '<div id="postCardSeal">';
	T += '<img alt="~" src="_images/seal-30.png" />';
	T += '</div>';
	T += '<div id="postCardData">';	
	T += '<p><b>Mensaje de:</b><br />';
	T += cardNameFrom;
	T += '<br />';
	T += cardEmailFrom;
	T += '<br /></p>';
	T += '<p><b>Para:</b><br />';
	T += cardNameTo;
	T += '<br />';
	T += cardEmailTo;
	T += '<br /></p>';
	T += '</div>';
	T += '<div id="postCardMessage">';
	T += cardMessage; //.replace('\r', '<br />');
	T += '</div>';
    $('#postCardContent').html(T);
	$('#postCardHolder').css( {
		'top': K.toString() + 'px',
		'color': cardTextColor,
		'background-color': cardBackgroundColor
	});
	$('#pageBlocker2').css('height', H.toString() + 'px');	
	$('#pageBlocker2').fadeIn();
}

function hidePageBlocker() {
	$('#pageBlocker').hide();
	$('#pageBlocker2').hide();
	$('#cardAd').html('');
}

function nextStep(N) {
  $('.formButtons').attr('disabled', true);
  var F = document.forms.processorForm;
  switch(N) {
  	case 1:
	  $('.steps').hide();
	  $('#step1').show();
	  break;
	case 2:
	  $('.steps').hide();
	  $('#step2').show();
	  F.cardNameFrom.focus();
	  break;
	case 3:
	  $('.steps').hide();
	  $('#step3').show();
	  break;
	case 4:
	  cardNameFrom = F.cardNameFrom.value;
	  cardNameTo = F.cardNameTo.value;
	  cardEmailFrom = F.cardEmailFrom.value;
	  cardEmailTo = F.cardEmailTo.value;
	  cardMessage = F.cardMessage.value.substr(0, 600).replace(/\n/g, '<br />');
	  viewCard();
	  break;
	case 5:
	  $('.steps').hide();
	  F.cardPicture.value = cardPicture;
	  F.cardBackgroundColor.value = cardBackgroundColor;
	  F.cardTextColor.value = cardTextColor;
	  F.cardMusic.value = cardMusic;
	  $('#step5').show();
	  F.submit();
	  break;
	case 6:
	  $('.steps').hide();
	  $('#step6').show();
	  break;
  }
}

function selectPic(N) {
	var P = N.parentNode;
	$('.postCardThumbs').css('border-color', '#CCC');
	$(P).css('border-color', '#F00');
	miniCardPicture = $(P).children('img').attr('src');
	cardPicture = miniCardPicture.replace('small/', '');
	$('#miniPicture').attr('src', miniCardPicture);
	document.forms.processorForm.step1Button.disabled = false;
}

function selectBG(T) {
	$('.bgColorThumbs').css('border-color', '#CCC');
	$(T).css('border-color', '#F00');
	cardBackgroundColor = $(T).css('background-color');
	$('#sampleText').css('background-color', cardBackgroundColor);
}

function selectColor(T) {
	$('.colorThumbs').css('border-color', '#CCC');
	$(T).css('border-color', '#F00');
	cardTextColor = $(T).css('background-color');
	$('#sampleText').css('color', cardTextColor);
}

//////////////////////////////////////////
/////////// general functions ////////////
//////////////////////////////////////////

function testV2CardCode() {
	var D = document.searchForm.cardToken.value;
	var L = D.length;
	if (L == 12) {document.location = 'http://www.tarjetascristianas.com/vistaprevia.asp?clave=' + D;}
	else { document.searchForm.submit(); }
}

function gotoHomePage() {
	document.location = '/v4/';
}

function isEmpty(inputStr) {
	if (null == inputStr || "" == inputStr) {return true;}
	return false;
}


//////////////////////////////////////////
//////// Step 2 data validation //////////
//////////////////////////////////////////

function uncheckSendNow() {
	document.forms.processorForm.sendNow.checked = false;
}

function clearDate() {
	document.forms.processorForm.dateDay.value = '';
	document.forms.processorForm.dateMonth.value = '';
}

function checkStep2Values() {
	var F = true;
	var D = document.forms.processorForm;
	var M = '';
	
	if (!checkemail(D.cardEmailFrom.value)) {
		M += 'Su dirección de correo electrónico es inválida.\n';
		F = false;
	}
	if (!checkemail(D.cardEmailTo.value)) {
		M += 'La dirección de correo electrónico del destinatario es inválida.\n';
		F = false;
	}
	if (D.sendNow.checked == false) {
	  var X = new Date(D.dateYear.value, (D.dateMonth.value - 1), D.dateDay.value);
	  var Z = new Date();
	  if (((X.getMonth() + 1) != D.dateMonth.value) || (X.getDate() != D.dateDay.value)) {
		  M += 'La fecha es inválida.\n';
		  F = false;
	  }
	  if (X < Z) {
  		  M += 'La fecha debe ser en el futuro.\n';
		  F = false;
	  }
	}
	if (F) {nextStep(3)} else {alert(M)}
}

//-->

