// JavaScript Document
var currentStartIndex=1;
var currentMidIndex=2;
var currentEndIndex=3;

var monthArray = new Array();
monthArray[1]="Jan";
monthArray[2]="Feb";
monthArray[3]="Mar";
monthArray[4]="Apr";
monthArray[5]="May";

monthArray[6]="Jun";
monthArray[7]="Jul";
monthArray[8]="Aug";
monthArray[9]="Sep";
monthArray[10]="Oct";

monthArray[11]="Nov";
monthArray[12]="Dec";

var designClassArray = new Array();
designClassArray[1]="previewClassRight";
designClassArray[2]="previewClass2";
designClassArray[3]="previewClass3";
designClassArray[4]="previewClass4";
designClassArray[5]="previewClass5";

designClassArray[6]="previewClass6";
designClassArray[7]="previewClass7";
designClassArray[8]="previewClass8";
designClassArray[9]="previewClass9";
designClassArray[10]="previewClass10";

designClassArray[11]="previewClass11";
designClassArray[12]="previewClass12";
designClassArray[13]="previewClass13";
designClassArray[14]="previewClass14";
designClassArray[15]="previewClass15";

designClassArray[16]="previewClass16";
designClassArray[17]="previewClass17";
designClassArray[18]="previewClass18";
designClassArray[19]="previewClass19";
designClassArray[20]="previewClass20";

function left(){
	if(currentStartIndex > 1 ) {
		currentStartIndex = currentStartIndex-1;
		currentMidIndex = currentMidIndex-1;
		currentEndIndex = currentEndIndex-1;
		document.getElementById("design1").onclick=function(){changeBackGround('Grassmarker'+currentStartIndex+'.jpg', designClassArray[currentStartIndex])};
		document.getElementById("design2").onclick=function(){changeBackGround('Grassmarker'+currentMidIndex+'.jpg', designClassArray[currentMidIndex])};
		document.getElementById("design3").onclick=function(){changeBackGround('Grassmarker'+currentEndIndex+'.jpg', designClassArray[currentEndIndex])};

		document.getElementById("designImage1").src="thumb/Grassmarker"+currentStartIndex+".jpg";
		document.getElementById("designImage2").src="thumb/Grassmarker"+currentMidIndex+".jpg";
		document.getElementById("designImage3").src="thumb/Grassmarker"+currentEndIndex+".jpg";
	}	
}
function right(){
	if(currentEndIndex<20){
		currentStartIndex = currentStartIndex+1;
		currentMidIndex = currentMidIndex+1;
		currentEndIndex = currentEndIndex+1;
		document.getElementById("design1").onclick=function(){changeBackGround('Grassmarker'+currentStartIndex+'.jpg', designClassArray[currentStartIndex])};
		document.getElementById("design2").onclick=function(){changeBackGround('Grassmarker'+currentMidIndex+'.jpg', designClassArray[currentMidIndex])};
		document.getElementById("design3").onclick=function(){changeBackGround('Grassmarker'+currentEndIndex+'.jpg', designClassArray[currentEndIndex])};
		document.getElementById("designImage1").src="thumb/Grassmarker"+currentStartIndex+".jpg";
		document.getElementById("designImage2").src="thumb/Grassmarker"+currentMidIndex+".jpg";
		document.getElementById("designImage3").src="thumb/Grassmarker"+currentEndIndex+".jpg";
	}
	
}

function toUpperCase(name){
	 return name.toUpperCase();
}


function changeBackGround(imageName, style) {
	arrExtSplit = imageName.split('.');
	fctnImageName = arrExtSplit[0];
	document.getElementById('imgname').value = fctnImageName;
	//	Change layout
	createPreviewLayout(style);
	changeLayout(fctnImageName);
	var imageUrl = getImageUrl();
/*	fctnMarkerType = 'sb';
	fctnMarkerCol = document.getElementById('markercolor').value;
	if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
	imageUrl  = 'singlemarker/flat/'+fctnMarkerType+'/';
	imageUrl += imageName;
	if(eval(document.getElementById('hidDesMonuType').value) == 2)		imageUrl = 'doublemarker/flat/'+fctnMarkerType+'/'+imageName;
	arrLsrAvail = new Array('Grassmarker1', 'Grassmarker2', 'Grassmarker3', 'Grassmarker4', 'Grassmarker5', 'Grassmarker6', 'Grassmarker8');
	document.getElementById("previewTable").style.backgroundImage="url('images/"+imageUrl+"')";
*/	
	document.getElementById("previewTable").style.backgroundImage="url('"+gHost+"images/"+imageUrl+"')";
	document.getElementById('stylename').value = style;		
	document.getElementById('spanMonLayout').innerHTML = fctnImageName.toUpperCase();
	fixPng('divPreview');
	activateDragAll();
}

function getImageUrl() {
	var fctnCate = document.getElementById('hidDesMonuCate').value;
	imageName = document.getElementById('imgname').value;
	imageUrl  = 'singlemarker/';
	if(eval(document.getElementById('hidDesMonuType').value) == 2)	imageUrl  = 'doublemarker/';	
	switch(fctnCate.toUpperCase()) {
		case 'FLAT':
		case 'BEVEL':
			fctnMarkerType = 'sb';
			fctnMarkerCol = document.getElementById('markercolor').value;
			if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
			imageUrl  += 'flat/'+fctnMarkerType+'/' + imageName + '.png';
			break;
		case 'SLANT':
			fctnMarkerType = 'sb';
			fctnMarkerCol = document.getElementById('markercolor').value;
			if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
			imageUrl  += 'slant/'+fctnMarkerType+'/'+ imageName + '.png';
			break;
		case 'UPRIGHT':
			fctnMarkerType = 'sb';
			fctnMarkerCol = document.getElementById('markercolor').value;
			if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
			imageUrl  += 'upright/'+fctnMarkerType+'/'+ imageName + '.png';
			break;
		case 'BRONZE':
			imageUrl  += 'bronze/'+ imageName + '.png';
			break;
		case 'PET':
			fctnMarkerType = 'sb';
			fctnMarkerCol = document.getElementById('markercolor').value;
			if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
			imageUrl  += 'pet/'+fctnMarkerType+'/'+ imageName + '.png';
			break;
	}
	return imageUrl;
}

function changeLayout(argImageName, argMonPos) {
	var fctnCate = document.getElementById('hidMonuCate').value;
	switch(fctnCate.toUpperCase()) {
		case 'FLAT':
		case 'BEVEL':
			changeFlatLayout(argImageName, argMonPos);
			break;
		case 'SLANT':
			changeSlantLayout(argImageName, argMonPos);
			break;
		case 'UPRIGHT':
			changeUprightLayout(argImageName, argMonPos);
			break;
		case 'BRONZE':
			changeBronzeLayout();
			break;
		case 'PET':
			changePetLayout(argImageName, argMonPos);
			break;
			
	}
}

function changeFlatLayout(argImageName, argMonPos) {
	fctnHidDob = 'hiddob';
	fctnHidDod = 'hiddod';
	fctnTdDob = 'td_dob';
	fctnTdDod = 'td_dod';
	fctnDobID = 'dobId';
	fctnDodID = 'dodId'
/*	if(argMonPos == 'right') {
		fctnHidDob = 'hidDOBRht';
		fctnHidDod = 'hidDODRht';
		fctnTdDob = 'td_dob_rht';
		fctnTdDod = 'td_dod_rht';
		fctnDobID = 'dobId_rht';
	}
*/	fctnDOB = document.getElementById(fctnHidDob).value;
	fctnDOD = document.getElementById(fctnHidDod).value;	
	//document.getElementById(fctnTdDob).innerHTML = fctnDOB;
	//document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	arrImageNames = new Array('Grassmarker2', 'Grassmarker6', 'Grassmarker11', 'Grassmarker17', 'Grassmarker19');
	if(in_array(argImageName, arrImageNames)) {	
		fctnDOB = document.getElementById(fctnHidDob).value;
		fctnDOD = document.getElementById(fctnHidDod).value;	
		if(argImageName == 'Grassmarker11' || argImageName == 'Grassmarker17' || argImageName == 'Grassmarker19') {
			arrDOB = fctnDOB.split('/');
			arrDOD = fctnDOD.split('/');
			fctnDOB = arrDOB[2];
			fctnDOD = arrDOD[2];				
		} else {
			fctnDOB = dateDisplay(fctnDOB);
			fctnDOD = dateDisplay(fctnDOD);	
		}
		fctnDate = fctnDOB ;
		if(fctnDOD != '') fctnDate += '&nbsp;-&nbsp;'+ fctnDOD;
		document.getElementById(fctnTdDob).innerHTML = fctnDate;
		document.getElementById(fctnDodID).style.display = 'none';
	} else {
		document.getElementById(fctnDodID).style.display = 'block';
		fctnDOB = document.getElementById(fctnHidDob).value;
		fctnDOD = document.getElementById(fctnHidDod).value;	
		document.getElementById(fctnTdDob).innerHTML = dateDisplay(fctnDOB);
		document.getElementById(fctnTdDod).innerHTML = dateDisplay(fctnDOD);
		
	}
	fctnMonuType = eval(document.getElementById('hidDesMonuType').value);
	if(fctnMonuType == 2) {
		fctnHidDob = 'hiddobRht';
		fctnHidDod = 'hiddodRht';
		fctnTdDob = 'td_dob_rht';
		fctnTdDod = 'td_dod_rht';
		fctnDobID = 'dobIdRht';
		fctnDodID = 'dodIdRht';
		fctnDOB = document.getElementById(fctnHidDob).value;
		fctnDOD = document.getElementById(fctnHidDod).value;	
		arrImageNames = new Array('Grassmarker2', 'Grassmarker6', 'Grassmarker11', 'Grassmarker17', 'Grassmarker19');
		if(in_array(argImageName, arrImageNames)) {	
			fctnDOB = document.getElementById(fctnHidDob).value;
			fctnDOD = document.getElementById(fctnHidDod).value;	
			if(argImageName == 'Grassmarker11' || argImageName == 'Grassmarker17' || argImageName == 'Grassmarker19') {
				arrDOB = fctnDOB.split('/');
				arrDOD = fctnDOD.split('/');
				fctnDOB = arrDOB[2];
				fctnDOD = arrDOD[2];				
			} else {
				fctnDOB = dateDisplay(fctnDOB);
				fctnDOD = dateDisplay(fctnDOD);	
			}
			fctnDate = fctnDOB ;
			if(fctnDOD != '') fctnDate += '&nbsp;-&nbsp;'+ fctnDOD;
			
			document.getElementById(fctnTdDob).innerHTML = fctnDate;
			document.getElementById(fctnDodID).style.display = 'none';
		} else {
			document.getElementById(fctnDodID).style.display = 'block';
			fctnDOB = document.getElementById(fctnHidDob).value;
			fctnDOD = document.getElementById(fctnHidDod).value;	
			document.getElementById(fctnTdDob).innerHTML = dateDisplay(fctnDOB);
			document.getElementById(fctnTdDod).innerHTML = dateDisplay(fctnDOD);
		}
	}
}

function changeSlantLayout(argImageName, argMonPos) {
	fctnHidDob = 'hiddob';
	fctnHidDod = 'hiddod';
	fctnTdDob = 'td_dob';
	fctnTdDod = 'td_dod';
	fctnDobID = 'dobId';
	fctnDOB = document.getElementById(fctnHidDob).value;
	fctnDOD = document.getElementById(fctnHidDod).value;	
	fctnDOB = dateDisplay(fctnDOB);
	fctnDOD = dateDisplay(fctnDOD);			
	document.getElementById(fctnTdDob).innerHTML = fctnDOB;
	document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	fctnMonuType = eval(document.getElementById('hidDesMonuType').value);
	if(fctnMonuType == 2) {
		fctnHidDob = 'hiddobRht';
		fctnHidDod = 'hiddodRht';
		fctnTdDob = 'td_dob_rht';
		fctnTdDod = 'td_dod_rht';
		fctnDobID = 'dobIdRht';
		fctnDOB = document.getElementById(fctnHidDob).value;
		fctnDOD = document.getElementById(fctnHidDod).value;	
		fctnDOB = dateDisplay(fctnDOB);
		fctnDOD = dateDisplay(fctnDOD);			
		document.getElementById(fctnTdDob).innerHTML = fctnDOB;
		document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	}
}

function changeUprightLayout(argImageName, argMonPos) {
	fctnHidDob = 'hiddob';
	fctnHidDod = 'hiddod';
	fctnTdDob = 'td_dob';
	fctnTdDod = 'td_dod';
	fctnDobID = 'dobId';
	fctnDOB = document.getElementById(fctnHidDob).value;
	fctnDOD = document.getElementById(fctnHidDod).value;	
	fctnDOB = dateDisplay(fctnDOB);
	fctnDOD = dateDisplay(fctnDOD);			
	if(argImageName == 'Grassmarker5' && fctnMonuType == 1) {
		arrDOB = fctnDOB.split('&nbsp;');
		fctnDOB = arrDOB[0] + arrDOB[1] +'<br>'+ arrDOB[2];
		arrDOD = fctnDOD.split('&nbsp;');
		fctnDOD = arrDOD[0] + arrDOD[1] +'<br>'+ arrDOD[2];
	}
	document.getElementById(fctnTdDob).innerHTML = fctnDOB;
	document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	fctnMonuType = eval(document.getElementById('hidDesMonuType').value);
	if(fctnMonuType == 2) {
		fctnHidDob = 'hiddobRht';
		fctnHidDod = 'hiddodRht';
		fctnTdDob = 'td_dob_rht';
		fctnTdDod = 'td_dod_rht';
		fctnDobID = 'dobIdRht';
		fctnDOB = document.getElementById(fctnHidDob).value;
		fctnDOD = document.getElementById(fctnHidDod).value;	
		fctnDOB = dateDisplay(fctnDOB);
		fctnDOD = dateDisplay(fctnDOD);			
		document.getElementById(fctnTdDob).innerHTML = fctnDOB;
		document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	}
}

function changeBronzeLayout() {
	fctnHidDob = 'hiddob';
	fctnHidDod = 'hiddod';
	fctnTdDob = 'td_dob';
	fctnTdDod = 'td_dod';
	fctnDobID = 'dobId';
	fctnDOB = document.getElementById(fctnHidDob).value;
	fctnDOD = document.getElementById(fctnHidDod).value;	
	arrDOB = fctnDOB.split('/');
	arrDOD = fctnDOD.split('/');
	fctnDOB = arrDOB[2];
	fctnDOD = arrDOD[2];		
	if(fctnDOB == undefined)	fctnDOB = '';
	if(fctnDOD == undefined)	fctnDOD = '';		
		
	document.getElementById(fctnTdDob).innerHTML = fctnDOB;
	document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	fctnMonuType = eval(document.getElementById('hidDesMonuType').value);
	if(fctnMonuType == 2) {
		fctnHidDob = 'hiddobRht';
		fctnHidDod = 'hiddodRht';
		fctnTdDob = 'td_dob_rht';
		fctnTdDod = 'td_dod_rht';
		fctnDobID = 'dobIdRht';
		fctnDOB = document.getElementById(fctnHidDob).value;
		fctnDOD = document.getElementById(fctnHidDod).value;	
		arrDOB = fctnDOB.split('/');
		arrDOD = fctnDOD.split('/');
		fctnDOB = arrDOB[2];
		fctnDOD = arrDOD[2];			
		if(fctnDOB == undefined)	fctnDOB = '';
		if(fctnDOD == undefined)	fctnDOD = '';		
		document.getElementById(fctnTdDob).innerHTML = fctnDOB;
		document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	}
}

function changePetLayout(argImageName, argMonPos) {
	fctnHidDob = 'hiddob';
	fctnHidDod = 'hiddod';
	fctnTdDob = 'td_dob';
	fctnTdDod = 'td_dod';
	fctnDobID = 'dobId';
	fctnDOB = document.getElementById(fctnHidDob).value;
	fctnDOD = document.getElementById(fctnHidDod).value;	
	fctnDOB = dateDisplay(fctnDOB);
	fctnDOD = dateDisplay(fctnDOD);			
	document.getElementById(fctnTdDob).innerHTML = fctnDOB;
	document.getElementById(fctnTdDod).innerHTML = fctnDOD;
	fctnMonuType = eval(document.getElementById('hidDesMonuType').value);
	if(fctnMonuType == 2) {
	}
}

function toggleMidName(argFrom, argMonPos) {
	fctnMidNameLng = 'midNameLong';
	fctnMidNameLngTr = 'midNameLong_tr';
	fctnSpanMidInit = 'spanMidInit';
	fctnMidNameShrt = 'midNameShrt';
	if(argMonPos == 'right') {
		fctnMidNameShrt = 'midNameShrtRht';
		fctnMidNameLng = 'midNameLongRht';
		fctnMidNameLngTr = 'midNameLong_tr_rht';
		fctnSpanMidInit = 'spanMidInitRht';
	}
	if(argFrom == fctnMidNameShrt) {
		if(document.getElementById(fctnMidNameShrt).value != "") {
			document.getElementById(fctnMidNameLngTr).style.visibility = "hidden";
		}else {
			document.getElementById(fctnMidNameLngTr).style.visibility = "visible";
		}
	} else if(argFrom == fctnMidNameLng) {
		if(document.getElementById(fctnMidNameLng).value != "") {
			document.getElementById(fctnMidNameShrt).style.visibility = "hidden";
			document.getElementById(fctnSpanMidInit).style.visibility = "hidden";
		}else {
			document.getElementById(fctnMidNameShrt).style.visibility = "visible";
			document.getElementById(fctnSpanMidInit).style.visibility = "visible";
	
		}
	}
}

function moveText(argFrom, argTo, argMonPos) {
	if(!document.getElementById(argTo)){
	};
	fctnSub = '';
	fctnFirstName = 'firstName';
	fctnMidNameShrt = 'midNameShrt';
	fctnMidNameLng = 'midNameLong';
	fctnMidNameLngTr = 'midNameLong_tr';
	fctnSpanMidInit = 'spanMidInit';
	fctnDod = 'dod';
	fctnDob = 'dob';
	fctnDobM = 'dob_m';
	fctnDobD = 'dob_d';
	fctnDobY = 'dob_y';
	fctnDodM = 'dod_m';
	fctnDodD = 'dod_d';
	fctnDodY = 'dod_y';
	fctnDobHidFld = 'hiddob';	
	fctnDodHidFld = 'hiddod';	
	if(argMonPos == 'right') {
		fctnFirstName = 'firstNameRht';
		fctnMidNameShrt = 'midNameShrtRht';
		fctnMidNameLng = 'midNameLongRht';
		fctnMidNameLngTr = 'midNameLong_tr_rht';
		fctnSpanMidInit = 'spanMidInitRht';
		fctnDod = 'dodRht';
		fctnDob = 'dobRht';
		fctnDobM = 'dob_m_rht';
		fctnDobD = 'dob_d_rht';
		fctnDobY = 'dob_y_rht';
		fctnDodM = 'dod_m_rht';
		fctnDodD = 'dod_d_rht';
		fctnDodY = 'dod_y_rht';
		fctnDobHidFld = 'hiddobRht';	
		fctnDodHidFld = 'hiddodRht';	
	}
	if(argFrom == fctnMidNameShrt) {
		fctnSub	= '&nbsp;';
	} else if(argFrom == fctnMidNameLng) {
		fctnSub	= '&nbsp;';
	} else if(argFrom == fctnDod) {
		fctnSub	= '&nbsp;-';
	}
	var varDOB = getValueFromField(fctnDobM) + "/" + getValueFromField(fctnDobD) + "/" +getValueFromField(fctnDobY);
	var varDOD = getValueFromField(fctnDodM) + "/" + getValueFromField(fctnDodD) + "/" +getValueFromField(fctnDodY);	
	if(argFrom == fctnFirstName || argFrom == fctnMidNameShrt || argFrom == fctnMidNameLng){
		fctnMNameL = document.getElementById(fctnMidNameLng).value;		
		if(fctnMNameL.length == 1)	fctnMNameL = fctnMNameL + '.';
		if(document.getElementById(argTo))
			document.getElementById(argTo).innerHTML = toUpperCase(document.getElementById(fctnFirstName).value)+ "&nbsp;" + toUpperCase( fctnMNameL);
	}else if(argFrom == fctnDob ){
	//	fctnDate = dateDisplay(varDOB);
		fctnHidFld = fctnDobHidFld;	
		document.getElementById(fctnHidFld).value = varDOB;
		changeLayout(document.getElementById('imgname').value, argMonPos);
	//	document.getElementById(argTo).innerHTML = fctnDate;
	} else if(argFrom == fctnDod ){
	//	fctnDate = dateDisplay(varDOD);
		fctnHidFld = fctnDodHidFld;	 
		document.getElementById(fctnHidFld).value = varDOD;
		changeLayout(document.getElementById('imgname').value, argMonPos);
	//	document.getElementById(argTo).innerHTML = fctnDate;
	//	document.getElementById(argTo+"_black").innerHTML =  fctnDate;
	} else {
		if(document.getElementById(argTo)) {
			document.getElementById(argTo).innerHTML =   toUpperCase(document.getElementById(argFrom).value);
		}
		if(argFrom == 'comVerse') {
			document.getElementById('hidverse').value = document.getElementById(argFrom).value;
			document.getElementById('hidversetype').value  = 'standard';
		} else if(argFrom == 'verse') {
			document.getElementById('hidverse').value = getValueFromField('verse');	
			document.getElementById('hidversetype').value  = 'custom';
		}
	}

 }

function dateDisplay(date) {
	var dateSplit = date.split('/');
	var month = dateSplit[0];
	if(dateSplit[0] == '' || dateSplit[1] == '' || dateSplit[2] == '') {
		return '';
	}
	if(month.charAt(0) == '0' ){
	 month = month.charAt(1);
	}
	if(month != "")	fctnMonth = monthArray[month].toUpperCase();
	else fctnMonth = "";
	if(fctnMonth != 'MAY')	fctnMonth += '.';
	fctnMonth += '&nbsp; ';
	return fctnMonth + dateSplit[1].toUpperCase()  + ',&nbsp;' + dateSplit[2].toUpperCase() ;
}

function hasValue(argFld, argMsg, argFocus) {
	if(document.getElementById(argFld).value == "") {
		alert(argMsg);
		if(argFocus)	document.getElementById(argFld).focus();
		return 0;
	}
	return 1;
}

function goToLayout() {
	fctnMonType = eval(getValueFromField('hidMonuType'));
	if(!hasValue('hidMonuType', 'Pleae select the memorial type', 0)) {
		return;
	}
	if(!hasValue('hidMonuCate', 'Pleae select the memorial category', 0)) {
		return;
	}
	if(document.getElementById('hidEdit') ) {
		updateDesignInfo();
		return;
	}
	document.design_form.action = "design_layout.php";
	document.design_form.submit();
	
}

function validate(){
	isAlertDob = 0;
	fctnMonType = eval(getValueFromField('hidMonuType'));
	if(!hasValue('hidMonuType', 'Pleae select the memorial type', 0)) {
		return 0;
	}
	fctnDOB_m = getValueFromField('dob_m');
	fctnDOB_d = getValueFromField('dob_d');
	fctnDOB_y = getValueFromField('dob_y');


	fctnDOD_m = getValueFromField('dod_m');
	fctnDOD_d = getValueFromField('dod_d');
	fctnDOD_y = getValueFromField('dod_y');
	
	var curtime=new Date();	
	fctnCurD_m = curtime.getMonth() + 1;
	fctnCurD_d = curtime.getDate();	
	fctnCurD_y = curtime.getYear();	
	if(fctnCurD_y < 2000)	fctnCurD_y = fctnCurD_y + 1900;
	if( fctnDOD_y !='' || fctnDOD_m != '' || fctnDOD_d != '') {
	if(!dateValidation(fctnDOB_y, fctnDOB_m, fctnDOB_d, fctnDOD_y, fctnDOD_m, fctnDOD_d, 'Date which you have selected is incorrect.' )) {
		document.getElementById('dod_y').focus();
		return 0;
	}
	}
    if(!dateValidation(fctnDOB_y, fctnDOB_m, fctnDOB_d, fctnCurD_y, fctnCurD_m, fctnCurD_d, "Date of Birth which you have selected is incorrect." ))
    {
		document.getElementById('dob_y').focus();
		return 0;
    }
	if( fctnDOD_y !='' || fctnDOD_m != '' || fctnDOD_d != '') {
	if(!dateValidation(fctnDOD_y, fctnDOD_m, fctnDOD_d, fctnCurD_y, fctnCurD_m, fctnCurD_d, "Date of Death which you have selected is incorrect." )) {
		document.getElementById('dod_y').focus();
		return 0;
	}
	}
	
	if(!hasValue('hidMonuCate', 'Pleae select the memorial category', 0)) {
		return;
	}
	
/*	fctnEmail = getValueFromField('email');
	else if(!hasValue('email', 'Pleae enter your email address to send design layout', 1)) {
		return;
	} else if(!validateEmail(fctnEmail)) {
		alert("Please enter a valid email address");
		document.getElementById('email').focus();		
		return ;
	} */
	var fctnLftLabel = '';
	var fctnVerb = ' is';
	if(eval(fctnMonType) == 2) {
		fctnLftLabel = ' of Left Person';
	}
	
	var fctnErrMsg = '';
	if(gMonCate.toUpperCase() != 'PET') {
		if(document.getElementById('lastName').value == "") {
			fctnErrMsg += 'Last Name';
		}			
	}
	if(document.getElementById('firstName').value == "") {
		if(fctnErrMsg != '') {
			fctnErrMsg += ',';
			fctnVerb = ' are';
		}
		fctnErrMsg += ' First Name'+fctnLftLabel;
	}		
	if(fctnDOB_m == "" || fctnDOB_d == "" || fctnDOB_y == "") {	
		if(fctnErrMsg != '') {
			fctnErrMsg += ',';
			fctnVerb = ' are';
		}
		fctnErrMsg += ' Date of Birth'+fctnLftLabel;
	}
	if(fctnDOD_m == "" || fctnDOD_d == "" || fctnDOD_y == "") {
		if(fctnErrMsg != '') {
			fctnErrMsg += ',';
			fctnVerb = ' are';
		}
		fctnErrMsg += ' Date of Death'+fctnLftLabel;
	}
/*	if(!hasValue('firstName', 'Pleae enter the first name', 1)) {
		return;
	} else if(!hasValue('dob_m', 'Pleae enter the D.O.B', 1)) {
		return;
	} else if(!hasValue('dob_d', 'Pleae enter the D.O.B', 1)) {
		return;
	} else if(!hasValue('dob_y', 'Pleae enter the D.O.B', 1)) {
		return;
	} else if(fctnDOD_m == "" || fctnDOD_d == "" || fctnDOD_y == "") {
		if(!confirm("Date of Death is not entered. Do you want to continue?")) {
			isAlertDob = 1;
			return;
		}
	}
*/	if(eval(fctnMonType) == 2) {
		fctnDOB_m = '';
		fctnDOB_d = '';
		fctnDOB_y = '';
		fctnDOD_m = '';
		fctnDOD_d = '';
		fctnDOD_y = '';
		fctnDOB_m = getValueFromField('dob_m_rht');
		fctnDOB_d = getValueFromField('dob_d_rht');
		fctnDOB_y = getValueFromField('dob_y_rht');
		fctnDOD_m = getValueFromField('dod_m_rht');
		fctnDOD_d = getValueFromField('dod_d_rht');
		fctnDOD_y = getValueFromField('dod_y_rht');
		if( fctnDOD_y !='' || fctnDOD_m != '' || fctnDOD_d != '') {
		if(!dateValidation(fctnDOB_y, fctnDOB_m, fctnDOB_d, fctnDOD_y, fctnDOD_m, fctnDOD_d, 'Date which you have selected is incorrect.' )) {
			document.getElementById('dod_y_rht').focus();
			return 0;
		}
		}
	   if(!dateValidation(fctnDOB_y, fctnDOB_m, fctnDOB_d, fctnCurD_y, fctnCurD_m, fctnCurD_d, "Date of Birth which you have selected is incorrect." ))
	   {
			document.getElementById('dob_y_rht').focus();
			return 0;
		}
	   if( fctnDOD_y !='' || fctnDOD_m != '' || fctnDOD_d != '') {
		   if(!dateValidation(fctnDOD_y, fctnDOD_m, fctnDOD_d, fctnCurD_y, fctnCurD_m, fctnCurD_d, "Date of Death which you have selected is incorrect." )) {
				document.getElementById('dod_y_rht').focus();
				return 0;
			}
	   }
	   if(document.getElementById('firstNameRht').value == "") {
			if(fctnErrMsg != '') {
				fctnErrMsg += ',';
				fctnVerb = ' are';
			}
			fctnErrMsg += ' First Name of Right Person';
		}	
		if(fctnDOB_m == "" || fctnDOB_d == "" || fctnDOB_y == "") {	
			if(fctnErrMsg != '') {
				fctnErrMsg += ',';
				fctnVerb = ' are';
			}
			fctnErrMsg += ' Date of Birth of Right Person' ;
		}
		if(fctnDOD_m == "" || fctnDOD_d == "" || fctnDOD_y == "") {
			if(fctnErrMsg != '') {
				fctnErrMsg += ',';
				fctnVerb = ' are';
			}
			fctnErrMsg += ' Date of Death of Right Person';
		}
/*		
		if(!hasValue('firstNameRht', 'Pleae enter the first name', 1)) {
			return 0;
		} else if(!hasValue('dob_m_rht', 'Pleae enter the D.O.B', 1)) {
			return 0;
		} else if(!hasValue('dob_d_rht', 'Pleae enter the D.O.B', 1)) {
			return 0;
		} else if(!hasValue('dob_y_rht', 'Pleae enter the D.O.B', 1)) {
			return 0;
		} else if((fctnDOD_m == "" || fctnDOD_d == "" || fctnDOD_y == "") && !isAlertDob) {
			if(!confirm("Date of Death is not entered. Do you want to continue?")) {

				return 0;
			}
		}
*/	}
	if(fctnErrMsg != '') {
		if(!confirm(fctnErrMsg + fctnVerb +' not entered. Do you want to continue?')) {
			return 0;


		}
	}
	return 1;
/*	if(document.getElementById('hidEdit') ) {
		updateDesignInfo();
	} else {
		var varDOB = getValueFromField('dob_m') + "/" + getValueFromField('dob_d') + "/" +getValueFromField('dob_y');
		var varDOD = getValueFromField('dod_m') + "/" + getValueFromField('dod_d') + "/" +getValueFromField('dod_y');
		document.getElementById('dob').value = varDOB;
		document.getElementById('dod').value = varDOD;	
		var params = "?monutype="+getValueFromField("hidMonuType")+"&monucate="+getValueFromField("hidMonuCate")+"&email="+getValueFromField("email")+"&phone="+getValueFromField("phone");
		params += "&lastName="+getValueFromField("lastName")+"&firstName="+getValueFromField('firstName')+"&midNameShrt="+getValueFromField('midNameShrt');
			params += "&midNameLong="+getValueFromField('midNameLong')+"&dob="+varDOB+"&dod="+varDOD+"&verse="+getValueFromField('verse');
		if(eval(fctnMonType) == 2) {				 
			var varDOB = getValueFromField('dob_m_rht') + "/" + getValueFromField('dob_d_rht') + "/" +getValueFromField('dob_y_rht');
			var varDOD = getValueFromField('dod_m_rht') + "/" + getValueFromField('dod_d_rht') + "/" +getValueFromField('dod_y_rht');
			document.getElementById('dobRht').value = varDOB;
			document.getElementById('dodRht').value = varDOD;	
			params  += "&firstNameRht="+getValueFromField('firstNameRht')+"&midNameShrtRht="+getValueFromField('midNameShrtRht');				 
			params  += "&midNameLongRht="+getValueFromField('midNameLongRht')+"&dobRht="+varDOB+"&dodRht="+varDOD;
		}
		
		document.design_form.action = "design_layout.php?usremail="+getValueFromField("email");
		document.design_form.submit();
		document.location.replace("design_layout.php"+params);
	}
	document.design_form.submit();
*/	
}

function updateDesignInfo() {
	var varDOB = getValueFromField('dob_m') + "/" + getValueFromField('dob_d') + "/" +getValueFromField('dob_y');
	var varDOD = getValueFromField('dod_m') + "/" + getValueFromField('dod_d') + "/" +getValueFromField('dod_y');
	fctnMonuType = eval(getValueFromField("hidMonuType"));
	fctnMonuCate = getValueFromField("hidMonuCate");	
	fctnAddNotes = getValueFromField('txtAddNotes');	
	if(fctnAddNotes == 'Enter additional information')	fctnAddNotes = '';
	document.getElementById('hidDesMonuType').value = fctnMonuType;
	document.getElementById('hidDesMonuCate').value = fctnMonuCate;	
	document.getElementById('hidemail').value = getValueFromField("email");	
	document.getElementById('hidphone').value = getValueFromField("phone");	
	if(gMonCate.toUpperCase() != 'PET') {	
		document.getElementById('hidlastName').value = getValueFromField("lastName");	
		document.getElementById('hidmidNameLong').value = getValueFromField("midNameLong");	
	}
	document.getElementById('hidfirstName').value = getValueFromField("firstName");	
	document.getElementById('hidmidNameShrt').value = getValueFromField("midNameShrt");	
	document.getElementById('hiddob').value = varDOB;	
	document.getElementById('hiddod').value = varDOD;	
	document.getElementById('hidaddnotes').value =  fctnAddNotes;	
	//document.getElementById('divaddnotes').innerHTML =  fctnAddNotes;	
	if(document.getElementById('verse').disabled == false) {
		document.getElementById('hidverse').value = getValueFromField('verse');	
		document.getElementById('hidversetype').value  = 'custom';
	} else {
		fctnSelIndex = document.getElementById('comVerse').options.selectedIndex;
		document.getElementById('hidverse').value = document.getElementById('comVerse').options[fctnSelIndex].text;	
		document.getElementById('hidversetype').value  = 'standard';
	}
	var params = "?monutype="+getValueFromField("hidMonuType")+"&monucate="+getValueFromField("hidMonuCate")+"&email="+getValueFromField("email")+"&phone="+getValueFromField("phone");
	params += "&lastName="+getValueFromField("lastName")+"&firstName="+getValueFromField('firstName')+"&midNameShrt="+getValueFromField('midNameShrt');
	params += "&midNameLong="+getValueFromField('midNameLong')+"&dob="+varDOB+"&dod="+varDOD+"&verse="+getValueFromField('verse');
	if(eval(fctnMonType) == 2) {	
		var varDOB = getValueFromField('dob_m_rht') + "/" + getValueFromField('dob_d_rht') + "/" +getValueFromField('dob_y_rht');
		var varDOD = getValueFromField('dod_m_rht') + "/" + getValueFromField('dod_d_rht') + "/" +getValueFromField('dod_y_rht');
		document.getElementById('hidfirstNameRht').value = getValueFromField("firstNameRht");	
		document.getElementById('hidmidNameShrtRht').value = getValueFromField("midNameShrtRht");	
		document.getElementById('hidmidNameLongRht').value = getValueFromField("midNameLongRht");	
		document.getElementById('hiddobRht').value = varDOB;	
		document.getElementById('hiddodRht').value = varDOD;	
	} else {
		document.getElementById('hidfirstNameRht').value = '';	
		document.getElementById('hidmidNameShrtRht').value = '';	
		document.getElementById('hidmidNameLongRht').value = '';	
		document.getElementById('hiddobRht').value = '';	
		document.getElementById('hiddodRht').value = '';	
	}
	document.getElementById('imgname').value = 'Grassmarker1';
	document.getElementById('stylename').value = 'previewClass1';

	fctnImgName = document.getElementById('imgname').value;
	fctnStyle = document.getElementById('stylename').value;

	//popupClose();
	//fctnMonuTypeText  = 'Single'; 
	//if(eval(fctnMonuType) == 2)	fctnMonuTypeText  = 'Double'; 
	//changeBackGround(fctnImgName, fctnStyle);
	showPreview();
	showSize(fctnMonuType, fctnMonuCate);
	fctnColorTxt = '';
	fctnColor = '';
	toggleColors();
	fctnMonuCate = fctnMonuCate.toUpperCase();
	
	if(fctnMonuCate != 'BRONZE') {
		fctnColor = document.getElementById('markercolor').value;
		//alert(fctnColor);
		if(fctnColor == '') {
			fctnColor = 'gray';
			document.getElementById('markercolor').value = fctnColor;
		}
		fctnColorTxt = fctnColor.toUpperCase();
		if(fctnColorTxt == 'FLASHBLACK')	fctnColorTxt = 'FLASH BLACK';
		changeColor(fctnColor, fctnColorTxt);
	}
	changeNavigateTxt(fctnColorTxt);
/*	document.getElementById('spanMonType').innerHTML = fctnMonuTypeText.toUpperCase();
	document.getElementById('spanMonCate').innerHTML = fctnMonuCate.toUpperCase();
	document.getElementById('spanMonLayout').innerHTML = fctnImgName.toUpperCase();
*/	fctnProdID = eval(document.getElementById('hidProdID').value);
	
	showPrice(fctnProdID, fctnColor);
	loadLayouts();
}

function toggleColors() {
	fctnMonuCate = getValueFromField("hidMonuCate").toUpperCase();	
	fctnDisplay = 'visible';
	if(fctnMonuCate == 'BRONZE' ) {	
		fctnDisplay = 'hidden';
	}
	fctnMarkerSize = '';
	if(fctnMonuCate == 'FLAT') {
		fctnFormName = 'design_form';
		if(document.getElementById('hidEdit')) {
			fctnFormName = 'design_form2';
		}
		for(index = 0; index < eval("document."+fctnFormName+".chkMarkerSize.length"); index++) {
			if(eval("document."+fctnFormName+".chkMarkerSize["+index+"].checked")) {
				fctnMarkerSize =eval("document."+fctnFormName+".chkMarkerSize["+index+"].value");
				break;
			}
		}
		arrMarkerSize = fctnMarkerSize.split('|');
		fctnMarkerSize = arrMarkerSize[0];
	}
	document.getElementById('divColor').style.visibility = fctnDisplay;	
	arrColors = new Array('gray', 'black', 'flashblack', 'bvblue', 'diso', 'red', 'chinapink');
	if(fctnDisplay == 'visible') {
		for(index = 0; index < arrColors.length; index++) {
			if(fctnMonuCate == 'SLANT' && (index == 3 || index == 6) ) {
				document.getElementById('img'+arrColors[index]).style.display = 'none';
		    } else if( fctnMonuCate == 'UPRIGHT' && (index > 3)) {
				document.getElementById('img'+arrColors[index]).style.display = 'none';
			} else if(fctnMonuCate == 'PET' && (index == 0 || index > 2) ) {
				document.getElementById('img'+arrColors[index]).style.display = 'none';
			} else if(fctnMonuCate == 'FLAT' &&  fctnMarkerSize == '20X10X3' && ( index != 0 && index != 2)) {
				document.getElementById('img'+arrColors[index]).style.display = 'none';
			} else if(fctnMonuCate == 'FLAT' &&  fctnMarkerSize == '16X8X2' &&  index != 2) {
				document.getElementById('img'+arrColors[index]).style.display = 'none';

			} else {
				document.getElementById('img'+arrColors[index]).style.display = 'inline';
			}
		}
	}
}

function changeNavigateTxt(argColorTxt) {

	fctnMonuType = eval(getValueFromField("hidMonuType"));
	fctnMonuCate = getValueFromField("hidMonuCate").toUpperCase();	
	
	fctnMonuTypeText  = 'SINGLE'; 
	if(eval(fctnMonuType) == 2)	fctnMonuTypeText  = 'DOUBLE'; 
	
	var vNavigateTxt = "<span >DESIGN PREVIEW - </span>";
	vNavigateTxt 	+= '<span id="spanMonType">'+fctnMonuTypeText+'</span>&nbsp;';
	vNavigateTxt   += '<span>></span>&nbsp;';
	vNavigateTxt   += '<span id="spanMonCate">'+fctnMonuCate+'</span>&nbsp;';
	vNavigateTxt   += '<span>></span>&nbsp;';
	if(fctnMonuCate != 'BRONZE' ) {	
		vNavigateTxt   += '<span id="spanMonCol">'+argColorTxt+'</span>&nbsp;';
		vNavigateTxt   += '<span>></span>&nbsp;';
	}
	vNavigateTxt   += '<span id="spanMonLayout">GRASSMARKER1</span>';
	document.getElementById('navigateTxt').innerHTML = vNavigateTxt; 
}

/*
 *	Show size
 *	@param argMonuType -> (integer) monument type, argMonuCate -> (string) monument categor, argType -> (integer) type 1->new 2->edit
 *
 */
function showSize(argMonuType, argMonuCate, argType) {
	var fctnPrevMarkerSize = '';
	if(!argType) {
		if(!document.design_form2.chkMarkerSize)	return;
		for(index = 0; index < document.design_form2.chkMarkerSize.length; index++) {
			if(document.design_form2.chkMarkerSize[index].checked) {
				fctnValue = document.design_form2.chkMarkerSize[index].value;
				arrValues = fctnValue.split('|');
				fctnPrevMarkerSize = arrValues[0];
				break;
			}
		}
	}
	var	chkButSel1= '';
	var	chkButSel2= '';
	var	chkButSel3= '';
	var chkButSel4 = '';	
	var varProdID = '';
	switch(argMonuCate.toUpperCase()) {
		case 'FLAT':
			if(argMonuType == 1) {
				if(fctnPrevMarkerSize == '16X8X2')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '20X10X3')	chkButSel2= 'checked';
				else if(fctnPrevMarkerSize == '24X12X3')	chkButSel3= 'checked';
				else if(fctnPrevMarkerSize == '24X12X4')	chkButSel4= 'checked';
				
				if(chkButSel1 == '' && chkButSel2 == '' && chkButSel3 == '' && chkButSel4 == '') {
					chkButSel4 = 'checked';
					varProdID = 1;
				}
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='16X8X2|26' "+chkButSel1+" ";
				vHtml += " onclick='assignProdID(26);assignFlatColors();'>16X8X2&nbsp;&nbsp;<strong>[Temporary Marker]&nbsp;-&nbsp;from $&nbsp;<Span class='red'>119</span></strong><br>";
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='20X10X3|25' "+chkButSel2+" ";
				vHtml += " onclick='assignProdID(25);assignFlatColors();'>20X10X3&nbsp;&nbsp;<strong>[Non standard]&nbsp;-&nbsp;from $&nbsp;<Span class='red'>189</span></strong><br>";
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X12X3|2' "+chkButSel3+"  ";
				vHtml += " onclick='assignProdID(2);assignFlatColors();'>24X12X3&nbsp;&nbsp;<strong>[Check with cemetery]&nbsp;-&nbsp;from $&nbsp;<Span class='red'>215</span></strong><br>";												
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X12X4|1' "+chkButSel4+" ";
				vHtml += " onclick='assignProdID(1);assignFlatColors();'>24X12X4&nbsp;&nbsp;<strong>[Recommended]&nbsp;-&nbsp;from $&nbsp;<Span class='red'>300</span></strong>";
				
			} else {
				if(fctnPrevMarkerSize == '48X12X4')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '36X12X4')	chkButSel2= 'checked';
				if(chkButSel1 == '' && chkButSel2 == '') {
					chkButSel1 = 'checked';				
					varProdID = 3;
				}
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='48X12X4|3' "+chkButSel1+"  ";
				vHtml += " onclick='assignProdID(3)'>48X12X4&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='36X12X4|4' "+chkButSel2+" onclick='assignProdID(4)'>36X12X4";												
	
			}
			break;
		case 'BEVEL':
			if(argMonuType == 1) {
				if(fctnPrevMarkerSize == '24X12X6')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '24X12X8')	chkButSel2= 'checked';
				if(chkButSel1 == '' && chkButSel2 == '') {
					chkButSel1 = 'checked';
					varProdID = 5;
				}
			   vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X12X6|5' "+chkButSel1+" ";
			   vHtml += " onclick='assignProdID(5)'>24X12X6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
			   vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X12X8|6' "+chkButSel2+" onclick='assignProdID(6)'>24X12X8";												
			} else {
				if(fctnPrevMarkerSize == '36X12X6')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '36X12X8')	chkButSel2= 'checked';
				if(chkButSel1 == '' && chkButSel2 == '') {
					chkButSel1 = 'checked';				
					varProdID = 7;
				}
			    vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='36X12X6|7' "+chkButSel1+" ";
			    vHtml += " onclick='assignProdID(7)'>36X12X6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='36X12X8|8' "+chkButSel2+" onclick='assignProdID(8)'>36X12X8";												
			}
			break;
		case 'BRONZE':
			if(argMonuType == 1) {
				if(fctnPrevMarkerSize == '24X12/28X16')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '24X13/28X17')	chkButSel2= 'checked';
				else if(fctnPrevMarkerSize == '24X14/28X18')	chkButSel3= 'checked';

				if(chkButSel1 == '' && chkButSel2 == '' && chkButSel3 == '') {
					chkButSel1 = 'checked';
					varProdID = 12;
				}
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X12/28X16|12' "+chkButSel1+" ";
				vHtml += " onclick='assignProdID(12)'>24X12 / 28X16&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X13/28X17|13' "+chkButSel2+" ";
				vHtml += " onclick='assignProdID(13)'>24X13 / 28X17&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>";		
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X14/28X18|14' "+chkButSel3+" ";
				vHtml += " onclick='assignProdID(14)'>24X14 / 28X18";												
				
			} else {
				if(fctnPrevMarkerSize == '36X13/40X17')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '44X13/48X17')	chkButSel2= 'checked';
				else if(fctnPrevMarkerSize == '44X14/48X18')	chkButSel3= 'checked';
	
				if(chkButSel1 == '' && chkButSel2 == '' && chkButSel3 == '') {
					chkButSel1 = 'checked';				
					varProdID = 15;
				}
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='36X13/40X17|15' "+chkButSel1+"  ";
				vHtml += " onclick='assignProdID(15)'>36X13 / 40X17&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='44X13/48X17|16' "+chkButSel2+" ";
				vHtml += " onclick='assignProdID(16)'>44X13 / 48X17&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>";												
				vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='44X14/48X18|17' "+chkButSel3+" ";
				vHtml += " onclick='assignProdID(17)'>44X14 / 48X18&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";												
			}
			break;
		case 'SLANT':
			if(argMonuType == 1) {
				varProdID = 18;
				chkButSel1 = 'checked';
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X10X16|18' "+chkButSel1+" ";
				vHtml += " onclick='assignProdID(18)'>24X10X16";
			} else {
				varProdID = 19;
				chkButSel1 = 'checked';
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='36X10X16|19' "+chkButSel1+" ";
				vHtml += " onclick='assignProdID(19)'>36X10X16";
			}
			break;
		case 'UPRIGHT':
			if(argMonuType == 1) {
				if(fctnPrevMarkerSize == '24X6X20/36X12X6')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '30X6X20/42X12X6')	chkButSel2= 'checked';
				if(chkButSel1 == '' && chkButSel2 == '') {
					chkButSel1 = 'checked';
					varProdID = 20;	
				}
			   vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='24X6X20/36X12X6|20' "+chkButSel1+" ";
			   vHtml += " onclick='assignProdID(20)'>24X6X20 / 36X12X6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
			   vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='30X6X20/42X12X6|21' "+chkButSel2+" "; 
			   vHtml += " onclick='assignProdID(21)'>30X6X20 / 42X12X6";												
			} else {
				if(fctnPrevMarkerSize == '36X6X20/48X12X6')	chkButSel1= 'checked';
				else if(fctnPrevMarkerSize == '42X6X24/54X12X6')	chkButSel2= 'checked';
				if(chkButSel1 == '' && chkButSel2 == '') {
					chkButSel1 = 'checked';
					varProdID = 22;	
				}
			   vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='36X6X20/48X12X6|22' "+chkButSel1+" ";
			   vHtml += " onclick='assignProdID(22)'>36X6X20 / 48X12X6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
			   vHtml += "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='42X6X24/54X12X6|23' "+chkButSel2+" "; 
			   vHtml += " onclick='assignProdID(23)'>42X6X24 / 54X12X6";												
			}
			break;
		case 'PET':
			if(argMonuType == 1) {
				varProdID = 24;
				chkButSel1 = 'checked';
				vHtml  = "<input type='radio' name='chkMarkerSize' id='chkMarkerSize' value='16X8X2|24' "+chkButSel1+" ";
				vHtml += " onclick='assignProdID(24)'>16X8X2";
			} else {
				vHtml = '';
			}
			break;
	}
	fctnHtml = '<div>';
    fctnHtml += '<img src="images/'+argMonuCate+'.jpg" />&nbsp;&nbsp;';
    //fctnHtml += '<img src="images/'+argMonuCate+'_side.jpg" />';
    fctnHtml += '</div>';
	fctnHtml += '<div>'+vHtml+'</div>';
	document.getElementById('divMarkerSize').innerHTML = fctnHtml;
	if(varProdID != '')	
		document.getElementById('hidProdID').value = varProdID;
}

function changePrice(argFld, argHidAmtFld, argPrice, argHidFld, argThick) {
//	document.getElementById(argFld).innerHTML = '$' + argPrice;
	document.getElementById(argHidFld).value = argThick;
	document.getElementById(argHidAmtFld).value = argPrice;
}

function viewAllDesigns() {
	var varDOB = getValueFromField('dob_m') + "/" + getValueFromField('dob_d') + "/" +getValueFromField('dob_y');
	var varDOD = getValueFromField('dod_m') + "/" + getValueFromField('dod_d') + "/" +getValueFromField('dod_y');
	var params = "?email="+getValueFromField("email")+"&lastName="+getValueFromField("lastName")+"&firstName="+getValueFromField('firstName')+"&midNameShrt="+getValueFromField('midNameShrt')+"&midNameLong="+getValueFromField('midNameLong')+"&dob="+varDOB+"&dod="+varDOD+"&verse="+getValueFromField('verse');
	window.open("allDesigns.php"+params);
}

function getValueFromField(textFieldName){
	if(document.getElementById(textFieldName)) {
		return trim(document.getElementById(textFieldName).value);
	} else {
		return "";
	}
}

function createPreviewLayout(style) {
	var fctnHtml = '';
	if(eval(document.getElementById('hidDesMonuType').value) == 1) 
		fctnHtml = getSngMemBlock(style);
	else
		fctnHtml = getDblMemBlock(style);
		
	document.getElementById('previewTable').innerHTML = fctnHtml;
}

/*
 *	Load html for enter the memorial info
 *	@param argType -> (integer) monument type
 *	return NULL
 */
function loadMemorialHtml(argType) {
                  
	if(eval(argType) == 1)	vMemHtml = getSingleMemorialHtml();
	else vMemHtml = getDblMemorialHtml(); 
/*  vHtml ='<div  class="innerBlock" id="layer3">'
    vHtml+='	<div  class="act_button_margin">'
	vHtml+='    	<div class="act_button">Step&nbsp;2&nbsp;&nbsp;&nbsp;Enter Design Information</div>'
    vHtml+='     </div>'
    vHtml+= '   	<div style="" class="row2">'
    vHtml+= '   		<div style="text-align:center;" >'
	vHtml+=					vMemHtml
    vHtml+=	'			</div>';  
    vHtml+=	'		</div>'; 
    vHtml+=	'	</div>';  	
*/	document.getElementById('designInfo').innerHTML = vMemHtml;
	if(document.getElementById('hidverse') && document.getElementById('hidverse').value == '') {
		document.getElementById('comVerse').options.selectedIndex = 0;
	}
}

/*
 *	Assign monument type and category
 *	@param 
 *	return NULL
 */
function assignMonuInfo(argType, argCate) {
	document.getElementById('hidMonuType').value = argType;
	document.getElementById('hidMonuCate').value = argCate;
}

/*
 *	Assign monument type
 *	@param argType -> (integer) monument type
 *	return NULL
 */
function assignMonuType(argType) {
	gMonType = argType;
	toggleMonuTypeImg(argType);
	document.getElementById('hidMonuType').value = argType;
/*	if(document.getElementById('hidEdit')) {
		loadMemorialHtml(gMonType)
	}
*/	document.getElementById('divClrSize').style.display ='block';
	showClrSize();	
}

function toggleMonuTypeImg(argType) {
	if(!document.getElementById('imgSingle')) return;
	document.getElementById('imgSingle').src = 'images/single.gif';
	document.getElementById('imgDbl').src = 'images/double.gif';

	if(argType == 1)	document.getElementById('imgSingle').src = 'images/single_.gif';
	else	document.getElementById('imgDbl').src = 'images/double_.gif';	
	
}

function showClrSize() {
	showSize(gMonType, gMonCate, 1);
	toggleColors();

	fctnColor = 'gray';
	fctnColorTxt = 'GRAY';
	fctnFormName = 'design_form';
	if(document.getElementById('hidEdit')) {
		fctnFormName = 'design_form2';
	}
	for(index = 0; index < eval("document."+fctnFormName+".chkMarkerSize.length"); index++) {
		if(eval("document."+fctnFormName+".chkMarkerSize["+index+"].checked")) {
			fctnMarkerSize =eval("document."+fctnFormName+".chkMarkerSize["+index+"].value");
			break;
		}
	}
	arrMarkerSize = fctnMarkerSize.split('|');
	fctnMarkerSize = arrMarkerSize[0];
	if(gMonCate == 'pet') {
		fctnColor = 'flashblack';
		fctnColorTxt = 'FLASH BLACK';
	} else if(gMonCate == 'flat' &&  fctnMarkerSize == '16X8X2' ) {
		fctnColor = 'flashblack';
		fctnColorTxt = 'FLASH BLACK';
	} 
	changeColor(fctnColor, fctnColorTxt, 1);
}

function assignFlatColors() {
	toggleColors();
	fctnFormName = 'design_form';
	if(document.getElementById('hidEdit')) {
		fctnFormName = 'design_form2';
	}
	for(index = 0; index < eval("document."+fctnFormName+".chkMarkerSize.length"); index++) {
		if(eval("document."+fctnFormName+".chkMarkerSize["+index+"].checked")) {
			fctnMarkerSize =eval("document."+fctnFormName+".chkMarkerSize["+index+"].value");
			break;
		}
	}
	arrMarkerSize = fctnMarkerSize.split('|');
	fctnMarkerSize = arrMarkerSize[0];
	if(document.getElementById('hidEdit')) {
		fctnColor = document.getElementById('markercolor').value;
	} else {
		fctnColor = 'gray';
	}
	if(fctnMarkerSize == '16X8X2' ) {
		fctnColor = 'flashblack';
	} 	
	if(!document.getElementById('hidEdit') ||  fctnMarkerSize == '16X8X2' || fctnMarkerSize == '20X10X3') {
		isNew = 1;
		
		if(document.getElementById('hidEdit'))	isNew = 0;
		if((fctnColor != 'gray' && fctnColor != 'flashblack') && fctnMarkerSize == '20X10X3')	fctnColor = 'gray'
		fctnColorTxt = fctnColor.toUpperCase();
		if(fctnColor == 'flashblack')	fctnColorTxt = 'FLASH BLACK';
		changeColor(fctnColor, fctnColorTxt, isNew);	
	}
}
/*
 *	Assign monument Category
 *	@param argType -> (integer) monument category
 *	return NULL
 */
 
String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

function assignMonuCate(argType, argGrey) {
	arrMarker = new Array('flat', 'bevel', 'slant', 'pet', 'bronze', 'upright');
	arrDivMarker = new Array('Flat', 'Bevel', 'Slant', 'Pet', 'Bronze', 'Upright');
	for(index = 0; index < arrMarker.length; index++) {		
		if(document.getElementById(arrMarker[index]))
		document.getElementById(arrMarker[index]).className = arrMarker[index] + ' marker_img';

		if(argGrey == undefined || argGrey == 0) {			
			if(document.getElementById("div"+arrDivMarker[index]))
			document.getElementById("div"+arrDivMarker[index]).setAttribute('style',"float: left; z-index: 1000; background-color: rgb(237, 237, 237); opacity: 0.1;");			
			document.getElementById(arrMarker[index]).setAttribute('onClick',"");	
		}
	}
	if(argGrey == undefined || argGrey == 0) {
		document.getElementById("div" + argType.capitalize()).setAttribute('style',"float: left;");		
	}
	
	document.getElementById(argType).className = argType +'_select marker_img' ;
	gMonCate = argType;
	document.getElementById('hidMonuCate').value = argType;
	if(document.getElementById('divVaseMsg'))	document.getElementById('divVaseMsg').innerHTML = '' ;

	if(argType == 'bronze') {
		alert("Please Note : For all bronze memorials your average delivery time would be 45 - 60 days from the time of approval.");
		if(document.getElementById('divVaseMsg'))
		document.getElementById('divVaseMsg').innerHTML = 'Vase is not included in this price. Add vase at during the check out.' 
	}
/*	if(gMonCate == 'upright') {
		if(document.getElementById('spanVaseWarn'))	document.getElementById('spanVaseWarn').innerHTML = ' Vases not included with the design';
	}
*/	if(gMonCate == 'pet') {	//	if category is pet and type is double , change the double to single
		if(eval(gMonType) == 2) {
			assignMonuType(1);	
		}
	}
	if(gMonCate == 'pet') { 
		gMonType = 1;
		document.getElementById('hidMonuType').value =  gMonType;
		document.getElementById('divClrSize').style.display = 'block';
		if(document.getElementById('layer2'))
			document.getElementById('layer2').style.display='none';
	} else {
		if(document.getElementById('layer2'))
			document.getElementById('layer2').style.display='block';
	}

	if(gMonType != '') {
		showClrSize();
	}
	if(document.getElementById('hidEdit')) {
		goToLayout();
		loadMemorialHtml(gMonType)
	}
}


/*
 *	Get html for double memorial
 *	@param NULL
 *	return vHtml -> (string) html
 */
function getDblMemorialHtml() {
	var fctnEmail = '';
	var fctnPhone = '';
	var fctnLName = '';	
	var fctnFName = '';	
	var fctnMidShrt = '';	
	var fctnMidLng = '';	
	var fctnDob_m = '';	
	var fctnDob_d = '';	
	var fctnDob_y = '';	
	var fctnDod_m = '';	
	var fctnDod_d = '';	
	var fctnDod_y = '';
	var fctnVerse = '';

	var fctnFNameRht = '';	
	var fctnMidShrtRht = '';	
	var fctnMidLngRht = '';	
	var fctnDob_m_rht = '';	
	var fctnDob_d_rht = '';	
	var fctnDob_y_rht = '';	
	var fctnDod_m_rht = '';	
	var fctnDod_d_rht = '';	
	var fctnDod_y_rht = '';	
	var fctnMidShrtVisible = "visibility:visible";
	var fctnMidLngVisible = "visibility:visible";
	var fctnMidShrtRhtVisible = "visibility:visible";
	var fctnMidLngRhtVisible = "visibility:visible";
	var fctnVerseType = '';
	var fctnTxtVerse = '';
	var fctnAddNotes = '';
	if(document.getElementById('hidEdit')) {
		 fctnEmail = getValueFromField('hidemail');
		 fctnPhone = getValueFromField('hidphone');
		 fctnLName = getValueFromField('hidlastName');	
		 fctnFName = getValueFromField('hidfirstName');
		 fctnMidShrt = getValueFromField('hidmidNameShrt');	
		 fctnMidLng = getValueFromField('hidmidNameLong');	
		 fctnVerse = getValueFromField('hidverse');
		 fctnAddNotes = getValueFromField('hidaddnotes');
		 fctnDob = getValueFromField('hiddob');
		 arrDob = fctnDob.split('/');
		 fctnDod =getValueFromField('hiddod');
		 arrDod = fctnDod.split('/');
		 fctnDob_m = arrDob[0];	
		 fctnDob_d = arrDob[1];	
		 fctnDob_y = arrDob[2];	
		 fctnDod_m = arrDod[0];	
		 fctnDod_d = arrDod[1];	
		 fctnDod_y = arrDod[2];	
		 if(fctnMidShrt == '')	fctnMidShrtVisible = "visibility:hidden";
		 if(fctnMidLng == '')	fctnMidLngVisible = "visibility:hidden";
		 
		 fctnFNameRht = getValueFromField('hidfirstNameRht');
		 fctnMidShrtRht = getValueFromField('hidmidNameShrtRht');	
		 fctnMidLngRht = getValueFromField('hidmidNameLongRht');	
		 fctnDobRht = getValueFromField('hiddobRht');
		 arrDob = fctnDobRht.split('/');
		 fctnDodRht =getValueFromField('hiddodRht');
		 arrDod = fctnDodRht.split('/');
		 fctnDob_m_rht = arrDob[0];	
		 fctnDob_d_rht = arrDob[1];	
		 fctnDob_y_rht = arrDob[2];	
		 fctnDod_m_rht = arrDod[0];	
		 fctnDod_d_rht = arrDod[1];	
		 fctnDod_y_rht = arrDod[2];	
		 fctnVerseType = document.getElementById('hidversetype').value;
		 if(fctnMidShrtRht == '' && fctnFNameRht != '')	fctnMidShrtRhtVisible = "visibility:hidden";
		 if(fctnMidLngRht == '' && fctnFNameRht != '')	fctnMidLngRhtVisible = "visibility:hidden";
	}
	if(fctnVerse == '')	{
		var fctnComVerseVisible = '';
		var fctnTxtVerseVisible = '';	
		
	} else if(fctnVerse != '' && fctnVerseType == 'custom') {
		var fctnComVerseVisible = 'disabled';
		var fctnTxtVerseVisible = '';		
		var fctnTxtVerse = fctnVerse;
	} else {
		var fctnComVerseVisible = '';
		var fctnTxtVerseVisible = 'disabled';		
	}
	if(fctnAddNotes == '')	fctnAddNotes = 'Enter additional information ';
	var vHtml  = '<div style="margin-top:10px">'
 	    vHtml += '	<div class="left" style="width:300px;margin:0 auto;text-align:center">'	
        vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
        vHtml += '      	First'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
        vHtml += '      	Middle'
        vHtml += '       </div>'
        vHtml += '		<div class="clear"></div>'
		vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
		vHtml += '  		 <input type="text" name="firstName" id="firstName"  size="" maxlength="250" style="width:140px;" '
        vHtml += '               onkeyup="moveText(\'firstName\', \'td_firstname\')" value="'+htmlspecialchars(fctnFName)+'" onblur="activateDrag(\'td_firstname\')">'
        vHtml += '       </div>'
		vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
		vHtml += '                 <input type="text" name="midNameLong" id="midNameLong"  maxlength="250"  style="width:140px;"'
		vHtml += '                   onkeyup="moveText(\'midNameLong\', \'td_firstname\')" value="'+htmlspecialchars(fctnMidLng)+'"/>'
        vHtml += '       </div>'
		vHtml += '		<div class="clear"></div>'

        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	 Date of Birth'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '                       <select name="dob_m" id="dob_m" onchange="moveText(\'dob\', \'td_dob\');activateDrag(\'td_dob\')">'
        vHtml += '                           <option value="">Month</option>	'
        vHtml +=                            getMonthOption(fctnDob_m);
        vHtml += '                       </select>'
        vHtml += '                          <select name="dob_d" id="dob_d" onchange="moveText(\'dob\', \'td_dob\');activateDrag(\'td_dob\')">'
        vHtml += '                           <option value="">Day</option>	'
        vHtml +=                            getDayOption(fctnDob_d);
        vHtml += '                       </select>'
        vHtml += '                       <select name="dob_y" id="dob_y" onchange="moveText(\'dob\', \'td_dob\');activateDrag(\'td_dob\')" >'
        vHtml += '                           <option value="">Year</option>	'
        vHtml +=                            getYearOption(fctnDob_y, 'start');		
        vHtml += '                       </select>'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	 Date of Death'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
		vHtml += '         <select name="dod_m" id="dod_m" onchange="moveText(\'dod\', \'td_dod\');activateDrag(\'td_dod\')">'
		vHtml += '                                   <option value="">Month</option>	'
		vHtml +=                                    getMonthOption(fctnDod_m);
		vHtml += '        </select>'
		vHtml += '        <select name="dod_d" id="dod_d" onchange="moveText(\'dod\', \'td_dod\');activateDrag(\'td_dod\')">'
		vHtml += '                                   <option value="">Day</option>	'
		vHtml +=	                               getDayOption(fctnDod_d);
		vHtml += '        </select>'
		vHtml += '        <select name="dod_y" id="dod_y" onchange="moveText(\'dod\', \'td_dod\');activateDrag(\'td_dod\')">'
		vHtml += '                                   <option value="">Year</option>	'
		vHtml +=                                   getYearOption(fctnDod_y, 'end');
		vHtml += '         </select>'
        vHtml += '       </div>'

   
   		vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Standard Verse'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '         <select style="width:255px" onchange="toggleVerse(\'com\');moveText(\'comVerse\', \'td_verse\');activateDrag(\'td_verse\')" name="comVerse" '
        vHtml += '                    id="comVerse" '+fctnComVerseVisible+' >'
        vHtml +=                      stripslashes(gVerseHtml)
        vHtml += '         </select>'
        vHtml += '       </div>'
		
		vHtml += ' 	</div>'
 	    vHtml += '	<div class="left" style="width:200px;margin:0 auto;text-align:center">'	
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Last Name'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
		vHtml += '                    <input type="text" name="lastName" id="lastName"  value="'+htmlspecialchars(fctnLName)+'" '
		vHtml += '                    maxlength="250" style="width:140px;" onkeyup="moveText(\'lastName\', \'td_lastname\')" onblur="activateDrag(\'td_lastname\')"/>'
        vHtml += '       </div>'
		vHtml += ' 	</div>'
		
		
 	    vHtml  += '	<div class="left" style="width:300px;margin:0 auto;text-align:center">'	
        vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
        vHtml += '      	First'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
        vHtml += '      	M.I'
        vHtml += '       </div>'
        vHtml += '		<div class="clear"></div>'
		vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
        vHtml += '           <input type="text" name="firstNameRht" id="firstNameRht"  value="'+htmlspecialchars(fctnFNameRht)+'" '
        vHtml += '           size="" maxlength="250" style="width:140px;"  onkeyup="moveText(\'firstNameRht\', \'td_firstname_rht\', \'right\')" onblur="activateDrag(\'td_firstname_rht\')">'
        vHtml += '       </div>'
		vHtml += '		<div style="margin-top:5px;width:150px;" class="left">'
		vHtml += '             <input type="text" name="midNameLongRht" id="midNameLongRht"  '
		vHtml += '               value="'+htmlspecialchars(fctnMidLngRht)+'" maxlength="250" size="5" style="width:140px;"'
		vHtml += '                  onkeyup="moveText(\'midNameLongRht\', \'td_firstname_rht\', \'right\')" />'
        vHtml += '       </div>'
		vHtml += '		<div class="clear"></div>'
		
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Date of Birth'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
		vHtml += '         <select name="dob_m_rht" id="dob_m_rht" onchange="moveText(\'dobRht\', \'td_dob_rht\', \'right\');activateDrag(\'td_dob_rht\')">'
		vHtml += '                                   <option value="">Month</option>	'
		vHtml +=                                     getMonthOption(fctnDob_m_rht);
		vHtml += '           </select>'
		vHtml += '           <select name="dob_d_rht" id="dob_d_rht" onchange="moveText(\'dobRht\', \'td_dob_rht\', \'right\');activateDrag(\'td_dob_rht\')">'
		vHtml += '                                   <option value="">Day</option>	'
		vHtml +=                                    getDayOption(fctnDob_d_rht);
		vHtml += '            </select>'
		vHtml += '            <select name="dob_y_rht" id="dob_y_rht" onchange="moveText(\'dobRht\', \'td_dob_rht\', \'right\');activateDrag(\'td_dob_rht\')" >'
		vHtml += '                                   <option value="">Year</option>	'
		vHtml +=                                    getYearOption(fctnDob_y_rht, 'start');	
		vHtml += '             </select>'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Date of Death'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
		vHtml += '             <select name="dod_m_rht" id="dod_m_rht" onchange="moveText(\'dodRht\', \'td_dod_rht\', \'right\');activateDrag(\'td_dod_rht\')">'
		vHtml += '                                   <option value="">Month</option>	'
		vHtml +=                                    getMonthOption(fctnDod_m_rht);
		vHtml += '            </select>'
		vHtml += '             <select name="dod_d_rht" id="dod_d_rht" onchange="moveText(\'dodRht\', \'td_dod_rht\', \'right\');activateDrag(\'td_dod_rht\')">'
		vHtml += '                                   <option value="">Day</option>	'
		vHtml +=                                    getDayOption(fctnDod_d_rht);
		vHtml += '           </select>'
		vHtml += '           <select name="dod_y_rht" id="dod_y_rht" onchange="moveText(\'dodRht\', \'td_dod_rht\', \'right\');activateDrag(\'td_dod_rht\')">'
		vHtml += '                                   <option value="">Year</option>	'
		vHtml +=                                     getYearOption(fctnDod_y_rht, 'end');	
		vHtml += '            </select>'
        vHtml += '       </div>'
    
		vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Custom Verse'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '	                <input type="text" name="verse" id="verse" value="'+html_entity_decode(htmlspecialchars(fctnTxtVerse))+'"  '
        vHtml += '                    onfocus="toggleVerse(\'text\', 1)"  onblur="toggleVerse(\'text\', 0);activateDrag(\'td_verse\')"  '
        vHtml += '                   onkeyup="moveText(\'verse\', \'td_verse\')" '+fctnTxtVerseVisible+' style="width:200px"/>'
        vHtml += '       </div>'
		vHtml += ' 	</div>'
		vHtml += ' 	<div class="clear"></div>'
		vHtml += ' </div>'
	
	
	
/*	var vHtml;
	vHtml = '            <div style="margin-top:10px">'
    vHtml += '                <div class="left" style="width:110px;*width:90px;padding-left:300px">'
    vHtml += '                    Last name'
    vHtml += '                </div>'
    vHtml += '                <div class="left">'
    vHtml += '                    <input type="text" name="lastName" id="lastName"  value="'+htmlspecialchars(fctnLName)+'" '
    vHtml += '                    maxlength="250" style="width:140px;" onkeyup="moveText(\'lastName\', \'td_lastname\')"/>'
    vHtml += '                </div>'
    vHtml += '                <div class="clear"></div>'
    vHtml += '            </div>'
    vHtml += '           	<div class="left" style="width:410px">  '
    vHtml += '                    <div style="margin-top:10px">'
    vHtml += '                        <div class="left" style="width:150px">'
    vHtml += '                            <div>'
    vHtml += '                                <input type="text" name="firstName" id="firstName"  value="'+htmlspecialchars(fctnFName)+'" '
    vHtml += '                                size="" maxlength="250" style="width:140px;" onkeyup="moveText(\'firstName\', \'td_firstname\')">'
    vHtml += '                            </div>'
    vHtml += '                            <div style="margin-left:50px;margin-top:5px;">'
    vHtml += '                                First'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="left"  style="width:60px">'
    vHtml += '                            <div>'
    vHtml += '                                <input type="text" name="midNameLong" id="midNameLong" value="'+htmlspecialchars(fctnMidLng)+'" '
    vHtml += '                                maxlength="250" size="5" style="width:50px;" onkeyup="moveText(\'midNameLong\', \'td_firstname\')" />'
    vHtml += '                            </div>    '
    vHtml += '                            <div style="margin-left:20px;margin-top:5px;">'
    vHtml += '                                M.I'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="clear"></div>'
    vHtml += '                    </div>'
    vHtml += '                    <div style="margin-top:10px">'
    vHtml += '                        <div class="left" style="width:200px">'
    vHtml += '                            <div>'
    vHtml += '                               <select name="dob_m" id="dob_m" onchange="moveText(\'dob\', \'td_dob\')">'
    vHtml += '                                   <option value="">Month</option>'	
    vHtml +=                                     getMonthOption(fctnDob_m)
    vHtml += '                               </select>'
    vHtml += '                                  <select name="dob_d" id="dob_d" onchange="moveText(\'dob\', \'td_dob\')">'
    vHtml += '                                   <option value="">Day</option>	'
    vHtml += 									getDayOption(fctnDob_d);
    vHtml += '                               </select>'
    vHtml += '                               <select name="dob_y" id="dob_y" onchange="moveText(\'dob\', \'td_dob\')" >'
    vHtml += '                                   <option value="">Year</option>	'
    vHtml += 									getYearOption(fctnDob_y, 'start');		
    vHtml += '                               </select>'
    vHtml += '                            </div>'
    vHtml += '                            <div style="margin-left:50px;margin-top:5px;">'
    vHtml += '                                Date of Birth'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="left"  style="width:200px">'
    vHtml += '                            <div>'
    vHtml += '                               <select name="dod_m" id="dod_m" onchange="moveText(\'dod\', \'td_dod\')">'
    vHtml += '                                   <option value="">Month</option>	'
    vHtml +=                                    getMonthOption(fctnDod_m);
    vHtml += '                               </select>'
    vHtml += '                                  <select name="dod_d" id="dod_d" onchange="moveText(\'dod\', \'td_dod\')">'
    vHtml += '                                   <option value="">Day</option>	'
    vHtml +=	                               getDayOption(fctnDod_d);
    vHtml += '                               </select>'
    vHtml += '                               <select name="dod_y" id="dod_y" onchange="moveText(\'dod\', \'td_dod\')">'
    vHtml += '                                   <option value="">Year</option>	'
    vHtml +=                                   getYearOption(fctnDod_y, 'end');
    vHtml += '                               </select>'
    vHtml += '                            </div>    '
    vHtml += '                            <div style="margin-left:50px;margin-top:5px;">'
    vHtml += '                                Date of Death'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="clear"></div>'
    vHtml += '                    </div>	'
    vHtml += '            </div>  '
    vHtml += '           	<div class="left">  '
    vHtml += '                    <div style="margin-top:10px">'
    vHtml += '                        <div class="left" style="width:150px">'
    vHtml += '                          <div>'
    vHtml += '                      <input type="text" name="firstNameRht" id="firstNameRht"  value="'+htmlspecialchars(fctnFNameRht)+'" '
    vHtml += '                     size="" maxlength="250" style="width:140px;"  onkeyup="moveText(\'firstNameRht\', \'td_firstname_rht\', \'right\')">'
    vHtml += '                            </div>'
    vHtml += '                            <div style="margin-left:50px;margin-top:5px;">'
    vHtml += '                                First'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="left"  style="width:60px">'
    vHtml += '                            <div>'
    vHtml += '                                <input type="text" name="midNameLongRht" id="midNameLongRht"  '
    vHtml += '                                value="'+htmlspecialchars(fctnMidLngRht)+'" maxlength="250" size="5" style="width:50px;"'
    vHtml += '                                onkeyup="moveText(\'midNameLongRht\', \'td_firstname_rht\', \'right\')" />'
    vHtml += '                            </div>    '
    vHtml += '                            <div style="margin-left:20px;margin-top:5px;">'
    vHtml += '                                M.I'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="clear"></div>'
    vHtml += '                    </div>'
    vHtml += '                    <div style="margin-top:10px">'
    vHtml += '                        <div class="left" style="width:200px">'
    vHtml += '                            <div>'
    vHtml += '                               <select name="dob_m_rht" id="dob_m_rht" onchange="moveText(\'dobRht\', \'td_dob_rht\', \'right\')">'
    vHtml += '                                   <option value="">Month</option>	'
    vHtml +=                                     getMonthOption(fctnDob_m_rht);
    vHtml += '                               </select>'
    vHtml += '                                  <select name="dob_d_rht" id="dob_d_rht" onchange="moveText(\'dobRht\', \'td_dob_rht\', \'right\')">'
    vHtml += '                                   <option value="">Day</option>	'
    vHtml +=                                    getDayOption(fctnDob_d_rht);
    vHtml += '                               </select>'
    vHtml += '                               <select name="dob_y_rht" id="dob_y_rht" onchange="moveText(\'dobRht\', \'td_dob_rht\', \'right\')" >'
    vHtml += '                                   <option value="">Year</option>	'
    vHtml +=                                    getYearOption(fctnDob_y_rht, 'start');	
    vHtml += '                               </select>'
    vHtml += '                            </div>'
    vHtml += '                            <div style="margin-left:50px;margin-top:5px;">'
    vHtml += '                                Date of Birth'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="left"  style="width:200px">'
    vHtml += '                            <div>'
    vHtml += '                               <select name="dod_m_rht" id="dod_m_rht" onchange="moveText(\'dodRht\', \'td_dod_rht\', \'right\')">'
    vHtml += '                                   <option value="">Month</option>	'
    vHtml +=                                    getMonthOption(fctnDod_m_rht);
    vHtml += '                               </select>'
    vHtml += '                                  <select name="dod_d_rht" id="dod_d_rht" onchange="moveText(\'dodRht\', \'td_dod_rht\', \'right\')">'
    vHtml += '                                   <option value="">Day</option>	'
    vHtml +=                                    getDayOption(fctnDod_d_rht);
    vHtml += '                               </select>'
    vHtml += '                               <select name="dod_y_rht" id="dod_y_rht" onchange="moveText(\'dodRht\', \'td_dod_rht\', \'right\')">'
    vHtml += '                                   <option value="">Year</option>	'
    vHtml +=                                     getYearOption(fctnDod_y_rht, 'end');	
    vHtml += '                               </select>'
    vHtml += '                            </div>    '
    vHtml += '                            <div style="margin-left:50px;margin-top:5px;">'
    vHtml += '                                Date of Death'
    vHtml += '                            </div>'
    vHtml += '                        </div>'
    vHtml += '                        <div class="clear"></div>'
    vHtml += '                    </div>'	
    vHtml += '            </div>        '
    vHtml += '            <div class="clear"></div>      '
    vHtml += '            <div style="margin-top:10px">'
    vHtml += '            	<div class="left" style="width:120px">'
    vHtml += '                	Standard Verse'
    vHtml += '                </div>'
    vHtml += '                <div class="left"  style="width:195px">'
    vHtml += '                	<select style="width:185px" onchange="toggleVerse(\'com\');moveText(\'comVerse\', \'td_verse\')" name="comVerse" '
    vHtml += '                    id="comVerse" '+fctnComVerseVisible+''
    vHtml +=                      stripslashes(gVerseHtml)
    vHtml += '                    </select>'
    vHtml += '                </div>'
    vHtml += '                <div class="left" style="width:100px">&nbsp;</div>'
    vHtml += '            	<div class="left" style="width:100px">'
    vHtml += '                	Custom Verse'
    vHtml += '                </div>'
    vHtml += '                <div class="left">'
    vHtml += '	                <input type="text" name="verse" id="verse" value="'+html_entity_decode(htmlspecialchars(fctnTxtVerse))+'"  '
    vHtml += '                    onfocus="toggleVerse(\'text\', 1)"  onblur="toggleVerse(\'text\', 0)"  ' 
    vHtml += '                    onkeyup="moveText(\'verse\', \'td_verse\')" '+fctnTxtVerseVisible+'/>'
    vHtml += '                </div>'
    vHtml += '                <div class="clear"></div>'
    vHtml += '            </div>	'
    vHtml += '            <div style="margin-top:10px">'
    vHtml += '                <div class="left" style="width:120px;">'
    vHtml += '                	Notes'
    vHtml += '                </div>'
    vHtml += '                <div class="left"  style="width:450px;">'
    vHtml += '                	<textarea name="txtAddNotes"  id="txtAddNotes" onfocus="toggleTxtVal(\'\', \'Enter additional information\', this)" '
    vHtml += '	                 onblur="toggleTxtVal(\'Enter additional information\', \'\', this)" style="width:450px;height:60px;*margin-left:-20px">'
    vHtml += 					 html_entity_decode(htmlspecialchars(fctnAddNotes))+'</textarea>'
    vHtml += '                </div>'
    vHtml += '                <div class="clear"></div>'*/
	return vHtml;
}

/*
 *	Get html for single memorial
 *	@param NULL
 *	return vHtml -> (string) html
 */
function getSingleMemorialHtml() {
	//var fctnVerseHtml = decodeURIComponent(gVerseHtml);
	//fctnVerseHtml = fctnVerseHtml.replace(/\+/gi, " ");
	var fctnEmail = '';
	var fctnPhone = '';
	var fctnLName = '';	
	var fctnFName = '';	
	var fctnMidShrt = '';	
	var fctnMidLng = '';	
	var fctnDob_m = '';	
	var fctnDob_d = '';	
	var fctnDob_y = '';	
	var fctnDod_m = '';	
	var fctnDod_d = '';	
	var fctnDod_y = '';	
	var fctnVerse = '';
	var fctnVerseType = '';
	var fctnTxtVerse = '';
	var fctnAddNotes = '';
	var fctnMidShrtVisible = "visibility:visible";
	var fctnMidLngVisible = "visibility:visible";
	if(document.getElementById('hidEdit')) {
		 fctnEmail = getValueFromField('hidemail');
		 fctnPhone = getValueFromField('hidphone');
		 fctnLName = getValueFromField('hidlastName');	
	//	 alert(fctnLName);
		 fctnFName = getValueFromField('hidfirstName');
		 fctnMidShrt = getValueFromField('hidmidNameShrt');	
		 fctnMidLng = getValueFromField('hidmidNameLong');	
	//	 alert(fctnMidLng);
		 fctnVerse = getValueFromField('hidverse');
	 	 fctnAddNotes = getValueFromField('hidaddnotes');
		 fctnDob = getValueFromField('hiddob');
		 arrDob = fctnDob.split('/');
		 fctnDod =getValueFromField('hiddod');
		 arrDod = fctnDod.split('/');
		 fctnDob_m = arrDob[0];	
		 fctnDob_d = arrDob[1];	
		 fctnDob_y = arrDob[2];	
		 fctnDod_m = arrDod[0];	
		 fctnDod_d = arrDod[1];	
		 fctnDod_y = arrDod[2];	
		 fctnVerseType = document.getElementById('hidversetype').value;
		 if(fctnMidShrt == '')	fctnMidShrtVisible = "visibility:hidden";
		 if(fctnMidLng == '')	fctnMidLngVisible = "visibility:hidden";

	}
	if(fctnVerse == '')	{
		var fctnComVerseVisible = '';
		var fctnTxtVerseVisible = '';		
	} else if(fctnVerse != '' && fctnVerseType == 'custom') {
		var fctnComVerseVisible = 'disabled';
		var fctnTxtVerseVisible = '';		
		var fctnTxtVerse = fctnVerse;
	} else {
		var fctnComVerseVisible = '';
		var fctnTxtVerseVisible = 'disabled';		
	}
	if(fctnAddNotes == '')	fctnAddNotes = 'Enter additional information ';
	
	fctnLMNameDisplay = 'block';
	fctnEmptySpace = '';
	fctnDodTop = '5px';
	if(gMonCate.toUpperCase() == 'PET') {
		fctnLMNameDisplay = 'none';	
		fctnEmptySpace = '&nbsp;';	
		fctnDodTop = '45px';
	}
	var vHtml  = '<div style="margin-top:10px">'
 	    vHtml += '	<div class="left" style="width:300px;margin:0 auto;text-align:center;">'	
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	First'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
		vHtml += '  		<input type="text" name="firstName" id="firstName"  size="" maxlength="250" style="width:140px;" '
        vHtml += '         onkeydown="if_tab(event, \'comVerse\');"  onkeyup="moveText(\'firstName\', \'td_firstname\')" '
		vHtml += '         value="'+htmlspecialchars(fctnFName)+'" onblur="activateDrag(\'td_firstname\')">'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	 Date of Birth'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '                       <select name="dob_m" id="dob_m" onchange="moveText(\'dob\', \'td_dob\');activateDrag(\'td_dob\')">'
        vHtml += '                           <option value="">Month</option>	'
        vHtml +=                            getMonthOption(fctnDob_m);
        vHtml += '                       </select>'
        vHtml += '                          <select name="dob_d" id="dob_d" onchange="moveText(\'dob\', \'td_dob\');activateDrag(\'td_dob\')">'
        vHtml += '                           <option value="">Day</option>	'
        vHtml +=                            getDayOption(fctnDob_d);
        vHtml += '                       </select>'
        vHtml += '                       <select name="dob_y" id="dob_y" onchange="moveText(\'dob\', \'td_dob\');activateDrag(\'td_dob\')" >'
        vHtml += '                           <option value="">Year</option>	'
        vHtml +=                            getYearOption(fctnDob_y, 'start');		
        vHtml += '                       </select>'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Standard Verse'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '         <select style="width:185px" onchange="toggleVerse(\'com\');moveText(\'comVerse\', \'td_verse\');activateDrag(\'td_verse\')" name="comVerse" '
        vHtml += '                    id="comVerse" '+fctnComVerseVisible+' onkeydown="if_tab(event, \'lastName\');">'
        vHtml +=                      stripslashes(gVerseHtml)
        vHtml += '         </select>'
        vHtml += '       </div>'
		
		vHtml += ' 	</div>'
 	    vHtml += '	<div class="left" style="width:200px;margin:0 auto;text-align:center;">'+fctnEmptySpace	
        vHtml += '		<div style="margin-top:5px;display:'+fctnLMNameDisplay+'"">'
        vHtml += '      	Middle'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;display:'+fctnLMNameDisplay+'">'
		vHtml += '                 <input type="text" name="midNameLong" id="midNameLong"  maxlength="250"  style="width:140px;"'
		vHtml += '                   onkeyup="moveText(\'midNameLong\', \'td_firstname\')"  value="'+htmlspecialchars(fctnMidLng)+'"/>'
        vHtml += '       </div>'
		
		vHtml += ' 	</div>'
 	    vHtml  += '	<div class="left" style="width:300px;margin:0 auto;text-align:center;">'+fctnEmptySpace
        vHtml += '		<div style="margin-top:5px;display:'+fctnLMNameDisplay+'">'
        vHtml += '      	Last'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;display:'+fctnLMNameDisplay+'">'
		vHtml += '                 <input type="text" name="lastName" id="lastName"  value="'+htmlspecialchars(fctnLName)+'" '
		vHtml += '                maxlength="250" style="width:140px;" onkeydown="if_tab(event, \'firstName\');" '
		vHtml += ' 				  onkeyup="moveText(\'lastName\', \'td_lastname\')"  onblur="activateDrag(\'td_lastname\')"/>'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:'+fctnDodTop+';">'
        vHtml += '      	Date of Death'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '                       <select name="dod_m" id="dod_m" onchange="moveText(\'dod\', \'td_dod\');activateDrag(\'td_dod\')">'
        vHtml += '                           <option value="">Month</option>	'
        vHtml +=                           getMonthOption(fctnDod_m);
        vHtml += '                       </select>'
        vHtml += '                          <select name="dod_d" id="dod_d" onchange="moveText(\'dod\', \'td_dod\');activateDrag(\'td_dod\')">'
        vHtml += '                           <option value="">Day</option>	'
        vHtml +=                            getDayOption(fctnDod_d);
        vHtml += '                       </select>'
        vHtml += '                       <select name="dod_y" id="dod_y" onchange="moveText(\'dod\', \'td_dod\');activateDrag(\'td_dod\')">'
        vHtml += '                           <option value="">Year</option>	'
        vHtml +=                             getYearOption(fctnDod_y, 'end');	
        vHtml += '                       </select>'
        vHtml += '       </div>'
       vHtml += '		<div style="margin-top:5px;">'
        vHtml += '      	Custom Verse'
        vHtml += '       </div>'
        vHtml += '		<div style="margin-top:5px;">'
        vHtml += '	                <input type="text" name="verse" id="verse" value="'+html_entity_decode(htmlspecialchars(fctnTxtVerse))+'"  '
        vHtml += '                            onfocus="toggleVerse(\'text\', 1)"  onblur="toggleVerse(\'text\', 0);activateDrag(\'td_verse\')"  '
        vHtml += '                            onkeyup="moveText(\'verse\', \'td_verse\')" '+fctnTxtVerseVisible+' style="width:200px"/>'
        vHtml += '       </div>'
		vHtml += ' 	</div>'
		vHtml += ' 	<div class="clear"></div>'
		vHtml += ' </div>'
/*	var vHtml  = '<div style="margin-top:10px">'
        vHtml += '	<div class="left" style="width:150px">'
        vHtml += '  <div>'
		vHtml += '   <input type="text" name="firstName" id="firstName"  size="" maxlength="250" style="width:140px;" '
        vHtml += '                 onkeyup="moveText(\'firstName\', \'td_firstname\')" value="'+htmlspecialchars(fctnFName)+'">'
        vHtml += '  </div>'
        vHtml += ' <div style="margin-left:50px;margin-top:5px;">'
        vHtml += '                First'
        vHtml += '            </div>'
        vHtml += '        </div>'
		vHtml += '        <div class="left"  style="width:60px;display:'+fctnLMNameDisplay+'" >'
		vHtml += '             <div>'
		vHtml += '                 <input type="text" name="midNameLong" id="midNameLong"  maxlength="250" size="5" style="width:50px;"'
		vHtml += '                   onkeyup="moveText(\'midNameLong\', \'td_firstname\')"  value="'+htmlspecialchars(fctnMidLng)+'"/>'
		vHtml += '             </div>    '
		vHtml += '             <div style="margin-left:20px;margin-top:5px;">'
		vHtml += '                 M.I'
		vHtml += '             </div>'
		vHtml += '         </div>'
		vHtml += '         <div class="left"  style="width:150px;display:'+fctnLMNameDisplay+'" >'
		vHtml += '            <div>'
		vHtml += '                 <input type="text" name="lastName" id="lastName"  value="'+htmlspecialchars(fctnLName)+'" '
		vHtml += '                maxlength="250" style="width:140px;" onkeyup="moveText(\'lastName\', \'td_lastname\')" />'
		vHtml += '           </div>'
		vHtml += '            <div style="margin-left:50px;margin-top:5px;">'
		vHtml += '                Last'
		vHtml += '           </div>'
		vHtml += '        </div>    '
        vHtml += '       <div class="clear"></div>'
        vHtml += '   </div>'
        vHtml += '<div style="margin-top:10px">'
        vHtml += '                <div class="left" style="width:200px">'
        vHtml += '                    <div>'
        vHtml += '                       <select name="dob_m" id="dob_m" onchange="moveText(\'dob\', \'td_dob\')">'
        vHtml += '                           <option value="">Month</option>	'
        vHtml +=                            getMonthOption(fctnDob_m);
        vHtml += '                       </select>'
        vHtml += '                          <select name="dob_d" id="dob_d" onchange="moveText(\'dob\', \'td_dob\')">'
        vHtml += '                           <option value="">Day</option>	'
        vHtml +=                            getDayOption(fctnDob_d);
        vHtml += '                       </select>'
        vHtml += '                       <select name="dob_y" id="dob_y" onchange="moveText(\'dob\', \'td_dob\')" >'
        vHtml += '                           <option value="">Year</option>	'
        vHtml +=                            getYearOption(fctnDob_y, 'start');		
        vHtml += '                       </select>'
                          
        vHtml += '                    </div>'
        vHtml += '                    <div style="margin-left:50px;margin-top:5px;">'
        vHtml += '                        Date of Birth'
        vHtml += '                    </div>'
        vHtml += '                </div>'
        vHtml += '                <div class="left"  style="width:200px">'
        vHtml += '                    <div>'
        vHtml += '                       <select name="dod_m" id="dod_m" onchange="moveText(\'dod\', \'td_dod\')">'
        vHtml += '                           <option value="">Month</option>	'
        vHtml +=                           getMonthOption(fctnDod_m);
        vHtml += '                       </select>'
        vHtml += '                          <select name="dod_d" id="dod_d" onchange="moveText(\'dod\', \'td_dod\')">'
        vHtml += '                           <option value="">Day</option>	'
        vHtml +=                            getDayOption(fctnDob_d);
        vHtml += '                       </select>'
        vHtml += '                       <select name="dod_y" id="dod_y" onchange="moveText(\'dod\', \'td_dod\')">'
        vHtml += '                           <option value="">Year</option>	'
        vHtml +=                             getYearOption(fctnDob_y, 'end');	
        vHtml += '                       </select>'
        vHtml += '                    </div>'
        vHtml += '                    <div style="margin-left:50px;margin-top:5px;">'
        vHtml += '                        Date of Death'
        vHtml += '                    </div>'
        vHtml += '                </div>'
        vHtml += '                <div class="clear"></div>'
        vHtml += '            </div>'        
        vHtml += '<div style="margin-top:10px">'
        vHtml += '            	<div class="left" style="width:120px">'
        vHtml += '                	Standard Verse'
        vHtml += '                </div>'
        vHtml += '                <div class="left"  style="width:195px">'
        vHtml += '                	<select style="width:185px" onchange="toggleVerse(\'com\');moveText(\'comVerse\', \'td_verse\')" name="comVerse" '
        vHtml += '                    id="comVerse" '+fctnComVerseVisible+' >'
        vHtml +=                      stripslashes(gVerseHtml)
        vHtml += '                    </select>'
        vHtml += '                </div>'
        vHtml += '                <div class="left" style="width:120px">&nbsp;</div>'
        vHtml += '            	<div class="left" style="width:100px">'
        vHtml += '                	Custom Verse'
        vHtml += '                </div>'
        vHtml += '                <div class="left">'
        vHtml += '	                <input type="text" name="verse" id="verse" value="'+html_entity_decode(htmlspecialchars(fctnTxtVerse))+'"  '
        vHtml += '                            onfocus="toggleVerse(\'text\', 1)"  onblur="toggleVerse(\'text\', 0)"  '
        vHtml += '                            onkeyup="moveText(\'verse\', \'td_verse\')" '+fctnTxtVerseVisible+'/>'
        vHtml += '                </div>'
        vHtml += '                <div class="clear"></div>'
        vHtml += '            </div>'
        vHtml += ' <div style="margin-top:10px">'
        vHtml += '                 <div class="left" style="width:120px;">'
        vHtml += '                 	Notes'
        vHtml += '                 </div>'
        vHtml += '                 <div class="left"  style="width:450px;">'
        vHtml += '                 	<textarea name="txtAddNotes"  id="txtAddNotes" onfocus="toggleTxtVal(\'\', \'Enter additional information\', this)" '
        vHtml += ' 	                 onblur="toggleTxtVal(\'Enter additional information\', \'\', this)" '
        vHtml += '                   style="width:450px;height:60px;*margin-left:-20px">'
        vHtml +=                             html_entity_decode(htmlspecialchars(fctnAddNotes)) + '</textarea>'
        vHtml += '                 </div>'
        vHtml += '                 <div class="clear"></div>'
        vHtml += '             </div>'        */	
		return vHtml;
}

/*
 *	Get year option
 *	@param NULL
 *	return vHtml -> (string) option html
 */
function getYearOption(argVal, argType) {
	var varSel = '';
	var vHtml = '';
	if((argVal == '' || argVal == undefined) && argType == 'start')	argVal = 1930;
	//else if((argVal == '' || argVal == undefined) && argType == 'end')	argVal = 2009;
	if(argType == 'start') {
		for(index = 1800; index <=2020; index++) {
			varSel = ''
			if(argVal != '') {
				if(eval(argVal) == index)	varSel = 'Selected';	
			}
			vHtml += "<option value='"+index+"' "+varSel+">"+index+"</option>";
		} 
	} else {
		for(index = 2011; index >=1800; index--) {
			varSel = ''
			if(argVal != '') {
				if(eval(argVal) == index)	varSel = 'Selected';	
			}
			vHtml += "<option value='"+index+"' "+varSel+">"+index+"</option>";
		} 
		
	}
	return vHtml;
}

/*
 *	Get month option
 *	@param NULL
 *	return vHtml -> (string) option html
 */
function getMonthOption(argVal) {
	var vHtml = '';
	var varSel = '';
	for(index = 1; index<=12; index++) {
		if(index <= 9)	monIndex = '0'+index;
		else monIndex = index;
		varSel = '';
		if(argVal != '') {
			if(eval(argVal) == index)	varSel = 'Selected';	
		}
		vHtml += "<option value='"+monIndex+"' "+varSel+">"+monthArray[index].toUpperCase()+"</option>";
	} 
	return vHtml;
}

/*
 *	Get month option
 *	@param NULL
 *	return vHtml -> (string) option html
 */
function getDayOption(argVal) {
	var vHtml = '';
	var varSel = '';
	for(index = 1; index <=31; index++) {
		if(index <= 9)	dayIndex = '0'+index;
		else dayIndex = index;
		varSel = '';
		if(argVal != '') {
			if(eval(argVal) == index)	varSel = 'Selected';	
		}
		vHtml +="<option value='"+dayIndex+"' "+varSel+">"+dayIndex+"</option>";
	} 
	return vHtml;
}

function fetchQueryString(){
	var myStr=new String(document.location);
	if(myStr.indexOf('?') != -1) {
		myStr = myStr.substring(myStr.indexOf('?')+1);
		var params = myStr.split('&');
		for (i=0;i<params.length;i++) {
			var paramArray =params[i].split('=');
			if(paramArray[1] != "") {
				if(paramArray[0] == 'monutype')
					gMonType = 	paramArray[1];
				else 			
					gMonCate = 	paramArray[1];
			}		
		}	
	}	
}

function showPreview(argType) {
	var argType = document.getElementById('hidDesMonuType').value;
	var fctnCate = document.getElementById('hidDesMonuCate').value;
	var fctnImgname = document.getElementById('imgname').value;
	var fctnStylename = document.getElementById('stylename').value;
	switch(fctnCate) {
		case 'flat':
		case 'bevel':
			showFlatPreview(argType, fctnCate, fctnImgname, fctnStylename);
			break;	
		case 'slant':
			showSlantPreview(argType, fctnCate, fctnImgname, fctnStylename);
			break;	
		case 'upright':
			showUprightPreview(argType, fctnCate, fctnImgname, fctnStylename);
			break;	
		case 'bronze':
			showBronzePreview(argType, fctnCate, fctnImgname, fctnStylename);
			break;
		case 'pet':
			showPetPreview(argType, fctnCate, fctnImgname, fctnStylename);
			break;
	}
/*	fctnMarkerType = 'sb';
	fctnMarkerCol = document.getElementById('markercolor').value;
	if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
	imageUrl  = fctnMarkerType+'/' + fctnImgname + '.png';
	var fctnTxtColor = 'blackTxt';
	switch(fctnMarkerCol) {
		case 'black'     :		
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
	}
	
	if(eval(argType) == 1) {
		var vHtml  = '<div style="background:url(images/colors/single/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="imgtxt" id="colLayer">'
			vHtml +=    '<div class="imgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml +=	'style="background:url(images/singlemarker/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px" >'
			vHtml += getSngMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
			
	} else {
		var vHtml  = '<div style="background:url(images/colors/double/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="dblimgtxt" id="colLayer">'		
			vHtml += '	<div class="dblimgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml += '	style="background:url(images/doublemarker/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px"  >'
			vHtml += getDblMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
	}
	document.getElementById('divPreview').innerHTML = vHtml;		
	changeBackGround(fctnImgname+'.png', fctnStylename);
*/
}

/*
 *	Show preview of flat and bevel marker
 *	@param argType->(integer) monument type, argCate-> (string) monument category, argImgname ->(string) image name, argStylename ->(string) style name
 *	return NULL
 */
function showFlatPreview(argType, argCate, argImgname, argStylename) {
	var imageUrl = getImageUrl();
	fctnMarkerCol = document.getElementById('markercolor').value;
/*	fctnMarkerType = 'sb';
	fctnMarkerCol = document.getElementById('markercolor').value;
	if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
	imageUrl  = fctnMarkerType+'/' + argImgname + '.png';
*/	var fctnTxtColor = 'blackTxt';
	switch(fctnMarkerCol) {
		case 'black'     :		
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
	}
	
	if(eval(argType) == 1) {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/single/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto;" class="imgtxt" id="colLayer">'
			vHtml +=    '<div class="imgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml +=	'style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px;" >'
			vHtml += getSngMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
			
	} else {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/double/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="dblimgtxt" id="colLayer">'		
			vHtml += '	<div class="dblimgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml += '	style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px"  >'
			vHtml += getDblMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
	}
	document.getElementById('divPreview').innerHTML = vHtml;		
	changeBackGround(argImgname+'.png', argStylename);
}

/*
 *	Show preview of slant marker
 *	@param argType->(integer) monument type, argCate-> (string) monument category, argImgname ->(string) image name, argStylename ->(string) style name
 *	return NULL
 */
function showSlantPreview(argType, argCate, argImgname, argStylename) {
	var imageUrl = getImageUrl();
	fctnMarkerCol = document.getElementById('markercolor').value;
/*	fctnMarkerType = 'sb';
	fctnMarkerCol = document.getElementById('markercolor').value;
	if(fctnMarkerCol == 'black' || fctnMarkerCol == 'flashblack')	fctnMarkerType = 'laser';
	imageUrl  = fctnMarkerType+'/' + argImgname + '.png';
*/	var fctnTxtColor = 'blackTxt';
	switch(fctnMarkerCol) {
		case 'black'     :		
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
	}
	
	if(eval(argType) == 1) {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/single/slant/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="imgslanttxt" id="colLayer">'
			vHtml +=    '<div class="imgslanttxt '+fctnTxtColor+'" id="previewTable" '
			vHtml +=	'style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px" >'
	//		vHtml += getSngMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
			
	} else {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/double/slant/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="dblimgslanttxt" id="colLayer">'		
		
			vHtml += '	<div class="dblimgslanttxt '+fctnTxtColor+'" id="previewTable" '
			vHtml += '	style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px"  >'
		//	vHtml += getDblMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
	}
	document.getElementById('divPreview').innerHTML = vHtml;		
	changeBackGround(argImgname+'.png', argStylename);
}

/*
 *	Show preview of Uprights
 *	@param argType->(integer) monument type, argCate-> (string) monument category, argImgname ->(string) image name, argStylename ->(string) style name
 *	return NULL
 */
function showUprightPreview(argType, argCate, argImgname, argStylename) {
	var imageUrl = getImageUrl();
	fctnMarkerCol = document.getElementById('markercolor').value;
	var fctnTxtColor = 'blackTxt';
	switch(fctnMarkerCol) {
		case 'black'     :		
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
	}
	
	if(eval(argType) == 1) {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/single/upright/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="imguprighttxt" id="colLayer">'
			vHtml +=    '<div class="imguprighttxt '+fctnTxtColor+'" id="previewTable" '
			vHtml +=	'style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px" >'
			//vHtml += getSngMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
			
	} else {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/double/upright/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="dblimguprighttxt" id="colLayer">'		
			vHtml += '	<div class="dblimguprighttxt '+fctnTxtColor+'" id="previewTable" '
			vHtml += '	style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px"  >'
//			vHtml += getDblMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
	}
	document.getElementById('divPreview').innerHTML = vHtml;		
	changeBackGround(argImgname+'.png', argStylename);
}

/*
 *	Show preview of pet marker
 *	@param argType->(integer) monument type, argCate-> (string) monument category, argImgname ->(string) image name, argStylename ->(string) style name
 *	return NULL
 */
function showPetPreview(argType, argCate, argImgname, argStylename) {
	var imageUrl = getImageUrl();
	fctnMarkerCol = document.getElementById('markercolor').value;
	var fctnTxtColor = 'blackTxt';
	switch(fctnMarkerCol) {
		case 'black'     :		
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
	}
	
	if(eval(argType) == 1) {
		var vHtml  = '<div style="background:url('+gHost+'images/colors/single/pet/'+fctnMarkerCol+'.png) no-repeat;text-align:center;margin:0 auto" class="imgtxt" id="colLayer">'
			vHtml +=    '<div class="imgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml +=	'style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px" >'
			//vHtml += getSngMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
			
	} else {
		vHtml = '';
	}
	document.getElementById('divPreview').innerHTML = vHtml;		
	changeBackGround(argImgname+'.png', argStylename);
}

/*
 *	Show preview of Bronze marker
 *	@param argType->(integer) monument type, argCate-> (string) monument category, argImgname ->(string) image name, argStylename ->(string) style name
 *	return NULL
 */
function showBronzePreview(argType, argCate, argImgname, argStylename) {
	imageUrl = getImageUrl();
/*	imageUrl  =  argImgname + '.png';*/
	var fctnTxtColor = 'goldTxt';
	if(eval(argType) == 1) {
		var vHtml  = '<div style="text-align:center;margin:0 auto" class="imgtxt" id="colLayer">'
			vHtml +=    '<div class="imgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml +=	'style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px" >'
			//vHtml += getSngMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
			
	} else {
		var vHtml  = '<div style="text-align:center;margin:0 auto" class="dblimgtxt" id="colLayer">'		
			vHtml += '	<div class="dblimgtxt '+fctnTxtColor+'" id="previewTable" '
			vHtml += '	style="background:url('+gHost+'images/'+imageUrl+') no-repeat;margin:0 auto;cursor:pointer;margin-top:0px"  >'
			//vHtml += getDblMemBlock();
			vHtml +='	</div>'
			vHtml +='</div>'			
	}
//	alert(vHtml);
	document.getElementById('divPreview').innerHTML = vHtml;		
	changeBackGround(argImgname+'.png', argStylename);
}

function changeColor(argColor, argColTxt, argType) {
	document.getElementById('markercolor').value = argColor;
	document.getElementById('div'+argColor).className = 'greenborder_thick';
	if(document.getElementById('div'+gPrevColor))
		document.getElementById('div'+gPrevColor).className = 'grayborder_thick';
	fctnProdID = eval(document.getElementById('hidProdID').value);
	showPrice(fctnProdID, argColor);
	gPrevColor = argColor;	
	if(argType == 1)	return;
	fctnMonuCate = document.getElementById('hidDesMonuCate').value;
	imageName = document.getElementById('imgname').value;
	
	if(document.getElementById('spanMonCol'))
		document.getElementById('spanMonCol').innerHTML = argColTxt;
	//alert(argColor);
	imageUrl = getImageUrl();

/*	fctnMarkerType = 'sb';
	imageName += '.png';
	if(argColor == 'black' || argColor == 'flashblack')	fctnMarkerType = 'laser';
	imageUrl  = 'singlemarker/flat/'+fctnMarkerType+'/';
	imageUrl += imageName;*/	
	fctnBaseColUrl = gHost+"images/colors/";
	fctnColorPath = "single/";
	var fctnTxtColor = 'blackTxt';
	switch(argColor) {
		case 'black'     :		
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
	}
/*	switch(argColor) {
		case 'gray'     :		
		case 'chinapink':
			fctnTxtColor = 'blackTxt';
			break;
		case 'black'     :		
		case 'red'		 :
		case 'diso'		 :
		case 'flashblack':
			fctnTxtColor = 'whiteTxt';
			break;
		case 'bvblue':			
			fctnTxtColor = 'goldTxt';
			break;
	}
*/		

	if(eval(document.getElementById('hidDesMonuType').value) == 2) {
		fctnBoxClass = 'dblimgtxt';
		if(fctnMonuCate == 'slant')	fctnBoxClass = 'dblimgslanttxt';	
		if(fctnMonuCate == 'upright')	fctnBoxClass = 'dblimguprighttxt';
		document.getElementById('previewTable').className = fctnBoxClass +' '+fctnTxtColor;
		fctnColorPath = "double/";
	} else {
		fctnBoxClass = 'imgtxt';
		if(fctnMonuCate == 'slant')	fctnBoxClass = 'imgslanttxt';	
		if(fctnMonuCate == 'upright')	fctnBoxClass = 'imguprighttxt';
		document.getElementById('previewTable').className = fctnBoxClass + ' ' +fctnTxtColor;
	}
	if(fctnMonuCate != 'flat' && fctnMonuCate != 'bevel')	fctnColorPath += fctnMonuCate + '/'  ;
	fctnColorPath = fctnBaseColUrl + fctnColorPath;
	document.getElementById('colLayer').style.backgroundImage = "url("+fctnColorPath+argColor+".png)";
	document.getElementById("previewTable").style.backgroundImage="url('"+gHost+"images/"+imageUrl+"')";	
	fixPng('divPreview');
}

function getSngMemBlock(argStyle) {
	var fctnLName = getValueFromField("lastName").toUpperCase();
	var fctnFName = getValueFromField("firstName").toUpperCase();
	fctnMName = "";
//	if(getValueFromField("hidmidNameShrt") != "")
//	fctnMName = 	getValueFromField("hidmidNameShrt").toUpperCase() + '.';
	fctnMNameL = '';
	if(document.getElementById("midNameLong")) {
		fctnMNameL = document.getElementById("midNameLong").value.toUpperCase();
		if(fctnMNameL.length == 1)	fctnMNameL = fctnMNameL + '.';
	}
//	fctnFName += "&nbsp;" + fctnMName + fctnMNameL;
	fctnVerse = getValueFromField('hidverse').toUpperCase();
//	if(fctnVerse == '')	fctnVerse = "IN GOD'S CARE";
	if(argStyle == undefined) {
		argStyle = 'previewClass1';
		fctnDOB = getValueFromField("hiddob"); 
		fctnDOB = dateDisplay(fctnDOB);
		fctnDOD = getValueFromField("hiddod"); 
		fctnDOD = dateDisplay(fctnDOD);
	} else {
		fctnDOB =  'D.O.B';
		fctnDOD =  'D.O.D';
	}
	var fctnCate = document.getElementById('hidDesMonuCate').value;
	if(fctnCate != 'flat' && fctnCate != 'bevel')	argStyle = argStyle + '_'+fctnCate;
/*	if(document.getElementById('hidBaseStyle').value != '') {
		if(fctnCate != 'flat' && fctnCate != 'bevel') {
			argStyle = 'previewClass' + document.getElementById('hidBaseStyle').value + '_ ' + fctnCate
		} else {
			argStyle = 'previewClass' + document.getElementById('hidBaseStyle').value;
		}
	}
*/	var objCoordParam = fetchDesnStyle();
	var objParam = {'STYLE':argStyle, 'LASTNAME':fctnLName, 'FIRSTNAME':fctnFName, 'MIDNAME':fctnMName, 'MIDNAMELONG':fctnMNameL, 'DOB':fctnDOB, 'DOD':fctnDOD, 'VERSE':fctnVerse,
	                'DESNCOORD':objCoordParam};
	switch(fctnCate) {
		case 'flat':
		case 'bevel':
			var vHtml = getSngFlatHtml(objParam);
			break;
		case 'slant':
			var vHtml = getSngSlantHtml(objParam);
			break;
		case 'upright':
			var vHtml = getSngUprightHtml(objParam);
			break;
		case 'bronze':
			var vHtml = getSngBronzeHtml(objParam);
			break;
		case 'pet':
			var vHtml = getSngPetHtml(objParam);
			break;
			
	}
/*	var	vHtml 	='	<div id="prevTextBlock" class="'+argStyle+'">'
		vHtml +='		<div  id="td_lastname" class="prevDiv1 h1Prevfont">'+fctnLName+'</div>'
		vHtml +='		<div id="td_firstname" class="prevDiv2 h2Prevfont">'+fctnFName+'</div>'
		vHtml +='		<span id="dobId"><div id="td_dob" class="prevDiv3 h3Prevfont">'+fctnDOB+'</div></span>'
		vHtml +='		<span id="dodId"><div id="td_dod" class="prevDiv4 h3Prevfont">'+fctnDOD+'</div></span>'
		vHtml +='		<div id="td_verse" class="prevDiv5 h4Prevfont">'+fctnVerse+'</div>'
		vHtml +='	</div>'*/
	return 	vHtml;
}

/*
 *	Fetch coordinates
 *	@param NULL	
 *	return NULL
 */
function fetchDesnCoordinates() {
    fctnLNameCoord = getValueFromField('hidLNameCoord');
    arrCoord = fctnLNameCoord.split('||');
    var fctnLNameXCoord = eval(arrCoord[0]);
    var fctnLNameYCoord = eval(arrCoord[1]);
    
    fctnFNameCoord = getValueFromField('hidFNameCoord');
    arrCoord = fctnFNameCoord.split('||');
    var fctnFNameXCoord = eval(arrCoord[0]);
    var fctnFNameYCoord = eval(arrCoord[1]);
    
    fctnDobCoord = getValueFromField('hidDobCoord');
    arrCoord = fctnDobCoord.split('||');
    var fctnDobXCoord = eval(arrCoord[0]);
    var fctnDobYCoord = eval(arrCoord[1]);
    
    fctnDodCoord = getValueFromField('hidDodCoord');
    arrCoord = fctnDodCoord.split('||');
    var fctnDodXCoord = eval(arrCoord[0]);
    var fctnDodYCoord = eval(arrCoord[1]);
    
    fctnFNameRhtCoord = getValueFromField('hidFNameRhtCoord');
    arrCoord = fctnFNameRhtCoord.split('||');
    var fctnFNameRhtXCoord = eval(arrCoord[0]);
    var fctnFNameRhtYCoord = eval(arrCoord[1]);
    
    fctnDobRhtCoord = getValueFromField('hidDobRhtCoord');
    arrCoord = fctnDobRhtCoord.split('||');
    var fctnDobRhtXCoord = eval(arrCoord[0]);
    var fctnDobRhtYCoord = eval(arrCoord[1]);
    
    fctnDodRhtCoord = getValueFromField('hidDodRhtCoord');
    arrCoord = fctnDodRhtCoord.split('||');
    var fctnDodRhtXCoord = eval(arrCoord[0]);
    var fctnDodRhtYCoord = eval(arrCoord[1]);
    
    fctnVerseCoord = getValueFromField('hidVerseCoord');
    arrCoord = fctnVerseCoord.split('||');
    var fctnVerseXCoord = eval(arrCoord[0]);
    var fctnVerseYCoord = eval(arrCoord[1]);
    return {"LNameX":fctnLNameXCoord,"LNameY":fctnLNameYCoord, "FNameX":fctnFNameXCoord,"FNameY":fctnFNameYCoord, 
            "DobX":fctnDobXCoord, "DobY":fctnDobYCoord, "DodX":fctnDodXCoord, "DodY":fctnDodYCoord, 
            "FNameRhtX":fctnFNameRhtXCoord, "FNameRhtY":fctnFNameRhtYCoord, "DobRhtX":fctnDobRhtXCoord, "DobRhtY":fctnDobRhtYCoord,
            "DodRhtX":fctnDodRhtXCoord, "DodRhtY":fctnDodRhtYCoord, "VerseX":fctnVerseXCoord, "VerseY":fctnVerseYCoord};
	
}

/*
 *	Fetch offset
 *	@param NULL	
 *	return NULL
 */
function fetchDesnOffSet() {
    fctnLNameOffSet= getValueFromField('hidLNameOffSet');
    arrOffSet = fctnLNameOffSet.split('||');
    var fctnLNameLeft = eval(arrOffSet[0]);
    var fctnLNameTop = eval(arrOffSet[1]);
    
    fctnFNameOffSet = getValueFromField('hidFNameOffSet');
    arrOffSet = fctnFNameOffSet.split('||');
    var fctnFNameLeft = eval(arrOffSet[0]);
    var fctnFNameTop = eval(arrOffSet[1]);
    
    fctnDobOffSet = getValueFromField('hidDobOffSet');
    arrOffSet = fctnDobOffSet.split('||');
    var fctnDobLeft = eval(arrOffSet[0]);
    var fctnDobTop = eval(arrOffSet[1]);
    
    fctnDodOffSet = getValueFromField('hidDodOffSet');
    arrOffSet = fctnDodOffSet.split('||');
    var fctnDodLeft = eval(arrOffSet[0]);
    var fctnDodTop = eval(arrOffSet[1]);
    
    fctnFNameRhtOffSet = getValueFromField('hidFNameRhtOffSet');
    arrOffSet = fctnFNameRhtOffSet.split('||');
    var fctnFNameRhtLeft = eval(arrOffSet[0]);
    var fctnFNameRhtTop = eval(arrOffSet[1]);
    
    fctnDobRhtOffSet = getValueFromField('hidDobRhtOffSet');
    arrOffSet = fctnDobRhtOffSet.split('||');
    var fctnDobRhtLeft = eval(arrOffSet[0]);
    var fctnDobRhtTop = eval(arrOffSet[1]);
    
    fctnDodRhtOffSet = getValueFromField('hidDodRhtOffSet');
    arrOffSet = fctnDodRhtOffSet.split('||');
    var fctnDodRhtLeft = eval(arrOffSet[0]);
    var fctnDodRhtTop = eval(arrOffSet[1]);
    
    fctnVerseOffSet = getValueFromField('hidVerseOffSet');
    arrOffSet = fctnVerseOffSet.split('||');
    var fctnVerseLeft = eval(arrOffSet[0]);
    var fctnVerseTop = eval(arrOffSet[1]);
    return {"LNameLeft":fctnLNameLeft,"LNameTop":fctnLNameTop, "FNameLeft":fctnFNameLeft,"FNameTop":fctnFNameTop, 
            "DobLeft":fctnDobLeft, "DobTop":fctnDobTop, "DodLeft":fctnDodLeft, "DodTop":fctnDodTop, 
            "FNameRhtLeft":fctnFNameRhtLeft, "FNameRhtTop":fctnFNameRhtTop, "DobRhtLeft":fctnDobRhtLeft, "DobRhtTop":fctnDobRhtTop,
            "DodRhtLeft":fctnDodRhtLeft, "DodRhtTop":fctnDodRhtTop, "VerseLeft":fctnVerseLeft, "VerseTop":fctnVerseTop};
	
}

/*
 *	Fetch style
 *	@param NULL
 *	return NULL
 */
function fetchDesnStyle() {
	objCoord = fetchDesnCoordinates();
	//objOffSet = fetchDesnOffSet();
	var fctnLnameLeft = '';
	var fctnLnameTop = '';
	var fctnFnameLeft = '';
	var fctnFnameTop = '';
	var fctnDobLeft = '';
	var fctnDobTop = '';
	var fctnDodLeft = '';
	var fctnDodTop = '';
	var fctnFNameRhtLeft = '';
	var fctnFNameRhtTop = '';
	var fctnDobRhtLeft = '';
	var fctnDobRhtTop = '';
	var fctnDodRhtLeft = '';
	var fctnDodRhtTop = '';
	var fctnVerseLeft = '';
	var fctnVerseTop = '';
	
	var fctnLNameFont = getValueFromField('hidLNameFont');
	var fctnLNameFontSize = getValueFromField('hidLNameFontSize');
	var fctnLNameSpacing = getValueFromField('hidLNameSpacing');
	
	var fctnFNameFont = getValueFromField('hidFNameFont');
	var fctnFNameFontSize = getValueFromField('hidFNameFontSize');
	var fctnFNameSpacing = getValueFromField('hidFNameSpacing');

	var fctnFNameRhtFont = getValueFromField('hidFNameRhtFont');
	var fctnFNameRhtFontSize = getValueFromField('hidFNameRhtFontSize');
	var fctnFNameRhtSpacing = getValueFromField('hidFNameRhtSpacing');
	if(document.getElementById('prevTextBlock')) {
	//	alert(document.getElementById('prevTextBlock').className);
	//	document.getElementById('prevTextBlock').className = 'previewClass1';
	}
	if(objCoord.LNameX != '') {
/*		fctnLeft = 0;
		
		if(document.getElementById('td_lastname')) {
			fctnLeft = objOffSet.LNameLeft - eval(document.getElementById('td_lastname').offsetLeft);
		
		}
*/		//alert(fctnLeft);
		//alert(objCoord.LNameX);
		//fctnLnameLeft ='left:'+(fctnLeft  - objCoord.LNameX)+'px;';
		fctnLnameLeft ='left:'+ objCoord.LNameX+'px;';
	}
	if(objCoord.LNameY != '')	{
/*		fctnTop = 0;
		if(document.getElementById('td_lastname'))
			fctnTop = objOffSet.LNameTop - eval(document.getElementById('td_lastname').offsetTop);
		fctnLnameTop ='top:' + (fctnTop + objCoord.LNameY) + 'px;';
*/
		fctnLnameTop ='top:' + objCoord.LNameY + 'px;';
	}
	
	if(fctnLNameFont != '')	fctnLNameFont = 'font-family:'+fctnLNameFont+';';
	if(fctnLNameFontSize != '')	fctnLNameFontSize = 'font-size:'+fctnLNameFontSize+';';
	if(fctnLNameSpacing != '')	fctnLNameSpacing = 'letter-spacing:'+fctnLNameSpacing+';';
//	alert(document.getElementById('hidLNameOffSet').value)
	fctnLNameStyle = "position:relative;"+fctnLnameLeft + fctnLnameTop + fctnLNameFont + fctnLNameFontSize + fctnLNameSpacing;
	if(objCoord.FNameX != '')	fctnFnameLeft ='left:'+objCoord.FNameX+'px;';
	if(objCoord.FNameY != '')	fctnFnameTop ='top:'+objCoord.FNameY+'px;';

	if(fctnFNameFont != '')	fctnFNameFont = 'font-family:'+fctnFNameFont+';';
	if(fctnFNameFontSize != '')	fctnFNameFontSize = 'font-size:'+fctnFNameFontSize+';';
	if(fctnFNameSpacing != '')	fctnFNameSpacing = 'letter-spacing:'+fctnFNameSpacing+';';	
	fctnFNameStyle = "position:relative;" + fctnFnameLeft + fctnFnameTop + fctnFNameFont + fctnFNameFontSize + fctnFNameSpacing;
	if(objCoord.DobX != '')	fctnDobLeft ='left:'+objCoord.DobX+'px;';
	if(objCoord.DobY != '')	fctnDobTop ='top:'+objCoord.DobY+'px;';
	fctnDobstyle = "position:relative;"+fctnDobLeft+fctnDobTop;
	if(objCoord.DodX != '')	fctnDodLeft ='left:'+objCoord.DodX+'px;';
	if(objCoord.DodY != '')	fctnDodTop ='top:'+objCoord.DodY+'px;';
	fctnDodstyle = "position:relative;"+fctnDodLeft+fctnDodTop;
	if(objCoord.FNameRhtX != '')	fctnFNameRhtLeft ='left:'+objCoord.FNameRhtX+'px;';
	if(objCoord.FNameRhtY != '')	fctnFNameRhtTop ='top:'+objCoord.FNameRhtY+'px;';
	
	if(fctnFNameRhtFont != '')	fctnFNameRhtFont = 'font-family:'+fctnFNameRhtFont+';';
	if(fctnFNameRhtFontSize != '')	fctnFNameRhtFontSize = 'font-size:'+fctnFNameRhtFontSize+';';
	if(fctnFNameRhtSpacing != '')	fctnFNameRhtSpacing = 'letter-spacing:'+fctnFNameRhtSpacing+';';	
	fctnFNameRhtStyle = "position:relative;" + fctnFNameRhtLeft + fctnFNameRhtTop + fctnFNameRhtFont + fctnFNameRhtFontSize + fctnFNameRhtSpacing;
	if(objCoord.DobRhtX != '')	fctnDobRhtLeft ='left:'+objCoord.DobRhtX+'px;';
	if(objCoord.DobRhtY != '')	fctnDobRhtTop ='top:'+objCoord.DobRhtY+'px;';
	fctnDobRhtStyle = "position:relative;"+fctnDobRhtLeft+fctnDobRhtTop;
	if(objCoord.DodRhtX != '')	fctnDodRhtLeft ='left:'+objCoord.DodRhtX+'px;';
	if(objCoord.DodRhtY != '')	fctnDodRhtTop ='top:'+objCoord.DodRhtY+'px;';
	fctnDodRhtStyle = "position:relative;"+fctnDodRhtLeft+fctnDodRhtTop;
	if(objCoord.VerseX != '')	fctnVerseLeft ='left:'+objCoord.VerseX+'px;';
	if(objCoord.VerseY != '')	fctnVerseTop ='top:'+objCoord.VerseY+'px;';
	
	fctnVerseFont = 'font-family:VermarcRegular;';
	fctnVerseFontSize = 'font-size:11px;';
	fctnVerseSpacing = 'letter-spacing:1px;';	
	fctnVerseStyle = "position:relative;"+fctnVerseLeft+fctnVerseTop+fctnVerseFont+fctnVerseFontSize+fctnVerseSpacing;
	
	return {"LNameStyle":fctnLNameStyle, "FNameStyle":fctnFNameStyle, "DobStyle":fctnDobstyle, "DodStyle":fctnDodstyle,  
	        "FNameRhtStyle":fctnFNameRhtStyle, "DobRhtStyle":fctnDobRhtStyle, "DodRhtStyle":fctnDodRhtStyle, "VerseStyle":fctnVerseStyle};
}
 
/*
 *	Get html for single flat marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getSngBronzeHtml(objParam) {
	var arrDob = objParam.DOB.split('&nbsp;');
	fctnDOB = arrDob[2];
	var arrDod = objParam.DOD.split('&nbsp;');
	fctnDOD = arrDod[2];
	fctnDobClass = objParam.STYLE + '_dob';
	fctnDodClass = objParam.STYLE + '_dod';
	fctnFNameClass = objParam.STYLE + '_fname';

	fctnNameClass = objParam.STYLE + '_lname';
	var fctnImage = document.getElementById('imgname').value;
//	alert(fctnImage);
	if(fctnDOB == undefined)	fctnDOB = '';
	if(fctnDOD == undefined)	fctnDOD = '';

	var	vHtml 	='	<div id="prevTextBlock" class="'+objParam.STYLE+'">'
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker2':	
		case 'Grassmarker4':
		case 'Grassmarker9':	
		case 'Grassmarker10':	
			var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
			vHtml   +='     <span id="dobId"><div class="h3Prevfont '+fctnDobClass+'"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDOB+'</span></div></span>'		
			vHtml   +='     <span id="dodId"><div class="h3Prevfont '+fctnDodClass+'"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+fctnDOD+'</span></div></span>'
			vHtml   +='     <div  id="" class="h1Prevfont '+fctnNameClass+'"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'
			vHtml   += 		fctnFName+'&nbsp;</span><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>';
			break;		
		case 'Grassmarker3':	
		case 'Grassmarker6':	
		case 'Grassmarker7':	
			if(fctnImage == 'Grassmarker3' )	var fctnFName = objParam.FIRSTNAME;
			else	var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
			vHtml   +='     <div   class="h1Prevfont '+fctnNameClass+'"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span>&nbsp;'
			vHtml   +='		<span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>';
			vHtml   +='     <span id="dobId"><div class="h3Prevfont '+fctnDobClass+'"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDOB+'</span></div></span>'		
			vHtml   +='     <span id="dodId"><div class="h3Prevfont '+fctnDodClass+'"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+fctnDOD+'</span></div></span>'
			break;		
		case 'Grassmarker5':
		case 'Grassmarker8':
			var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
			vHtml   +='     <span id="dobId"><div class="h3Prevfont '+fctnDobClass+'"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDOB+'</span></div></span>'		
			vHtml   +='     <span id="dodId"><div class="h3Prevfont '+fctnDodClass+'"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+fctnDOD+'</span></div></span>'
		    vHtml   +='     <div class="h1Prevfont '+fctnFNameClass+'"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>';
			vHtml   +='     <div class="h1Prevfont '+fctnNameClass+'"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>';
	}

	vHtml   +='	</div>'	
	return 	vHtml;
}

/*
 *	Get html for single flat marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getSngFlatHtml(objParam) {
	var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
	var	vHtml 	='	<div id="prevTextBlock" class="'+objParam.STYLE+'">'
		vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
		vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
		vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
		vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
		vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'
		vHtml +='	</div>'	
	return 	vHtml;
}

/*
 *	Get html for single slant marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getSngSlantHtml(objParam) {
	var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
	var	vHtml 	='	<div id="prevTextBlock" class="'+objParam.STYLE+'">'
	var fctnImage = document.getElementById('imgname').value;
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker6':
			vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod"" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'	
			break;
		case 'Grassmarker2':	
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'	
			vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			break;
		case 'Grassmarker3':	
			vHtml +='		<div  class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'	
			break;
		case 'Grassmarker4':
			vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'	
			break	
		case 'Grassmarker5':	
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'
			vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			break;
	}
	vHtml +='	</div>'	
	return 	vHtml;
}

/*
 *	Get html for single slant marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getSngUprightHtml(objParam) {
	var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
	var	vHtml 	='	<div id="prevUpright" class="'+objParam.STYLE+'">'
	var fctnImage = document.getElementById('imgname').value;
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker2':
		case 'Grassmarker3':
		case 'Grassmarker4':
		case 'Grassmarker6':
			vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'		
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'	
			break;
		case 'Grassmarker5':	
			fctnDob = objParam.DOB.replace(',', '<br>');
			vHtml +='		<div class="prevDiv1 h1Prevfont"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDob+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'			
			break;
	}
	vHtml +='	</div>'	
	//alert(vHtml);
	//alert(vHtml);	
	return 	vHtml;
}

/*
 *	Get html for single pet marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getSngPetHtml(objParam) {
	var fctnFName = objParam.FIRSTNAME ;
	var	vHtml 	='	<div id="prevTextBlock" class="'+objParam.STYLE+'">'
	var fctnImage = document.getElementById('imgname').value;
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker2':
		case 'Grassmarker3':	
		case 'Grassmarker4':
		case 'Grassmarker5':
  	    case 'Grassmarker6':	
		case 'Grassmarker7':
		case 'Grassmarker8':
		case 'Grassmarker9':
		case 'Grassmarker10':
		case 'Grassmarker11':
			vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
			vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
			vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
			vHtml +='		<div class="prevDiv5 h4Prevfont"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'			
			break;
	}
	vHtml +='	</div>'	
	//alert(vHtml);
	//alert(vHtml);	
	return 	vHtml;
}

function getDblMemBlock(argStyle) {
	var fctnLName = getValueFromField("lastName").toUpperCase();
	var fctnFName = getValueFromField("firstName").toUpperCase();
	fctnMName = "";
/*	if(getValueFromField("hidmidNameShrt") != "")
		fctnMName = 	getValueFromField("hidmidNameShrt").toUpperCase() + '.';
*/	
	fctnMNameL = document.getElementById("midNameLong").value.toUpperCase();
	if(fctnMNameL.length == 1)	fctnMNameL = fctnMNameL + '.';

//	fctnFName += "&nbsp;" + fctnMName + fctnMNameL;
	fctnVerse = getValueFromField('hidverse').toUpperCase();
	//if(fctnVerse == '')	fctnVerse = "IN GOD'S CARE";

	var fctnFNameRht = getValueFromField("firstNameRht").toUpperCase();
	var fctnMNameRht = "";
/*	if(getValueFromField("hidmidNameShrtRht") != "")
		fctnMNameRht = 	getValueFromField("hidmidNameShrtRht").toUpperCase() + '.';
*/	fctnMNameLRht = document.getElementById("midNameLongRht").value.toUpperCase();
	if(fctnMNameLRht.length == 1)	fctnMNameLRht = fctnMNameLRht + '.';
	//fctnFNameRht += "&nbsp;" + fctnMNameRht + fctnMNameLRht;
	
	if(argStyle == undefined) {
		argLNameStyle = 'previewClass1_lname';	
		argVerseStyle = 'previewClass1_verse';
		argLftStyle = 'previewClass1_lft';
		argRhtStyle = 'previewClass1_rht';
		fctnDOB = getValueFromField("hiddob"); 
		fctnDOB = dateDisplay(fctnDOB);
		fctnDOD = getValueFromField("hiddod"); 
		fctnDOD = dateDisplay(fctnDOD);
		fctnDOBRht = getValueFromField("hiddobRht"); 
		fctnDOBRht = dateDisplay(fctnDOBRht);
		fctnDODRht = getValueFromField("hiddodRht"); 
		fctnDODRht = dateDisplay(fctnDODRht);
	} else {
		argLNameStyle = argStyle + '_lname';	
		argVerseStyle = argStyle + '_verse';
		argLftStyle = argStyle +'_lft';
		argRhtStyle = argStyle +'_rht';
		fctnDOB =  'D.O.B';
		fctnDOD =  'D.O.D';
		fctnDOBRht =  'D.O.B';
		fctnDODRht =  'D.O.D';
	} 
/*	if(document.getElementById('hidBaseStyle').value != '') {
		argLNameStyle = 'previewClass' + document.getElementById('hidBaseStyle').value + '_lname';
		argVerseStyle = 'previewClass' + document.getElementById('hidBaseStyle').value + '_verse';
		argLftStyle = 'previewClass' + document.getElementById('hidBaseStyle').value + '_lft';
		argRhtStyle = 'previewClass' + document.getElementById('hidBaseStyle').value + '_rht';
	}
*/	var objCoordParam = fetchDesnStyle();
	var objParam = {'LNAMESTYLE':argLNameStyle, 'LFTSTYLE':argLftStyle, 'LASTNAME':fctnLName, 'FIRSTNAME':fctnFName, 'MIDNAME':fctnMName, 
	'MIDNAMELONG':fctnMNameL, 'DOB':fctnDOB, 'DOD':fctnDOD, 'RHTSTYLE':argRhtStyle, 'FIRSTNAMERHT':fctnFNameRht, 'MIDNAMERHT':fctnMNameRht, 
	'MIDNAMELONGRHT':fctnMNameLRht, 'DOBRHT':fctnDOBRht, 'DODRHT':fctnDODRht, 'VERSE':fctnVerse, 'DESNCOORD':objCoordParam};
	var fctnCate = document.getElementById('hidDesMonuCate').value;
	switch(fctnCate) {
		case 'flat':
		case 'bevel':
			var vHtml = getDblFlatHtml(objParam);
			break;
		case 'slant':
			var vHtml = getDblSlantHtml(objParam);
			break;
		case 'upright':
			var vHtml = getDblUprightHtml(objParam);
			break;
		case 'bronze':
			var vHtml = getDblBronzeHtml(objParam);
			break;
	}
					
/*	var vHtml ='	<div  id="td_lastname" class="prevDiv1 h1Prevfont '+argLNameStyle+'">'+fctnLName+'</div>'					
		vHtml +='	<div id="prevTextBlockLft" class="'+argLftStyle+'">'
		vHtml +='		<div id="td_firstname" class="prevDiv2 h2Prevfont">'+fctnFName+'</div>'
		vHtml +='		<span id="dobId"><div id="td_dob" class="prevDiv3 h3Prevfont">'+fctnDOB+'</div></span>'
		vHtml +='		<span id="dodId"><div id="td_dod" class="prevDiv4 h3Prevfont">'+fctnDOD+'</div></span>'
		vHtml +='	</div>'
		vHtml +='	<div id="prevTextBlockRht" class="'+argRhtStyle+'">'
		vHtml +='		<div id="td_firstname_rht" class="prevDiv2 h2Prevfont">'+fctnFNameRht+'</div>'
		vHtml +='		<span id="dobIdRht"><div id="td_dob_rht" class="prevDiv3 h3Prevfont">'+fctnDOBRht+'</div></span>'
		vHtml +='		<span id="dodIdRht"><div id="td_dod_rht" class="prevDiv4 h3Prevfont">'+fctnDODRht+'</div></span>'
		vHtml +='	</div>'
		vHtml +='	<div class="clear"></div>'
		vHtml +='	<div  id="td_verse" class="prevDiv5 h4Prevfont '+argVerseStyle+'">'+fctnVerse+'</div>'					
*/	return 	vHtml;		
}

/*
 *	Get html for double flat marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getDblFlatHtml(objParam) {
	var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
	var fctnFNameRht = objParam.FIRSTNAMERHT + "&nbsp;" + objParam.MIDNAMERHT  +  objParam.MIDNAMELONGRHT;
	var vHtml ='	<div class="prevDiv1 h1Prevfont '+objParam.LNAMESTYLE+'"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>'					
		vHtml +='	<div id="prevTextBlockLft" class="'+objParam.LFTSTYLE+'">'
		vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>'
		vHtml +='		<span id="dobId"><div class="prevDiv3 h3Prevfont"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+objParam.DOB+'</span></div></span>'
		vHtml +='		<span id="dodId"><div class="prevDiv4 h3Prevfont"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+objParam.DOD+'</span></div></span>'
		vHtml +='	</div>'
		vHtml +='	<div id="prevTextBlockRht" class="'+objParam.RHTSTYLE+'">'
		vHtml +='		<div class="prevDiv2 h2Prevfont"><span id="td_firstname_rht" style="'+objParam.DESNCOORD.FNameRhtStyle+'">'+fctnFNameRht+'</span></div>'
		vHtml +='		<span id="dobIdRht"><div class="prevDiv3 h3Prevfont"><span id="td_dob_rht" style="'+objParam.DESNCOORD.DobRhtStyle+'">'+objParam.DOBRHT+'</span></div></span>'
		vHtml +='		<span id="dodIdRht"><div class="prevDiv4 h3Prevfont"><span id="td_dod_rht" style="'+objParam.DESNCOORD.DodRhtStyle+'">'+objParam.DODRHT+'</span></div></span>'
		vHtml +='	</div>'
		vHtml +='	<div class="clear"></div>'
		vHtml +='	<div class="prevDiv5 h4Prevfont '+argVerseStyle+'"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>'					
	return 	vHtml;
}

/*
 *	Get html for double slant marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getDblSlantHtml(objParam) {
	var arrDob = objParam.DOB.split('&nbsp;');
	fctnDOB = arrDob[2];
	var arrDod = objParam.DOD.split('&nbsp;');
	fctnDOD = arrDod[2];
	var arrDob = objParam.DOBRHT.split('&nbsp;');
	fctnDOBRht = arrDob[2];
//	alert(arrDob[2]);
	var arrDod = objParam.DODRHT.split('&nbsp;');
	fctnDODRht = arrDod[2];
	
	
	fctnLNameClass = objParam.LFTSTYLE + '_slant_lname';
	fctnLftClass = objParam.LFTSTYLE + '_slant';
	fctnRhtClass = objParam.RHTSTYLE + '_slant';
	fctnVerseClass = objParam.LFTSTYLE + '_slant_verse';
	var fctnImage = document.getElementById('imgname').value;
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker2':	
		case 'Grassmarker3':	
		case 'Grassmarker4':	
		case 'Grassmarker5':
		case 'Grassmarker6':
			var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
			var fctnFNameRht = objParam.FIRSTNAMERHT + "&nbsp;" + objParam.MIDNAMERHT  +  objParam.MIDNAMELONGRHT;
        	var vLftHtml = '<div class="h2Prevfont prevDiv2"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>';
            vLftHtml	+= '<span id="dobId"><div class="h3Prevfont prevDiv3"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDOB+'</span></div></span>';
            vLftHtml	+= '<span id="dodId"><div class="h3Prevfont prevDiv4"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+fctnDOD+'</span></div></span>';
            vLftHtml	+= '<div class="clear"></div>';
            var vRhtHtml = '<div class="h2Prevfont prevDiv2"><span id="td_firstname_rht" style="'+objParam.DESNCOORD.FNameRhtStyle+'">'+fctnFNameRht+'</span></div>';
            vRhtHtml    += '<span id="dobIdRht"><div class="h3Prevfont prevDiv3"><span id="td_dob_rht" style="'+objParam.DESNCOORD.DobRhtStyle+'">'+fctnDOBRht+'</span></div></span>';
            vRhtHtml    += '<span id="dodIdRht"><div class="h3Prevfont prevDiv4"><span id="td_dod_rht" style="'+objParam.DESNCOORD.DodRhtStyle+'">'+fctnDODRht+'</span></div></span>';
            vRhtHtml    += '<div class="clear"></div>';
			break;
	}
	var vHtml = '<div  class="h1Prevfont prevDiv1 '+fctnLNameClass+'"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>';
	vHtml    += '<div id="prevTextBlockLft" class="'+fctnLftClass+'">'+vLftHtml+'</div>';
	vHtml    += '<div id="prevTextBlockRht" class="'+fctnRhtClass+'">'+vRhtHtml+'</div>';	
	vHtml    += '<div class="clear"></div>';		
	vHtml    += '<div  class="h4Prevfont prevDiv5 '+fctnVerseClass+'"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>';
	
	//alert(vHtml);
	return 	vHtml;
}

/*
 *	Get html for double Uprights
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getDblUprightHtml(objParam) {
	var arrDob = objParam.DOB.split('&nbsp;');
	fctnDOB = arrDob[2];
	var arrDod = objParam.DOD.split('&nbsp;');
	fctnDOD = arrDod[2];
	var arrDob = objParam.DOBRHT.split('&nbsp;');
	fctnDOBRht = arrDob[2];
//	alert(arrDob[2]);
	var arrDod = objParam.DODRHT.split('&nbsp;');
	fctnDODRht = arrDod[2];
	
	
	fctnLNameClass = objParam.LFTSTYLE + '_upright_lname';
	fctnVerseClass = objParam.LFTSTYLE + '_upright_verse';
	fctnLftClass = objParam.LFTSTYLE + '_upright';
	fctnRhtClass = objParam.RHTSTYLE + '_upright';

	var fctnImage = document.getElementById('imgname').value;
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker2':	
		case 'Grassmarker3':	
		case 'Grassmarker4':	
		case 'Grassmarker5':
		case 'Grassmarker6':
			var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
			var fctnFNameRht = objParam.FIRSTNAMERHT + "&nbsp;" + objParam.MIDNAMERHT  +  objParam.MIDNAMELONGRHT;
        	var vLftHtml = '<div class="h2Prevfont prevDiv2"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>';
            vLftHtml	+= '<span id="dobId"><div class="h3Prevfont prevDiv3"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDOB+'</span></div></span>';
            vLftHtml	+= '<span id="dodId"><div class="h3Prevfont prevDiv4"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+fctnDOD+'</span></div></span>';
            vLftHtml	+= '<div class="clear"></div>';
            var vRhtHtml = '<div class="h2Prevfont prevDiv2"><span id="td_firstname_rht" style="'+objParam.DESNCOORD.FNameRhtStyle+'">'+fctnFNameRht+'</span></div>';
            vRhtHtml    += '<span id="dobIdRht"><div class="h3Prevfont prevDiv3"><span id="td_dob_rht" style="'+objParam.DESNCOORD.DobRhtStyle+'">'+fctnDOBRht+'</span></div></span>';
            vRhtHtml    += '<span id="dodIdRht"><div class="h3Prevfont prevDiv4"><span id="td_dod_rht" style="'+objParam.DESNCOORD.DodRhtStyle+'">'+fctnDODRht+'</span></div></span>';
            vRhtHtml    += '<div class="clear"></div>';
			break;
	}
	var vHtml = '<div  id="prevUpright">' 
	vHtml    += '<div  class="h1Prevfont prevDiv1 '+fctnLNameClass+'"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>';
	vHtml    += '<div id="prevTextBlockLft" class="'+fctnLftClass+'">'+vLftHtml+'</div>';
	vHtml    += '<div id="prevTextBlockRht" class="'+fctnRhtClass+'">'+vRhtHtml+'</div>';
	vHtml    += '<div class="clear"></div>';		
	vHtml    += '<div class="h4Prevfont prevDiv5 '+fctnVerseClass+'"><span id="td_verse" style="'+objParam.DESNCOORD.VerseStyle+'">'+objParam.VERSE+'</span></div>';
	vHtml    += '</div>';
	//alert(vHtml);
	return 	vHtml;
}

/*
 *	Get html for double bronze marker
 *	@param objParam -> (string) parameters
 *	return vHtml -> (string)
 */
function getDblBronzeHtml(objParam) {
	var arrDob = objParam.DOB.split('&nbsp;');
	fctnDOB = arrDob[2];
	var arrDod = objParam.DOD.split('&nbsp;');
	fctnDOD = arrDod[2];
	var arrDob = objParam.DOBRHT.split('&nbsp;');
	fctnDOBRht = arrDob[2];
//	alert(arrDob[2]);
	var arrDod = objParam.DODRHT.split('&nbsp;');
	fctnDODRht = arrDod[2];
	
	fctnLftDobClass = objParam.LFTSTYLE + '_bronze_dob';
	fctnLftDodClass = objParam.LFTSTYLE + '_bronze_dod';
	fctnLftDateSep = objParam.LFTSTYLE + '_bronze_date_sep'; 
	fctnLftFNameClass = objParam.LFTSTYLE + '_bronze_fname';

	fctnRhtDobClass = objParam.RHTSTYLE + '_bronze_dob';
	fctnRhtDodClass = objParam.RHTSTYLE + '_bronze_dod';
	fctnRhtDateSep = objParam.RHTSTYLE + '_bronze_date_sep'; 
	
	fctnRhtFNameClass = objParam.RHTSTYLE + '_bronze_fname';
	
	fctnLNameClass = objParam.LFTSTYLE + '_bronze_lname';
	var fctnImage = document.getElementById('imgname').value;
	switch(fctnImage) {
		case 'Grassmarker1':
		case 'Grassmarker2':	
		case 'Grassmarker3':	
		case 'Grassmarker4':	
		case 'Grassmarker5':	
		case 'Grassmarker6':	
		case 'Grassmarker7':	
		case 'Grassmarker8':
		case 'Grassmarker9':
		case 'Grassmarker10':	
		
			fctnDateSep = '';
			if(fctnImage == 'Grassmarker1' || fctnImage == 'Grassmarker2')	fctnDateSep = '-';
			var fctnFName = objParam.FIRSTNAME + "&nbsp;" + objParam.MIDNAME  +  objParam.MIDNAMELONG;
			var fctnFNameRht = objParam.FIRSTNAMERHT + "&nbsp;" + objParam.MIDNAMERHT  +  objParam.MIDNAMELONGRHT;
        	var vLftHtml = '<div class="h2Prevfont '+fctnLftFNameClass+'"><span id="td_firstname" style="'+objParam.DESNCOORD.FNameStyle+'">'+fctnFName+'</span></div>';
            vLftHtml	+= '<span id="dobId"><div class="h3Prevfont '+fctnLftDobClass+'"><span id="td_dob" style="'+objParam.DESNCOORD.DobStyle+'">'+fctnDOB+'</span></div></span>';
            vLftHtml	+= '<div id="date_lft_sep" class="h3Prevfont '+fctnLftDateSep+'">'+fctnDateSep+'</div>';
            vLftHtml	+= '<span id="dodId"><div class="h3Prevfont '+fctnLftDodClass+'"><span id="td_dod" style="'+objParam.DESNCOORD.DodStyle+'">'+fctnDOD+'</span></div></span>';
            vLftHtml	+= '<div class="clear"></div>';
            var vRhtHtml = '<div class="h2Prevfont '+fctnRhtFNameClass+'"><span id="td_firstname_rht" style="'+objParam.DESNCOORD.FNameRhtStyle+'">'+fctnFNameRht+'</span></div>';
            vRhtHtml    += '<span id="dobIdRht"><div class="h3Prevfont '+fctnRhtDobClass+'"><span id="td_dob_rht" style="'+objParam.DESNCOORD.DobRhtStyle+'">'+fctnDOBRht+'</span></div></span>';
            vRhtHtml	+= '<div id="date_rht_sep" class="h3Prevfont '+fctnRhtDateSep+'">'+fctnDateSep+'</div>';
            vRhtHtml    += '<span id="dodIdRht"><div class="h3Prevfont '+fctnRhtDodClass+'"><span id="td_dod_rht" style="'+objParam.DESNCOORD.DodRhtStyle+'">'+fctnDODRht+'</span></div></span>';
            vRhtHtml    += '<div class="clear"></div>';
			break;
	}
	var vHtml = '<div id="prevTextBlockLft" class="previewClass_lft_bronze">'+vLftHtml+'</div>';
	vHtml    += '<div id="prevTextBlockRht" class="previewClass_rht_bronze">'+vRhtHtml+'</div>';	
	vHtml    += '<div class="clear"></div><div class="h1Prevfont '+fctnLNameClass+'"><span id="td_lastname" style="'+objParam.DESNCOORD.LNameStyle+'">'+objParam.LASTNAME+'</span></div>';		
	//alert(vHtml);
	return 	vHtml;
}

function loadLayouts() {
	var fctnMonuCate = document.getElementById('hidDesMonuCate').value;
	var fctnMonuType = document.getElementById('hidDesMonuType').value;
	document.getElementById('imgSlide').innerHTML = divloadingtag;
	ajaxPost('post','ajaxUtil.php','action=loadLayouts&moncate='+fctnMonuCate+'&montype='+fctnMonuType+'&rand='+Math.random(),loadLayoutsRes);
}

function loadLayoutsRes(argRes) {
	document.getElementById('imgSlide').innerHTML = argRes;
}

function editInfo() {
	document.getElementById('popup').style.display = 'block';
	fctnMonuType = eval(document.getElementById('hidDesMonuType').value);
//	alert(fctnMonuType);
	document.getElementById('hidMonuType').value = fctnMonuType;
	document.getElementById('hidMonuCate').value = document.getElementById('hidDesMonuCate').value;	
	toggleMonuTypeImg(fctnMonuType);
//	assignMonuType(fctnMonuType)
}

function calcAmt(argFld) {
	fctnQty = getValueFromField(argFld);
	if(!isInt(fctnQty)) {
		alert("Please enter valid value");
		document.getElementById(argFld).focus();
		document.getElementById(argFld).value = '';
		return;
	}
	fctnVaseQty = eval(getValueFromField('txtVaseQty'));
	fctnVaseAmt = fctnVaseQty * 100;
	fctnPicQty = eval(getValueFromField('txtPicQty'));
	fctnPicAmt = fctnPicQty * 100;
	document.getElementById('txtVaseAmt').value = fctnVaseAmt;
	document.getElementById('txtPicAmt').value = fctnPicAmt;
	fctnTot = eval(getValueFromField('hidMarkerAmt')) + fctnVaseAmt + fctnPicAmt;
	document.getElementById('txtTotAmt').value = fctnTot;
}

function goToPreview() {
	if(validate())
	document.design_form2.submit();
}

function changeClass(argDiv, argClass) {
	document.getElementById(argDiv).className = argClass;
	
}

function changeColorBorder(argColor, argDiv, argClass) {
		fctnCurrentColor = document.getElementById('markercolor').value;
		if(argColor != fctnCurrentColor || argClass != 'grayborder_thick')
			document.getElementById(argDiv).className = argClass;
}

var gCurPage = 'design';
function showPrice(argProdID, argColor) {
	document.getElementById('divPrice').innerHTML = "Loading...";
	ajaxPost('post','ajaxUtil.php','action=showprice&color='+argColor+'&prodid='+argProdID+'&rand='+Math.random(),showPriceRes);
}

function showPriceRes(argRes) {
	fctnProdID = '';
	fctnCurrentColor = document.getElementById('markercolor').value;
	if(gCurPage == 'design')	fctnProdID = eval(document.getElementById('hidProdID').value);
	if(fctnCurrentColor == 'gray' && fctnProdID == 25) {
		document.getElementById('divPrice').innerHTML = 'Price&nbsp;:&nbsp;$&nbsp;<strike>235</strike>&nbsp;'+argRes;
	} else if(fctnCurrentColor == 'gray' && fctnProdID == 2) {
		document.getElementById('divPrice').innerHTML = 'Price&nbsp;:&nbsp;$&nbsp;<strike>250</strike>&nbsp;'+argRes;
	} else {
 		document.getElementById('divPrice').innerHTML = 'Price&nbsp;:&nbsp;$&nbsp;'+argRes;
	}
	
	/*if(fctnProdID == 25 ) {
		fctnPrevPrice = Math.round((235/179) * eval(argRes));
		document.getElementById('divPrice').innerHTML = 'Price&nbsp;:&nbsp;$&nbsp;<strike>'+fctnPrevPrice+'</strike>&nbsp;'+argRes;
	} else if(fctnProdID == 2 ) {
		fctnPrevPrice = Math.round((250/200) * eval(argRes));
		document.getElementById('divPrice').innerHTML = 'Price&nbsp;:&nbsp;$&nbsp;<strike>'+fctnPrevPrice+'</strike>&nbsp;'+argRes;
	}*/
	
	document.getElementById('hidProdPrice').value = argRes;
}
function assignProdID(argProdID) {
	document.getElementById('hidProdID').value = argProdID;
	fctnColor = document.getElementById('markercolor').value;
	showPrice(argProdID, fctnColor);
}

function toggleVerse(argType, argIsFocus) {
	if(argType == 'com') {	
		if(trim(document.getElementById('comVerse').value) == '') {
			document.getElementById('verse').disabled= false;
			document.getElementById('comVerse').disabled = false;
		} else {
			document.getElementById('verse').value = '';
			document.getElementById('verse').disabled= true;
			document.getElementById('comVerse').disabled = false;
		}
	} else if(argIsFocus) {
			document.getElementById('verse').disabled = false;
			document.getElementById('comVerse').value = '';
			document.getElementById('comVerse').disabled = true;
	} else if(trim(document.getElementById('verse').value) == '') {
			document.getElementById('verse').disabled = false;
			document.getElementById('comVerse').disabled = false;
	} else {
			document.getElementById('verse').disabled = false;
			document.getElementById('comVerse').value = '';
			document.getElementById('comVerse').disabled = true;
	}
}

function showEconMarker() {
	document.getElementById('econmarkerpopup').style.display = 'block';
}

function closeEconMarker() {
	document.getElementById('econmarkerpopup').style.display = 'none';
}

function fixPng(argID) {
	 jQuery('#'+argID).pngFix(); 
}

function scrollRight() {
	vCurX = document.getElementById('imgSlide').scrollLeft;
	document.getElementById('imgSlide').scrollLeft = vCurX+50;
}

function scrollLeft() {
	vCurX = document.getElementById('imgSlide').scrollLeft;
	document.getElementById('imgSlide').scrollLeft = vCurX-50;
}

function dateValidation(argFirst_y, argFirst_m, argFirst_d, argSec_y, argSec_m, argSec_d, argErrMsg) {
	var fctnFirst = new Date(argFirst_y, argFirst_m, argFirst_d);
	var fctnSecond = new Date(argSec_y, argSec_m, argSec_d);
	if(fctnFirst.valueOf() > fctnSecond.valueOf()) {
		alert(argErrMsg);
		return 0;
	}
	return 1;
	// Death follows Birth on Earth - Check the Dates
}
var arrFontUtil = new Array();
arrFontUtil['td_lastname'] = new Array();
arrFontUtil['td_lastname']['font'] = 'hidLNameFont';
arrFontUtil['td_lastname']['fontsize'] = 'hidLNameFontSize';
arrFontUtil['td_lastname']['spacing'] = 'hidLNameSpacing';

arrFontUtil['td_firstname'] = new Array();
arrFontUtil['td_firstname']['font'] = 'hidFNameFont';
arrFontUtil['td_firstname']['fontsize'] = 'hidFNameFontSize';
arrFontUtil['td_firstname']['spacing'] = 'hidFNameSpacing';

arrFontUtil['td_firstname_rht'] = new Array();
arrFontUtil['td_firstname_rht']['font'] = 'hidFNameRhtFont';
arrFontUtil['td_firstname_rht']['fontsize'] = 'hidFNameRhtFontSize';
arrFontUtil['td_firstname_rht']['spacing'] = 'hidFNameRhtSpacing';

function changeFont(argFont) {
	if(document.getElementById('td_lastname')) {
		document.getElementById('td_lastname').style.fontFamily = argFont;
		document.getElementById(arrFontUtil['td_lastname']['font']).value = argFont;
	}
	if(document.getElementById('td_firstname')) {
		document.getElementById('td_firstname').style.fontFamily = argFont;
		document.getElementById(arrFontUtil['td_firstname']['font']).value = argFont;
	}
	if(document.getElementById('td_firstname_rht')) {
		document.getElementById('td_firstname_rht').style.fontFamily = argFont;
		document.getElementById(arrFontUtil['td_firstname_rht']['font']).value = argFont;
	}
}

function changeFontSize(argSize) {
	if(gPrevSelObj == 'td_lastname' || gPrevSelObj == 'td_firstname' || gPrevSelObj == 'td_firstname_rht') {
		document.getElementById(gPrevSelObj).style.fontSize = argSize;
		document.getElementById(arrFontUtil[gPrevSelObj]['fontsize']).value = argSize;
		
	}
}

function changeSpacing(argSpace) {
	if(gPrevSelObj == 'td_lastname' || gPrevSelObj == 'td_firstname' || gPrevSelObj == 'td_firstname_rht') {
		document.getElementById(gPrevSelObj).style.letterSpacing = argSpace;
		document.getElementById(arrFontUtil[gPrevSelObj]['spacing']).value = argSpace;
	}
}

/*
 *	De select the object 	
 *	@param argMode -> (string) direct or indirect
 *	return NULL
 */
function deSelectObj(argMode) {
	if(!dragAreaClicked) {
		if(gPrevSelObj != '') {
			document.getElementById(gPrevSelObj).style.border = 'none';
		}			
	}
	dragAreaClicked  = 0;
}

/*
 *	De select the object 	
 *	@param argObj -> (string) drag field, argX -> (float) x position, argY -> (float) y position
 *	return NULL
 */

function selectObj(argObj, argX, argY) {
	deSelectObj();
	dragAreaClicked = 1;
	document.getElementById(argObj).style.border = '1px solid #587813';
/*	document.getElementById('hidStartDragX').value = argX;
	document.getElementById('hidStartDragY').value = argY;
*/	gPrevSelObj = argObj;
	selectFontUtil();
}

/*
 *	Select font utils while selecting particular fields
 *	@param NULL
 *	return NULL
 */
function selectFontUtil(){
	if(gPrevSelObj == 'td_lastname' || gPrevSelObj == 'td_firstname' || gPrevSelObj == 'td_firstname_rht') {
   		document.getElementById('comFont').value = document.getElementById(arrFontUtil[gPrevSelObj]['font']).value;
        document.getElementById('comFontSize').value = document.getElementById(arrFontUtil[gPrevSelObj]['fontsize']).value;
        document.getElementById('comSpacing').value = document.getElementById(arrFontUtil[gPrevSelObj]['spacing']).value;
	}
}

/*
 *	Find is dragged
 *	@param argX -> (double) x pos,  argY -> (double) Y pos
 *	return NULL
 */    
function findIsDragged(argX, argY) {
	fctnExistX = eval(document.getElementById('hidStartDragX').value);
    fctnExistY =  eval(document.getElementById('hidStartDragY').value);
    
    if((fctnExistX != argX || fctnExistY != argY) && document.getElementById('hidBaseStyle').value == '') {
    	fctnImg = document.getElementById('imgname').value;
    	document.getElementById('hidBaseStyle').value =  fctnImg.replace('Grassmarker', ''); 
    }    
}