/*
<!-- AUTOTAB START //-->

<!-- Original:  Cyanide_7 (leo7278@hotmail.com) -->
<!-- Web Site:  http://members.xoom.com/cyanide_7 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
*/

var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode; 
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}
function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
index++;
return found;
}
function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)index = i;
else i++;
return index;
}
return true;
}

<!-- AUTOTAB END //-->

<!-- ORACIONES START //-->

//by A1 JavaScripts.com http://www.a1javascripts.com, may be used freely
//providing this credit is left intact.
//not to be exhibited in any other archive without permission

var messages = new Array(14);
messages[0] =	'';

messages[1] =	'Angel de mi guarda,\n'+
				'dulce compañía,\n'+
				'no me desampares\n'+
				'ni de noche ni de día, no\n'+
				'no me dejes solo que me perdería.';

messages[2] =	'Angelito de mi guarda\n'+
				'no me desampares ni\n'+
				'de noche ni de dia,\n'+
				'por que soy muy pequeñito,\n'+
				'y me perdería.';

messages[3] =	'Querido Jesús,\n'+
				'en este día tan feliz\n'+
				'de mi comunión, en que vienes\n'+
				'a mi con el Pan de los Angeles,\n'+
				'a hospedarte en mi alma, quiero darte\n'+
				'las gracias y pedirte\n'+
				'que me guardes en\n'+
				'Tu corazón.';

messages[4] =	'Nuestros Destinos.\n'+
				'Fue tu gran sueño que\n'+
				'fueramos el uno para el otro, que nos amáramos\n'+
				'como tú nos has amado. En la nueva familia que hoy\n'+
				'formaremos en tu nombre Señor Jesús, tú serás pues\n'+
				'nuestra fuerza y alegría.\n';

messages[5] =	'Life can be beautiful shared by two...\n'+
				'A world filled with love,\n'+
				'never old always new\n'+
				'Life can be beautiful shared with each other...\n'+
				'two happy people who\n'+
				'love one another!';

messages[6] =	'La Familia es la luz y vida,\n'+
				'es la union indusoluble,\n'+
				'es el apoyo que nos ayuda a triunfar,\n'+
				'es el deseo de ser alegres,\n'+
				'es la fuerza de nuestro amor\n'+
				'y la unión de los que queremos.';

messages[7] =	'Un Sueño Hecho Realidad\n'+
				'El gran día ha llegado\n'+
				'gracias le doy a Dios\n'+
				'por ayudar a mis padres\n'+
				'a realizar esta fiesta\n'+
				'en mi honor\n'+
				'\n'+
				'Por favor amigos míos\n'+
				'ustedes no deben faltar\n'+
				'que en mis sueños de infancia\n'+
				'ustedes también están\n'+
				'y solo teniéndoles cerca\n'+
				'mis sueños se harán realidad';

messages[8] =	'Con la ilusión del ayer,\n'+
				'la firmeza de hoy\n'+
				'y la esperanza del mañana\n'+
				'\n'+
				'doy gracias a Dios\n'+
				'por permitirme haber llegado\n'+
				'a mis quince años.';

messages[9] =	'Por las bendiciones que me ha obsequiado\n'+
				'y porque en el camino de la vida\n'+
				'de su mano me ha llevado.\n'+
				'\n'+
				'También quiero agradecer\n'+
				'a mis padres por mi sueño\n'+
				'haber realizado.';

messages[10] =	'Señor Dios,\n'+
				'creo en ti con todas\n'+
				'las fuerzas de mi ser, y por eso\n'+
				'te ofrezco mi juventud.\n'+
				'Guía mis pasos, mis acciones\n'+
				'y mis pensamientos.\n'+
				'Concédeme la gracia de vivir\n'+
				'tu mandamiento Nuevo,\n'+
				'para amar a mis hermanos por tí.';

messages[11] =	'Señor Dios,\n'+
				'Creo en ti con todas\n'+
				'Las fuerzas de mi ser, y por eso\n'+
				'Te ofrezco mi juventud.\n'+
				'Guía mis pasos, mis acciones\n'+
				'Y mis pensamientos.';

messages[12] =	'Cuando estaba más joven\n'+
				'Le pedí a Dios todas las cosas\n'+
				'Para disfrutar la vida;\n'+
				'Ahora yo veo que él\n'+
				'Me dio la vida para disfrutar\n'+
				'Todas las cosas.';

messages[13] =	'With the dream of yesterday\n'+
				'the reality of today\n'+
				'and the hope of tomorrow\n'+
				'I give thanks to God\n'+
				'for bringing me to\n'+
				'my fifteenth birthday\n'+
				'and for the blessings\n'+
				'and the guidance\n'+
				'He has given me throughout my life.';

messages[14] =	'\n'+
				'\n'+
				'Type a custom prayer here\n'+
				'\n'+
				'Escriba otra oración aquí';


function messageReveal() {
var messageindex = document.ordform.vwattr1_Oraciones.selectedIndex
document.ordform.vwattr1_OracionesDetalle.value = messages[messageindex];
}
function go() {
document.location = document.ordform.vwattr1_Oraciones.options[document.ordform.vwattr1_Oraciones.selectedIndex].value
}

<!-- ORACIONES END //-->


<!-- WRITE TO LAYER START //-->
<!--
/*
This code is from Dynamic Web Coding 
at http://www.dyn-web.com/
Copyright 2001-3 by Sharon Paine 
See Terms of Use at http://www.dyn-web.com/bus/terms.html
Permission granted to use this code 
as long as this entire notice is included.
*/

// resize fix for ns4
var origWidth, origHeight;
if (document.layers) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

/* ********************************************
   **************    Spanish    ***************
   ******************************************** */

var ESLangSel =				'<font color="gray"><strong>Español</strong></font> | <a href="javascript://" onMouseOver="window.status=\'click to write to layer\'; return true" onMouseOut="window.status=\'\'" onClick="showInfoOP(msg1Op)">English</a><br />'+
							'<br />';
var ESBigCaption =			'<strong>Lea Antes de Personalizar su Invitación</strong>:<br />'+
							'* Cuando haga su orden en dos días máximo le llegará la muestra de impresión (Incluye tipo de letra y color) por CORREO ELECTRONICO para su aprobación o cambios<br />'+
							'<br />'+
							'* Cuando apruebe su orden, contamos con  2 semanas máximo para la mano de obra y una semana mas para el envio.<br />'+
							'<br />'+
							'* Su producto tendran el mismo estilo (Papel, Decoración y Listones), sólo cambian la combinacion de color segun por el color que escoja. Puede haber cambios menores en material pero tratamos de que sea el mismo estilo y forma de trabajo de nuestra página y muestras<br />'+
							'<br />'+
							'* Todas las invitaciones llegan a usted en un sobre de celofán transparente con goma para sellar excepto las de pergamino.<br />'+
							'<br />'+
							'<br />'+
							'<strong>Personalize su invitación</strong><br />'+
							'<br />';
var ESOcca =				'1.- Escriba el tipo de evento (Boda, Quinceañera, Bautizo...)'+
							'&nbsp;&nbsp;'+
							'<input style="margin-top:12px; margin-bottom:-2px;" name="vwattr1_Occasion" id="vwattr1_Occasion" type=input value="">'+
							'<br />';
var ESPriColor01 =			'2.- El color principal de su evento.<br />'+
							'&nbsp;&nbsp;1<sup><u>er</u></sup> Color&nbsp;'+
							'<input style="margin-top:12px; margin-bottom:-2px; text-decoration:italic;" name="vwattr1_Colors01" id="vwattr1_Colors01" type=input value="">'+
							'<br />'+
							'&nbsp;&nbsp;2<sup><u>do</u></sup> Color&nbsp;'+
							'<input style="font-style: italic; margin-top:12px; margin-bottom:-2px;" onclick="if (this.value == \'Opcional\') { this.value = \'\'; }" onfocus="if (this.value == \'Opcional\') { this.value = \'\'; }" onsubmit="if (this.value == \'Opcional\') { this.value = \'\'; }" name="vwattr1_Colors02" id="vwattr1_Colors02" type=input value="Opcional">'+
							'<br />'+
							'<br />';
var ESDetalles =			'3.- Escriba Todos los detalles más importantes que serán incluidos en su invitación. <a href="javascript://" onClick="window.open(\'pop-invdeta-es.html\',\'InvEsDet\',\'width=300,height=400,left=700,top=300,screenX=0,screenY=350\')">Detalles</a><br />'+
							'<textarea name="vwattr1_Details" cols="30" rows="7" wrap="virtual" id="vwattr1_Details" style="text-align:left"></textarea>'+
							'<br />'+
							'<br />';
var ESOraciones =			'4.- (Opcional) Escriba alguna oración para incluir en su invitación o seleccione alguna de las nuestras. '+
							'<select name="vwattr1_Oraciones" id="vwattr1_Oraciones" onchange="messageReveal()">'+
							'  <option value="#">-Seleccionar-</option>'+
							'  <option value="BZ1">Bautizo/Comunion:A</option>'+
							'  <option value="BZ2">Bautizo/Comunion:B</option>'+
							'  <option value="BZ3">Bautizo/Comunion:C</option>'+
							'  <option value="BD1">Boda:A</option>'+
							'  <option value="BD2">Boda:B</option>'+
							'  <option value="BD3">Boda:C</option>'+
							'  <option value="Q01">Quinceañera:A</option>'+
							'  <option value="Q02">Quinceañera:B</option>'+
							'  <option value="Q03">Quinceañera:C</option>'+
							'  <option value="Q04">Quinceañera:D</option>'+
							'  <option value="Q05">Quinceañera:E</option>'+
							'  <option value="Q06">Quinceañera:F</option>'+
							'  <option value="Q07">Quinceañera:G</option>'+
							'  <option value="OTHER">Escriba una:</option>'+
							'</select>'+
							'<p>'+
							'  <textarea name="vwattr1_OracionesDetalle" id="vwattr1_OracionesDetalle" rows="7" cols="30" wrap="virtual" style="text-align:center"></textarea>';

/* ********************************************
   **************    English    ***************
   ******************************************** */

var ENLangSel =				'<a href="javascript://" onMouseOver="window.status=\'click to write to layer\'; return true" onMouseOut="window.status=\'\'" onClick="showInfoOP(origMsgOp)">Español</a> | <font color="gray"><strong>English</strong></font><br />'+
							'<br />';
var ENBigCaption =			'<strong>Please read before customizing your invitation.</strong>:<br />'+
							'* Based on the information you provide us, we\'ll email you with the picture of the customized printed portion of your invitation for your approval within 2 days of your order.<br />'+
							'<br />'+
							'* Once your order is approved, it takes up to 2 weeks for production and 1 additional week for shipping.<br />'+
							'<br />'+
							'* Papers, decorations and ribbons will be done the same style you chose with different color variation to suit your color theme.  Minor variations in materials is expected but we\'ll maintain same style and workmanship shown in pictured sample on this page.<br />'+
							'<br />'+
							'* All invitations will be shipped in individual re-sealable flap crystal clear envelopes with the exception of tube invitations.<br />'+
							'<br />'+
							'<br />'+
							'<strong>Begin Customizing Your Invitation</strong><br />'+
							'<br />';
var ENOcca =				'1.- Tell us your special occasion (Wedding, Quinceañera,Baptism...)'+
							'&nbsp;&nbsp;'+
							'<input style="margin-top:12px; margin-bottom:-2px; text-decoration:italic;" name="vwattr1_Occasion" id="vwattr1_Occasion" type=input value="">'+
							'<br />';
var ENPriColor01 =			'2.- Tell us your principal color for the occasion.<br />'+
							'&nbsp;&nbsp;1<sup><u>st</u></sup> Color&nbsp;'+
							'<input style="margin-top:12px; margin-bottom:-2px; text-decoration:italic;" name="vwattr1_Colors01" id="vwattr1_Colors01" type=input value="">'+
							'<br />'+
							'&nbsp;&nbsp;2<sup><u>nd</u></sup> Color&nbsp;'+
							'<input style="font-style: italic; margin-top:12px; margin-bottom:-2px;" onclick="if (this.value == \'Optional\') { this.value = \'\'; }" onfocus="if (this.value == \'Optional\') { this.value = \'\'; }" onsubmit="if (this.value == \'Optional\') { this.value = \'\'; }" name="vwattr1_Colors02" id="vwattr1_Colors02" type=input value="Optional"><br />'+
							'<br />';
var ENDetalles =			'3.- Tell us ALL important details you want to include in your invitation. <a href="javascript://" onClick="window.open(\'pop-invdeta-en.html\',\'InvEsDet\',\'width=300,height=200,left=700,top=300,screenX=0,screenY=350\')">Details</a><br />'+
							'<textarea name="vwattr1_Details" cols="30" rows="7" wrap="virtual" id="vwattr1_Details" style="text-align:left"></textarea>'+
							'<br />'+
							'<br />';
var ENOraciones =			'4.- (Optional) Include  verse of your choice or choose from one of ours. '+
							'<select name="vwattr1_Oraciones" id="vwattr1_Oraciones" onchange="messageReveal()">'+
							'  <option value="#">---Select---</option>'+
							'  <option value="BZ1">Baptism/Communion :A</option>'+
							'  <option value="BZ2">Baptism/Communion :B</option>'+
							'  <option value="BZ3">Baptism/Communion :C</option>'+
							'  <option value="BD1">Wedding:A</option>'+
							'  <option value="BD2">Wedding:B</option>'+
							'  <option value="BD3">Wedding:C</option>'+
							'  <option value="Q01">Quinceanera:A</option>'+
							'  <option value="Q02">Quinceanera:B</option>'+
							'  <option value="Q03">Quinceanera:C</option>'+
							'  <option value="Q04">Quinceanera:D</option>'+
							'  <option value="Q05">Quinceanera:E</option>'+
							'  <option value="Q06">Quinceanera:F</option>'+
							'  <option value="Q07">Quinceanera:G</option>'+
							'  <option value="OTHER">Write Yours:</option>'+
							'</select><p>'+
							'  <textarea name="vwattr1_OracionesDetalle" id="vwattr1_OracionesDetalle" rows="7" cols="30" wrap="virtual" style="text-align:center"></textarea><br><br>';

// Variables for layer content
var origMsgOp = ESLangSel + ESBigCaption + ESOcca + ESPriColor01 + ESDetalles + ESOraciones;

//  You can put an empty string in the call to showInfoOP onmouseout 
//	if you don't want a default onmouseout message. See link 2 
var dfltMsgOp = "";
var msg1Op = ENLangSel + ENBigCaption + ENOcca + ENPriColor01 +  ENDetalles + ENOraciones;


var infoLyrOp;
function initinfoLyrOp() {
	// call constructor to create write layer
	// arguments: id, width, height
	// be sure to set height large enough or ns4 will clip it off
	if (!document.all) 
	infoLyrOp = new writeObj('opDiv',565,690);
	else // more height for IE
	infoLyrOp = new writeObj('opDiv',565,645);
	showInfoOP(origMsgOp);	
}

function showInfoOP(txtOp) {
	if (!infoLyrOp) return;
	var cntntOP = '<div class="info">'+txtOp+'</div>';
	infoLyrOp.writeLyr(cntntOP);
}

window.onload=initinfoLyrOp;
//-->

<!-- WRITE TO LAYER END //-->