//fonts with mac/pc equivalents to set in css.
var font_values = new Array();
font_values["Arial"] = "Arial, Helvetica, sans-serif";
font_values["Times"] = "Times, serif";
font_values["Georgia"] = "Georgia, serif";

/* JMS: Called to display monogramming on product page if appropriate */
function displayMonogramming() {
	if(porder_code != "" && porder_code != "default")
	{
		var wrap_display_code = "";	
		//inputs to store monogramming information
		wrap_display_code += "<input type=\"hidden\" name=\"info_attr1\" id=\"info_attr1\" value=\"\"><input type=\"hidden\" name=\"info_attr2\" id=\"info_attr2\" value=\"\"/>";
		
		//choose to monogram
		wrap_display_code += "<div id=monogramTbl>&nbsp;<input type=\"checkbox\" name=\"monogram_checkbox\" id=\"monogram_checkbox\" value=\"0\" class=\"\" align=\"absmiddle\" onclick=\"showMonogramForm();\">Add Engraving</div>";
		
		//monogram section holder
		wrap_display_code +="<div id=\"monogramDetails\"></div>";
			
		document.write(wrap_display_code);
	}
	
}//end function

/* jat 1/29/08: called from display_gift_wrap function above - when checkbox is checked/unchecked, 
it will display or hide the gift wrap inputs on the page 
JMS 6/3/08
*/
var monogram_sides = new Array();
function showMonogramForm(){
	var price = "7.50";
	
	//set up fonts available for different materials
	var monogram_fonts = new Array();
	monogram_fonts["PLASTIC"] = new Array("Arial","Times");
	monogram_fonts["METAL"] = new Array("Times","Georgia");
		
	var monogramcheckbox = document.getElementById('monogram_checkbox');
	var show = (monogramcheckbox.checked)? true : false;
	if(show){
		//get monogramming options
		monogram_sides = porder_code.split(',');
		
		var wrap_display_code = "";	
		var aSide = "";
		var aLength = 10;
		var aMaterial = "PLASTIC";
		var tempSide = new Array();
		
		wrap_display_code += "<div><table cellpadding='2' cellspacing='3' border='0'>";
		wrap_display_code += "<tr><th>Side/Part</th><th>Text</th><th>Font</th><th>Preview</th></tr>";
		
		for (var j = 0; j < monogram_sides.length; j++ )
		{
			//start a row
			wrap_display_code += "<tr>";
			
			//get side, len and material
			tempSide = monogram_sides[j].split('-');
			
			aSide = (tempSide[0]!=null ? tempSide[0] : aSide);
			aLength = (tempSide[1]!=null ? tempSide[1] : aLength);
			aMaterial = (tempSide[2]!=null ? tempSide[2].toUpperCase() : aMaterial);
			
			if (aSide.search(/Front|Back|Blade/ig) != -1)
			{	
				wrap_display_code +="<td valign='top'><input type=\"checkbox\" name=\"monogram_"+monogram_sides[j]+"\" id=\"monogram_"+monogram_sides[j]+"\" value=\"\" align=\"absmiddle\"> "+aSide;
				wrap_display_code +="<div class='small_txt'>$"+price+"</div></td>";
				wrap_display_code +="<td valign='top'><input name=\"monogramtext_"+monogram_sides[j]+"\" id=\"monogramtext_"+monogram_sides[j]+"\" value=\"\" size=\""+aLength+"\" maxLength=\""+aLength+"\" class=\"qjump\"  type=\"text\" onkeyup=\"update_text('"+monogram_sides[j]+"');\">";
				wrap_display_code +="<div class='small_txt'>"+aLength+" letter max</div></td>";
			}
			
			wrap_display_code += "<td valign='top'>";
			if(monogram_fonts[aMaterial].length>0)
			{				
				wrap_display_code +="<select name='mono_font_"+monogram_sides[j]+"' id='mono_font_"+monogram_sides[j]+"' class=\"qjump\" onchange=\"set_font('"+monogram_sides[j]+"');\">";
				for (s = 0; s < monogram_fonts[aMaterial].length; s++ )
				{
					wrap_display_code += "<option value=\""+monogram_fonts[aMaterial][s]+"\">"+monogram_fonts[aMaterial][s]+"</option>";
				}
				wrap_display_code += "</select>";
			}
			wrap_display_code += "</td><td valign='top'><div id=\"preview_"+monogram_sides[j]+"\"></div></td></tr>";
		}
		wrap_display_code += "</table>";		
		
		document.getElementById('monogramDetails').innerHTML = wrap_display_code;	
	
		//document.getElementById('monogramDetails').style.display = "block";
	}else{
		document.getElementById('monogramDetails').innerHTML = "";
		//document.getElementById('monogramDetails').style.display = "none";
	}
}

function update_text(which)
{
	//update preview
	document.getElementById('preview_'+which).innerHTML = document.getElementById('monogramtext_'+which).value;
	
	//update font
	set_font(which);
}

function set_font(which)
{
	//update font
	document.getElementById('preview_'+which).style.fontFamily = font_values[document.getElementById('mono_font_'+which).value];

}


/* JAT called from split_dropdown.js */
function verifyMonogram()
{	
	var wrapSku = "1108";	//****** SET SKU FOR NAME MONOGRAM PRODUCT HERE ************
	var wrapQty = 0;
	var aSide = "";
	var tempSide = new Array();
	var engOptions = "";	
	var errMsg = "";
	
	if(document.getElementById("monogram_checkbox")!=null && document.getElementById("monogram_checkbox").checked)
	{
		//go through all sides
		for (var j = 0; j < monogram_sides.length; j++ )
		{
			//if side is selected
			if(document.getElementById("monogram_"+monogram_sides[j]).checked==true){
				//get side
				tempSide = monogram_sides[j].split('-');
				aSide = (tempSide[0]!=null ? tempSide[0] : "");
				
				//make sure text is set
				if(document.getElementById("monogramtext_"+monogram_sides[j]).value!=""){
					//gather side, text and font
					engOptions +="Engrave "+aSide+" with "+document.getElementById("monogramtext_"+monogram_sides[j]).value.replace(/,/ig,' ') + " in "+document.getElementById("mono_font_"+monogram_sides[j]).value+" font;";
					wrapQty ++;
				} else {
					errMsg += "\nPlease enter the text you would like to engrave on "+aSide;
				}
			}
		}
		
		if(errMsg !="") {
			alert("Missing Engraving Information:"+errMsg);
			return false;
		} else {
			document.getElementById("info_attr1").value = engOptions+",#" + document.getElementById("sku").value;
		}

		document.getElementById("sku").value += ','+wrapSku;
		document.getElementById("qty").value += ','+wrapQty;
		
		//alert("ENGINFO = " +document.getElementById("info_attr1").value+ "  |  SKU = " + document.getElementById("sku").value + "  |  QTY = " + document.getElementById("qty").value);

	}
}