// JavaScript Document
var MAX_IMG_PER_PAGE = 8;
var gpageNo = -1;
var ECARD_IMGGAL_MAX_PAGE = 3;
var ECARD_STYLE = "10011001111110011001100111110000";
var nImgIndex = -1;

function doNothing()
{
	return false;
}

function GetObjRef( strObj )
{
	return (document.all ? document.all(strObj) : document.getElementById(strObj));
}
function onBodyLoad()
{
	ecardNextGallery();
}

function isEmptyString( strVal )
{
	var newStr = new String (strVal);
	if ( newStr.length ==	 0 ) 
	{
		alert ('Please enter all the values and try again');
		return true;
	}
	return false;
}

function radImgSelected()
{
	var nLoop;
	
	for ( nLoop = 0; nLoop < MAX_IMG_PER_PAGE; nLoop++ )
	{
		if ( true == radECard[nLoop].checked )
		{
			nImgIndex = (gpageNo * MAX_IMG_PER_PAGE) + nLoop + 1 ;
			break;
		}
	}
}

function ValidateFields()
{
	if ( true == isEmptyString(txtRecipientName.value) ) return false;
	if ( true == isEmptyString(txtRecipientEmail.value) ) return false;
	if ( true == isEmptyString(txtSenderEmail.value) ) return false;
	if ( true == isEmptyString(txtSenderName.value) ) return false;
	if ( true == isEmptyString(txtMessage.value) ) return false;
	
	var strmsg = txtMessage.value;
	if ( strmsg.toString().length > 256 ) { alert ("Message cannot be more than 256 characters"); return false; }
	
	if ((false == CheckEmail(txtRecipientEmail.value)) || (false == CheckEmail(txtSenderEmail.value)))
	{
		alert ( 'Please enter an valid email address' );
		return false;
	}
	if ( nImgIndex <= -1 ) 
	{
		alert ( 'Please select a photo' );
		return false;
	}
	return true;
}

function onECardPreview()
{
	var nCtr, nLoop;
	
	if (false == ValidateFields()) return;
		
	GetObjRef("btnBack").style.display = "";
	GetObjRef("btnPreview").style.display = "none";

	ShowPreview();
}

function ShowPreview ()
{
	var nPreviewDiv;
	
	nPreviewDiv = parseInt(ECARD_STYLE.charAt(nImgIndex-1));
	GetObjRef("divECSelect").style.display = "none";
	
	var imgNew = new Image();
	imgNew.src = "images/img_" + nImgIndex + ".jpg";
	
	if ( 0 == parseInt (nPreviewDiv) )	//vertical div
	{
		GetObjRef("divPreviewVert").style.display = "";
		spnVTo.innerHTML = txtRecipientName.value;
		//spnVToEmail.innerHTML = txtRecipientEmail.value;
		spnVFrom.innerHTML = txtSenderEmail.value;
		spnVFromEmail.innerHTML = txtSenderName.value;
		spnVMsg.innerHTML = txtMessage.value;
		imgVPreview.src = imgNew.src;
	}
	else	//horizontal div
	{
		divPreviewHorz.style.display = "";
		spnHTo.innerHTML = txtRecipientName.value;
		//spnHToEmail.innerHTML = txtRecipientEmail.value;
		spnHFrom.innerHTML = txtSenderName.value;
		spnHFromEmail.innerHTML = txtSenderEmail.value;
		spnHMsg.innerHTML = txtMessage.value;
		imgHPreview.src = imgNew.src;
	}
}

function ecardNextGallery()
{
	var imgN;
	var imgP;
	
	if (gpageNo == ECARD_IMGGAL_MAX_PAGE) return;
	
	gpageNo++;
	
	imgN = new Image ();	
	if ( gpageNo == ECARD_IMGGAL_MAX_PAGE ) {
		imgN.src = "images/next2.gif";
	}
	else {
		imgN.src = "images/next.gif";
	}
	imgNext.src = imgN.src;
	
	if (gpageNo > 0) {
	imgP = new Image();
	imgP.src = "images/back.gif";
	imgPrev.src = imgP.src;
	}

	ecardImageGallery ();	
}

function ecardPrevGallery()
{
	var imgP, imgN;
	
	gpageNo--;
	
	imgP = new Image ();	
	if ( gpageNo <= 0 ) {
		imgP.src = "images/back2.gif";
		gpageNo = 0;
	}
	else {
		imgP.src = "images/back.gif";
	}
	imgPrev.src = imgP.src;

	imgN = new Image();
	imgN.src = "images/next.gif";
	imgNext.src = imgN.src;
	
	ecardImageGallery ();
}


function ecardImageGallery()
{
	for ( nCtr = 1, nLoop = 0; nLoop < MAX_IMG_PER_PAGE; nLoop++, nCtr++ )
	{
		var imgC;
		imgC = new Image ();
		imgC.src = "tn_images/img_" + ((gpageNo * MAX_IMG_PER_PAGE)+nCtr) + ".jpg";
		imgEC[nLoop].src = imgC.src;
		radECard[nLoop].checked = false;
	}
}

function onECardSend()
{
	if (false == ValidateFields()) return false;
	
	frmECard.txtTo.value = txtRecipientName.value;
	frmECard.txtToEmail.value = txtRecipientEmail.value;
	frmECard.txtFrom.value = txtSenderName.value;
	frmECard.txtFromEmail.value = txtSenderEmail.value;
	frmECard.txtMsg.value = txtMessage.value;
	frmECard.txtImgID.value = "" + nImgIndex;
	frmECard.txtFormat.value = "" + parseInt(ECARD_STYLE.charAt(nImgIndex-1));

	return true;
}

function onECardBack()
{
	GetObjRef("divECSelect").style.display = "";
	GetObjRef("divPreviewVert").style.display = "none";
	GetObjRef("divPreviewHorz").style.display = "none";
	
	GetObjRef("btnBack").style.display = "none";
	GetObjRef("btnPreview").style.display = "";
}