var oForm  = null;
var nStep  = 0;
var nModel = 1;
var sFrom  = "";
var nFrase = 1;
var sFrase = "";
var nStepW = 0;

var aFrases = {
	"1": "Con mis mejores deseos",
	"2": "Nos alegra vuestra noticia",
	"3": "Que seais muy felices"
};

$(document).ready(function () {
	oForm = document.forms[0];

	nStepW = $("#step1").width();

	$(".step").each(function (a, b) {
		$(this).css("left", (a-nStep)*nStepW);
	});
	$("a.btnP").click(f_prev);
	$("a.btnN").click(f_next);
	$("#step1 a.btnN").css("display", "none");
	$("a.setModel").click(f_setModel);
	$("a.sendCard").click(f_sendCard);

});

function f_prev() {
	if(nStep>0) nStep--;
	f_refresh();
}

function f_next() {
	if(nStep<4) nStep++;
	f_refresh();
}

function f_refresh() {
	var url, cdc = new Date();
	$(".step").each(function (a, b) {
		$(this).animate({
			left: (a-nStep)*nStepW
		});
	});
	sFrom  = $("#remitente").val();
	nFrase = f_getFrase();
	if(nFrase==0) {
		sFrase = $("#frasetxt").val();
	} else {
		sFrase = aFrases[nFrase];
	}
	url = "modelos/tarjeta-felicitacion-imagen.php?m="+nModel+"&amp;f="+sFrase+"&amp;nc="+cdc.getTime();
	$("#preview").html("<img src='"+url+"' />");
}

function f_setModel(a) {
	nModel = this.href.substr(this.href.indexOf("#")+1,2);
	$("#step1 a.btnN").css("display", "inline");
	f_next();
}

function f_sendCard() {
	var cdc = new Date();
	$("#preview img").animate({ opacity: 0 }, function () {
		$("#preview").append("<img class='loading' src='modeloCommon/images/loading.gif' />");
		jQuery.get("modeloCommon/tarjeta-felicitacion-enviar.php", {
			m:  nModel,
			f:  sFrase,
			s:  sFrom,
			nc: cdc.getTime()
		}, f_sended);
	});
}

function f_sended(a) {
	$("#"+a).css("display", "block");
	f_next();
}

function f_getFrase() {
	for(k in oForm.fraseidx) {
		if(oForm.fraseidx[k].checked)
			return oForm.fraseidx[k].value;
	}
	return 0;
}