// JavaScript Document
// createElementExplicit.js

function checkUrl(){
	
	var browUrl = document.location.href;
	if(browUrl.match(/http\:\/\/maeandmedesigns.com/gi)){
		browUrl2 = browUrl.replace('maeandmedesigns.com','www.maeandmedesigns.com');
		window.location = browUrl2;
	}
	//document.write (browUrl); 
	//if(browUrl == 'http://maeandmedesigns.com/'){
		//window.location = "http://www.maeandmedesigns.com"
	//} 
}
checkUrl();
function WindowHasLoaded(){
	//alert('here1');
	if(document.getElementById("Letter_field") || document.getElementById("Belt_Size_field")){
		//alert('here2');
		document.getElementById("vmMonogramImage").style.display = 'none';
		document.getElementById("SwatchID").style.display = 'none';
		
	}
	
}
var browser     = '';
var version     = '';
var entrance    = '';
var cond        = '';
// BROWSER?
if (browser == ''){
if (navigator.appName.indexOf('Microsoft') != -1)
browser = 'IE'
else if (navigator.appName.indexOf('Netscape') != -1)
browser = 'Netscape'

else browser = 'IE';
}
if (version == ''){
version= navigator.appVersion;
paren = version.indexOf('(');
whole_version = navigator.appVersion.substring(0,paren-1);
version         = parseInt(whole_version);
}

if (browser == 'Netscape' && version >= 2.02) document.write('<'+'link rel="stylesheet" href="components/com_virtuemart/themes/default/themeNS.css" />'); 






function DisplayHelp(text){
	//alert(text);
	if(text == "Heel Color"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td><ol style='margin-left:-20px;'><li>You Must Have Wooden Soles for the Painting Options</li><li>Flex Soles are very comfortable, but cannot be painted</li><li>Children's shoes sizes 26,27,28 are only available in wood soles, not flex</li><li>If you are purchasing the wooden heels they run a little wider</li></ol></td></tr></table>";
	}else if(text == "Base Color"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>Select the top color for your clogs.</td></tr></table>";
	}else if(text == "Size"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>Size determines price. Adult Clogs are $140 and Children's Clogs are $100<br><br>Children's shoes sizes 26,27,28 are only available in wood soles, not flex</td></tr></table>";
	}else if(text == "Monogram Thread Color"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>Select your font thread color.</td></tr></table>";
	}else if(text == "1 Letter Monogram Font"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>Custom monograms run the gamut of styles and custom images. On the web we provide a collection of basic styles. We can however add other fonts and even custom shapes and logos to suit your needs. Please contact us with special requests for logos/text or place in Comments/Requests box.</td></tr></table>";
	}else if(text == "3 Letter Monogram Font"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>In a traditional woman's three letter monogram the first letter of the last name will be in the center of the monogram and will be larger than the other two letters. The first initial will be on the left and the middle initial will be on the right. Please contact us with special requests for logos/text or place in Comments/Requests box.</td></tr></table>";
	}else if(text == "Text and Words Font"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>If you wish to use text such as a name, phrase and or initials please add it in the text box below. We will embroider the text as written so include your choice of capital letters, lowercase letters and symbols.</td></tr></table>";
	}else if(text == "Image"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>If you would like an image instead of a monogram, select it here</td></tr></table>";
	}else if(text == "Paint Job"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>Select your paint job for the wooden heel<br><br>Available Paint Jobs:<br><img src=\"components/com_virtuemart/shop_image/product/pj_bluedots.jpg\" title=\"Blue Polka Dots\" style=\"border:1px solid black;margin:3px;\"/><img src=\"components/com_virtuemart/shop_image/product/pj_pinklep.jpg\" title=\"Pink Leopard\" style=\"border:1px solid black;margin:3px;\"/><br><img src=\"components/com_virtuemart/shop_image/product/pj_bluebrowndots.jpg\" title=\"Blue and Brown Dots\" style=\"border:1px solid black;margin:3px;\"/><img src=\"components/com_virtuemart/shop_image/product/pj_pinkpalm.jpg\" title=\"Pink Palmetto\" style=\"border:1px solid black;margin:3px;\"/><br><img src=\"components/com_virtuemart/shop_image/product/pj_zebra.jpg\" title=\"Zebra\" style=\"border:1px solid black;margin:3px;\"/></td></tr></table>";
	}else if(text == "Ankle Strap"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td>These are backless clogs, but you can order them with straps if you like.</td></tr></table>";
	}else if(text == "Special Design"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td><font style=\"font-weight:bold;\">Special Design:</font><br><br>Use the Comments/Requests box to submit your Monogram Letter(s), Monogram Style & Monogram Thread Color(s). Please click the view samples and look through the <a href=\"index.php?option=com_content&view=article&id=21&Itemid=2\" target=_blank><font style=\"text-decoration:underline;\">Photo Gallery</font></a> for options/suggestions for your Special Design.</td></tr></table>";
	}else if(text == "Do~Lally"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td><font style=\"font-weight:bold;\">Do~Lally:</font><br><br>The Do~Lally is handmade & transferable.  The Do~Lally can be attached & unattached easily with its releasable plastic cord.   Please view our <a href=\"index.php?option=com_content&view=article&id=21&Itemid=2\" target=_blank><font style=\"text-decoration:underline;\">Photo Gallery</font></a> for ideas and place your 3 ribbon color choices in Comments/Requests Box.</td></tr></table>";
	}else if(text == "Pom Fringe"){
		document.getElementById("helpfield").style.display = 'block';
		document.getElementById("helpfield").innerHTML = "<table><tr><td align=right><a href=\"javascript:closehelp();\" align='right'>close</a></td></tr><tr><td><font style=\"font-weight:bold;\">Pom Fringe:</font><br><br>Pom Fringe will be matched to thread choice except no beige or khaki. Please place special color requests in Comments/Request Box</td></tr></table>";
	}
	
}
function closehelp(){
	document.getElementById("helpfield").style.display = 'none';
}




function showSelectValue() {
	//alert('showSelectValue');
//if (e.target.id!= 'select') {
//alert(e.target.value);
//}
}
function attachTest(id) {
	var id = id.replace(/\s+/g,'');
	//alert(id);
	
	if(id == "Monogram_Thread_Color_field"){
		ThreadColor();
	}else if(id == "Font_Thread_2_field"){
		ThreadColor2();
	}else if(id == "Monogram_Letters_field"){
		LetterCount();
	}else if(id == "Ribbon_Choice_field"){
		SetRibbon();
	}else if(id == "Monogram_Style_field"){
		SetMonogramStyle();
	}else if(id == "Fabric_field"){
		SetFabric();
	}else if(id == "Item_Color/Pattern_field"){
		MMSwatch();
	}else if(id == "Ribbon_1_field"){
		SetRibbon1();
	}else if(id == "Ribbon_2_field"){
		SetRibbon2();
	}else if(id == "Special_Design_field"){
		SpecialDesigns();
	}else if(id == "Base_Color_field" || id == "Top_Color_field"){
		ClogSwatch();
	}else if(id == "1_Letter_Monogram_Font"){
		updateFont();
	}
//document.getElementById('Monogram_Thread_Color_field').attachEvent('onMouseOver',showSelectValue);
}
function ClogSwatch(){
	var SwatchBox = document.getElementById("SwatchID");
	if(document.getElementById("Base_Color_field")){
		var SwatchV  = document.getElementById("Base_Color_field").value;
	}else{
		var SwatchV  = document.getElementById("Top_Color_field").value;
	}
	//alert("components/com_virtuemart/shop_image/product/"+mySwatch[""+SwatchV+""]+"");
	SwatchBox.src = "components/com_virtuemart/shop_image/product/"+mySwatch[""+SwatchV+""]+"";
}

function MMSwatch(){
	var SwatchBox = document.getElementById("SwatchID");
	var SwatchV  = document.getElementById("Item_Color/Pattern_field").value;
	//alert("components/com_virtuemart/shop_image/product/"+mySwatch[""+SwatchV+""]+"");
	SwatchBox.src = "components/com_virtuemart/shop_image/product/New_Swatches/"+mySwatch[""+SwatchV+""]+"";
}
function ThreadColor(){
	
	var myTest  = document.getElementById("Monogram_Thread_Color_field").value;
	if(myTest != "None"){
		var ColorBox  = document.getElementById("ThreadColorBox");
		ColorBox.style.backgroundColor = myColor[myTest];
	}else if(myTest == "None"){
		var ColorBox  = document.getElementById("ThreadColorBox");
		ColorBox.style.backgroundColor = "";
		
	}
	
	//alert(myTest);
}
function ThreadColor2(){
	var myTest  = document.getElementById("Font_Thread_2_field").value;
	var ColorBox  = document.getElementById("ThreadColorBox2");
	ColorBox.style.backgroundColor = myColor[myTest];
	//alert(myTest);
}




function LetterCount(){
	myNum = document.getElementById("Monogram_Letters_field").value;
	
	//var myNum  = document.getElementById("Number_of_Letters_field").value;
	if(myNum == "None"){
		//alert(myNum);
		document.getElementById("First_Letter_field").style.display = "none";
		document.getElementById("First_Letter_fieldname").style.display = "none";
		document.getElementById("Second_Letter_field").style.display = "none";
		document.getElementById("Second_Letter_fieldname").style.display = "none";
		document.getElementById("Third_Letter_field").style.display = "none";
		document.getElementById("Third_Letter_fieldname").style.display = "none";
		
		//document.getElementById("Picture_field").style.display = "block";
		//document.getElementById("Picture_fieldname").style.display = "block";
		document.getElementById("Name_field").style.display = "none";
		document.getElementById("Name_fieldname").style.display = "none";
		
		
		
	}
	if(myNum == "1"){
		//alert('here');
		
		document.getElementById("First_Letter_field").style.display = "block";
		document.getElementById("First_Letter_fieldname").style.display = "block";
		document.getElementById("Second_Letter_field").style.display = "none";
		document.getElementById("Second_Letter_fieldname").style.display = "none";
		document.getElementById("Third_Letter_field").style.display = "none";
		document.getElementById("Third_Letter_fieldname").style.display = "none";
		document.getElementById("Name_field").style.display = "none";
		document.getElementById("Name_fieldname").style.display = "none";
		//document.getElementById("Picture_field").style.display = "none";
		//document.getElementById("Picture_fieldname").style.display = "none";
		
		
		
		
	}
	
	if(myNum == "3"){
		//alert(myNum);
		document.getElementById("First_Letter_field").style.display = "block";
		document.getElementById("First_Letter_fieldname").style.display = "block";
		document.getElementById("Second_Letter_field").style.display = "block";
		document.getElementById("Second_Letter_fieldname").style.display = "block";
		document.getElementById("Third_Letter_field").style.display = "block";
		document.getElementById("Third_Letter_fieldname").style.display = "block";
		//document.getElementById("Picture_field").style.display = "none";
		//document.getElementById("Picture_fieldname").style.display = "none";
		document.getElementById("Name_field").style.display = "none";
		document.getElementById("Name_fieldname").style.display = "none";
		//alert(myNum);
		
		
	}
	if(myNum == "Name"){
		
		//document.getElementById("Name_field").style.display = "none";
		//document.getElementById("Name_fieldname").style.display = "none";
		//alert(myNum);
		document.getElementById("First_Letter_field").style.display = "none";
		document.getElementById("First_Letter_fieldname").style.display = "none";
		document.getElementById("Second_Letter_field").style.display = "none";
		document.getElementById("Second_Letter_fieldname").style.display = "none";
		document.getElementById("Third_Letter_field").style.display = "none";
		document.getElementById("Third_Letter_fieldname").style.display = "none";
		document.getElementById("First_Letter_field").value = 1;
		document.getElementById("Second_Letter_field").value = 1;
		document.getElementById("Third_Letter_field").value = 1;
		
		
		document.getElementById("Name_field").style.display = "block";
		document.getElementById("Name_fieldname").style.display = "block";
		//document.getElementById("CustomAttributes").style.top = "-71px";
		//document.getElementById("CustomAttributes").style.left = "-1px";
		//document.getElementById("vmRibbonType").style.top = "0px";
		//alert('Please Enter text into the "Name" input field');
		document.getElementById("Name_field").focus();
		
		
	}
	if(myNum == "Special_Design"){
		
		document.getElementById("First_Letter_field").style.display = "none";
		document.getElementById("First_Letter_fieldname").style.display = "none";
		document.getElementById("Second_Letter_field").style.display = "none";
		document.getElementById("Second_Letter_fieldname").style.display = "none";
		document.getElementById("Third_Letter_field").style.display = "none";
		document.getElementById("Third_Letter_fieldname").style.display = "none";
		document.getElementById("Name_field").style.display = "none";
		document.getElementById("Name_fieldname").style.display = "none";
		document.getElementById("First_Letter_field").value = 1;
		document.getElementById("Second_Letter_field").value = 1;
		document.getElementById("Third_Letter_field").value = 1;
		
		DisplayHelp("Special Design");
		SpecialDesigns();
		
		
	}
	//SetMonogram();
	
}

function UpdateOptions(fieldid){
	
	if(fieldid == "1_Letter_Monogram_field"){
		document.getElementById("3_Letter_Monogram_Font_field").selectedIndex = 0;
		document.getElementById("First_Name_field").value = "";
		document.getElementById("Last_Name_field").value = "";
		document.getElementById("Middle_Name_field").value = "";
		document.getElementById("Text_and_Words_Font_field").selectedIndex = 0;
		document.getElementById("Images_field").value = "None";
		document.getElementById("Text_field").value = "";
		document.getElementById("vmMonogramImage").innerHTML = '';
	}
	if(fieldid == "First_Name_field" && document.getElementById("First_Name_field").value == "" && document.getElementById("Middle_Name_field").value == "" && document.getElementById("Last_Name_field").value == ""){
		document.getElementById("1_Letter_Monogram_Font_field").selectedIndex = 0;
		document.getElementById("1_Letter_Monogram_field").value = "";
		document.getElementById("Text_and_Words_Font_field").selectedIndex = 0;
		document.getElementById("Images_field").value = "None";
		document.getElementById("Text_field").value = "";
		document.getElementById("vmMonogramImage").innerHTML = '';
	}
	if(fieldid == "Text_and_Words_Font_field"){
		document.getElementById("3_Letter_Monogram_Font_field").selectedIndex = 0;
		document.getElementById("First_Name_field").value = "";
		document.getElementById("Last_Name_field").value = "";
		document.getElementById("Middle_Name_field").value = "";
		document.getElementById("1_Letter_Monogram_Font_field").selectedIndex = 0;
		document.getElementById("1_Letter_Monogram_field").value = "";
		
	}
	if(fieldid == "Images_field"){
		
		document.getElementById("3_Letter_Monogram_Font_field").value = "None";
		document.getElementById("First_Name_field").value = "";
		document.getElementById("Last_Name_field").value = "";
		document.getElementById("Middle_Name_field").value = "";
		document.getElementById("1_Letter_Monogram_Font_field").value = "None";
		document.getElementById("1_Letter_Monogram_field").value = "";
		document.getElementById("Text_and_Words_Font_field").value = "None";
		document.getElementById("Text_field").value = "";
		
	}
	
	
	//SetMonogram();
	
	
}
function SetSwatch(){
	var swatchname  = document.getElementById("Item_Color/Pattern_field").value;
	//alert(myTest3);
	var ColorBox3  = document.getElementById("vmMonogramImage");
	//var bkgrdstrin = 
	//alert(bkgrdstrin);
	ColorBox3.style.backgroundImage = "url(images/swatches/"+swatchname+".jpg)";
}
function SetFabric(){
	var myTest3  = document.getElementById("Fabric_field").value;
	//alert(myTest3);
	var ColorBox3  = document.getElementById("vmMonogramImage");
	//var bkgrdstrin = 
	//alert(bkgrdstrin);
	ColorBox3.style.backgroundImage = "url(images/fabric/"+myTest3+".jpg)";
}
var myRibbon=new Array();
myRibbon['None'] = " ";
myRibbon['Blue_White_Dots'] = "Lt_Blue_White_Dots.jpg";
myRibbon['Black_Pink_Dots'] = "Black_Pink_Dots.jpg";
myRibbon['Lt_Pink_White_Dots'] = "Lt_Pink_White_Dots.jpg";
myRibbon['Apple_Green_White_Dots'] = "Green_White_Dots.jpg";
myRibbon['Green_/_White_Polka_Dot'] = "Green_White_Dots.jpg";
myRibbon['Red_/_White_Polka_Dot'] = "redwhitedots.jpg";
myRibbon['Red_White_Dots'] = "redwhitedots.jpg";
myRibbon['Lime_White_Dots'] = "redwhitedots.jpg";
myRibbon['Watermelon_Stripe'] = "Watermelon.jpg";
myRibbon['Green_Pink_Dots'] = "Green_Red_Dots.jpg";
myRibbon['Hot_Pink_White_Dots'] = "Pink_White_Dots.jpg";
myRibbon['Retro_Pink'] = "Spring.jpg";
myRibbon['Kelly_Green'] = "Green.jpg";
myRibbon['Leopard'] = "jaguar.jpg";
myRibbon['Red_White_Dots'] = "Red_White_Dots.jpg";
myRibbon['Cheetah'] = "Jackel.jpg";
myRibbon['Retro_Brown'] = "Evening_Rain.jpg";
myRibbon['Black_White_Zebra'] = "Zebra.jpg";
myRibbon['Turquoise_Long_Stripe'] = "Cool_Breeze.jpg";
myRibbon['Commando'] = "Commando.jpg";
myRibbon['Black_White_Dots'] = "Black_White_Dots.jpg";
myRibbon['Brown_Blue_Long_Stripe'] = "Cool_Sand.jpg";
myRibbon['Yellow_White_Dots'] = "Yellow_White_Dots.jpg";
myRibbon['Ocean_Blue_White_Dots'] = "Ocean_Blue_White_Dots.jpg";
myRibbon['Solid_Black'] = "Black.jpg";
myRibbon['Red_Black_Dots'] = "Red_Black_Dots.jpg";
myRibbon['Black_Pink_Dots'] = "Black_Pink_Dots.jpg";
myRibbon['Lt_Green_White_Dots'] = "Lt_Green_White_Dots.jpg";
myRibbon['Red_&_Yellow_Paisley'] = "Red_&_Yellow_Paisley.jpg";
myRibbon['Brown_Puff_Dots'] = "brownpuffdots.jpg";
myRibbon['Lt_Blue_Puff_Dots'] = "ltbluedots.jpg";
myRibbon['Red_Puff_Dots'] = "redpuffdots.jpg";
myRibbon['Hot_Pink_Puff_Dots'] = "puffpinkdots.jpg";
myRibbon['White_Puff_Dots'] = "greywhite.jpg";
myRibbon['Dark_Royal_White_Dots'] = "darknavydots.jpg";
myRibbon['Black_White_Houndstooth'] = "houndstooth.jpg";
myRibbon['Pink_Brown_Large_Dots'] = "brownpinkdots.png";
myRibbon['Turquoise_Brown_Large_Dots'] = "brownbluedots.png";
myRibbon['Lime_Brown_Large_Dots'] = "limebrowndots.png";


var myColor=new Array();
myColor['Aqua']="#2df3b8";
myColor['Gold']="#dbc228";
myColor['Grey']="#6b7284";
myColor['Khaki']="#d3c8aa";
myColor['Lavender']="#9966cc";
myColor['Lt_Blue']="#66ccff";
myColor['Orange']="#e95902";
myColor['Purple']="#9f04a8";
myColor['Sage']="#acbd3d";
myColor['Yellow']="#fbfb07";
myColor['Beige']="#ffffcc";
myColor['Brown']="#9a6601";
myColor['Pink']="#f62a81";
myColor['Lt_Pink']="#ffccff";
myColor['Lime']="#33ff67";
myColor['Navy']="#01006a";
myColor['Red']="red";
myColor['Turquise']="#33cccc";
myColor['White']="#ffffff";
myColor['Black']="black";
myColor['Light_Blue']="#66ccff";
myColor['Light_Pink']="#ff99ff";
myColor['Light_Yellow']="#ffff99";
myColor['Light_Green']="#99ff99";
myColor['Lime_Green']="#00cc00";
myColor['Kelly_Green']="#006600";
myColor['Hot_Pink']="#cc33cc";
myColor['Turquoise']="#33ff99";
myColor['Cream']="#ffffff";
myColor['Golden_Yellow']="#ffcc33";





var myMono=new Array();
myMono['Aqua']="#2df3b8";
myMono['Gold']="#dbc228";
myMono['Grey']="#6b7284";
myMono['Khaki']="#d3c8aa";
myMono['Lavender']="#9966cc";
myMono['Lt_Blue']="#66ccff";
myMono['Orange']="#e95902";
myMono['Purple']="#9f04a8";
myMono['Sage']="#acbd3d";
myMono['Yellow']="#fbfb07";
myMono['Beige']="#ffffcc";
myMono['Brown']="#9a6601";
myMono['Pink']="#f62a81";
myMono['Lt_Pink']="#ffccff";
myMono['Lime']="#33ff67";
myMono['Navy']="#01006a";
myMono['Red']="red";
myMono['Turquise']="#33cccc";
myMono['White']="#ffffff";



var myFont=new Array();
myFont['Arial_Rounded']="13";
myFont['Branded']="13";
myFont['Block']="13";
myFont['Buffy']="1";
myFont['Charming']="13";
myFont['Curly']="13";
myFont['Circle']="13";
myFont['Classic']="13";
myFont['Curlz']="13";
myFont['Deco']="13";
myFont['Diamond']="3";
myFont['Diamond_Monogram']="13";
myFont['Engraved']="13";
myFont['Filigree']="1";
myFont['Formal']="13";
myFont['French_Script']="13";
myFont['Fishtail']="13";
myFont['Entwined']="13";
myFont['Freehand_Script']="13";
myFont['Kids']="13";
myFont['Gothic']="13";
myFont['Interlocking']="13";
myFont['Love']="13";
myFont['Monogram_Script']="13";
myFont['Octagon_Monogram']="13";
myFont['Paris']="13";
myFont['Retro']="1";
myFont['Royal']="2";
myFont['Sixties']="13";
myFont['Single_Bottom_Scroll']="1";
myFont['Single_Diamond']="1";
myFont['Sydney']="13";
myFont['Sassy']="1";
myFont['Uniblock']="13";
myFont['Victor']="13";
myFont['Wreath_Single_Script']="1";
myFont['Blackboard']="4";
myFont['Script']="4";
myFont['Sleigh_Ride']="4";
myFont['Times_Large']="13";
myFont['Fishtail']="3";
myFont['3_Letter_Diamond']="3";
myFont['3_Letter_Oval']="3";
myFont['3_Letter_Circle']="3";
myFont['Diana']="3";
myFont['Century_Medium']="3";
myFont['Athletic_Swoosh']="3";
myFont['Casta']="3";
myFont['Casual']="3";
myFont['Monogram']="3";
myFont['Tango']="13";
myFont['Melanie']="3";

var mySwatch=new Array();

mySwatch['Select']="black.jpg";
mySwatch['Sulfur'] = "sulfur.jpg";
mySwatch['Baroque_Sulfur'] = "sulfur.jpg";
mySwatch['Raster_Dots_Blue'] = "rasterdots.jpg";
mySwatch['Auqa']="auqa.jpg";
mySwatch['Aqua']="auqa.jpg";
mySwatch['Art_Deco']="artdeco.jpg";
mySwatch['Almond'] = "almond.jpg";
mySwatch['Baby_Blue'] = "babyblue.jpg";
mySwatch['Black_White_Houndstooth']="Houndstooth.png";
mySwatch['Black_White_Large_Dot']="blackwhitelargedot.g49e5feaa2d698.gif";
mySwatch['Black_Dot']="blackdot.jpg";
mySwatch['Black/White_Dots']="blackwhitelargedot.gif";
mySwatch['Black_White_Small_Dot']="blackwhitesmalldot.gif";
mySwatch['Black_White_Zebra']="blackwhitezebra.gif";
mySwatch['Blue_Python']="bluepython.gif";
mySwatch['Brown_Zebra']="brownwhitezebra.gif";
mySwatch['Brown_Python']="brownpython.gif";
mySwatch['Brown_Pink_Dots']="brownpinklargedot.gif";
mySwatch['Black_Leather'] = "blackleather.gif";
mySwatch['Black_Nubuck'] = "blacknubuck.gif";
mySwatch['Brown_Leather'] = "brownleather.gif";
mySwatch['Brown_Nubuck'] = "brownnubuck.gif";
mySwatch['Butterscotch_Leather'] = "butterscotchleather.gif";
mySwatch['Berry_Nubuck'] = "berrynubuck.gif";
mySwatch['Black_Suede'] = "blacksuede.gif";
mySwatch['Brown_Suede'] = "brownsuede.gif";
mySwatch['Bubble_Gum_Pink'] = "bubblegum.gif";
mySwatch['Black_Suede_Leather'] = "blacksuede.gif";
mySwatch['Brown_Nubuck_Leather'] = "brownnubuck.gif";
mySwatch['Brown_Suede_Leather'] = "brownsuede.gif";
mySwatch['Bubblegum_Pink_Leather'] = "bubblegum.gif";
mySwatch['Bubblegum_Leather'] = "bubblegum.gif";
mySwatch['B/W_Dots'] = "Hampers_4a97f8d385638.jpg";
mySwatch['B/W_Paisley'] = "bwpaisley.jpg";
mySwatch['Baby_Blue'] = "babyblue.jpg";
mySwatch['Baby_Pink'] = "";
mySwatch['Blue'] = "blue.jpg";
mySwatch['Baroque_Sand'] = "reisenthel_0111_CC-barogue-.jpg";
mySwatch['Beige'] = "beige.gif";
mySwatch['Biscayne'] = "biscayne.jpg";
mySwatch['Black'] = "black.jpg";
mySwatch['Black_and_White_Damask'] = "blkwhtdamask.jpg";
mySwatch['Black_and_White_Poppy'] = "blkwhtpoppy.jpg";
mySwatch['Black_and_White_Stripe'] = "blkwhtstripe.jpg";
mySwatch['Black_and_White_Trellis'] = "blkwhttrellis.jpg";
mySwatch['Black_and_White_Window_Pane'] = "blkwhtpane.jpg";
mySwatch['Black_White_Dots'] = "blkwhtdot.jpg";
mySwatch['Black_Croc'] = "blackcroc.jpg";
mySwatch['Black_Fluer'] = "reisenthel_0113_Carry-Bag-f.jpg";
mySwatch['Black_Swirl'] = "blkwhtblkswirl.jpg";
mySwatch['Blue_and_Brown_Geo_Key'] = "bluebrwngeo.jpg";
mySwatch['Blue_and_Brown_Provence'] = "bluebrwnprovence.jpg";
mySwatch['Blue_and_Brown_Swirl'] = "bluebrwnswirl.jpg";
mySwatch['Blue_and_Brown_Wild_Flower'] = "bluebrwnflower.jpg";
mySwatch['Blue_and_Green_Multi_Stripe'] = "greenbluestripe.jpg";
mySwatch['Blue_and_Green_Water_Lily'] = "bluegreenflower.jpg";
mySwatch['Blue_Brown_Giraffe'] = "bluebrowngiraffe.jpg";
mySwatch['Blue_Stripe'] = "bluestripeds.jpg";
mySwatch['Blue/Green'] = "bluegreendaisy.jpg";
mySwatch['Brown'] = "brown.jpg";
mySwatch['Brown_Toile'] = "toile-brown.jpg";
mySwatch['Brown_and_White_Giraffe'] = "browngiraffe.jpg";
mySwatch['Brown_and_White_Zebra'] = "Brown_White_Zebr_4a8b256ac7a8f.jpg";
mySwatch['Brown_Giraffe'] = "browngiraffe.jpg";
mySwatch['Brown_Leopard'] = "naturalleopard.gif";
mySwatch['Brown_White_Houndstooth'] = "brownwhitehoundstooth.jpg";
mySwatch['Burgundy'] = "burgundy.jpg";
mySwatch['Burgandy'] = "burgundy.jpg";
mySwatch['Blue/Green_Paisley'] = "bluegreenpaisley.jpg";
mySwatch['Blue/Green_Daisy'] = "bluegreendaisy.jpg";
mySwatch['Blue/Green_Polka_Dot'] = "bluegreendots.jpg";
mySwatch['Carmel'] = "carmel.jpg";
mySwatch['Carrot'] = "carrot.jpg";
mySwatch['Carrot-R'] = "carrotR.jpg";
mySwatch['Red-R'] = "redr.jpg";
mySwatch['Kiwi-R'] = "kiwir.jpg";
mySwatch['Turquoise-R'] = "turquoiser.jpg";
mySwatch['Pink-R'] = "pinkr.jpg";
mySwatch['Chocolate'] = "brown.jpg";
mySwatch['Chocolate_DS'] = "chocolateds.jpg";
mySwatch['Chocolate_Brown'] = "brown.jpg";
mySwatch['Chocolate_Giraffe'] = "browngiraffe.jpg";
mySwatch['Chocolate_Nubuck'] = "";
mySwatch['Chocolate_White_Houndstooth'] = "brownwhitehoundstooth.jpg";
mySwatch['Caribbean_Blue'] = "cblue.jpg";
mySwatch['Congo'] = "congo.jpg";
mySwatch['Crocodile_Black'] = "crocblack.jpg";
mySwatch['Crocodile_Lime'] = "crocgreen.jpg";
mySwatch['Crocodile_Pink'] = "crocpink.jpg";
mySwatch['Crocodile_Purple'] = "crocpurple.jpg";
mySwatch['Crocodile_Tangerine'] = "crocorange.jpg";
mySwatch['Crocodile_Turquoise'] = "crocturquiose.jpg";
mySwatch['Chili_Red_Leather'] = "chilired.gif";
mySwatch['Daisy'] = "Daisy_Capri_Blue_4a8b4d5806c53.jpg";
mySwatch['Dalmation'] = "dalmation.jpg";
mySwatch['Damask_Holiday'] = "damaskholiday.jpg";
mySwatch['Damask_Black'] = "";
mySwatch['Damask_Pink'] = "damaskpink.jpg";
mySwatch['Damask_Lime'] = "damasklime.jpg";
mySwatch['Damask_Orange'] = "";
mySwatch['Damask_Yellow'] = "";
mySwatch['Dot_2_Trot'] = "dot2trot.jpg";
mySwatch['Dots'] = "Shopper_M_dots__49e77dc1da6.jpg";
mySwatch['Fall_Metallic_Damask_Copper'] = "metalcprdamask.jpg";
mySwatch['Fall_Metallic_Provence_Silver'] = "metalsvrprovence.jpg";
mySwatch['Flora'] = "reisenthel_0112_Carry-Cruis.jpg";
mySwatch['Floral'] = "floralclogs.jpg";
mySwatch['Fluer_Ash'] = "Shopper_M_fleur__49e77e012c.jpg";
mySwatch['Gingham'] = "gingham.jpg";
mySwatch['Giraffe'] = "giraffe.gif";
mySwatch['Giraffe-LB'] = "giraffelb.jpg";
mySwatch['Gold_and_Cranberry_Swirl'] = "crnbyswirl.jpg";
mySwatch['Gold_and_Cranberry_Wavy_Stripe'] = "crnbystripe.jpg";
mySwatch['Gold_and_Green_Swirl'] = "goldgrnswirl.jpg";
mySwatch['Gold_and_Green_Wavy_Stripe'] = "goldgrnstripe.jpg";
mySwatch['Gold/Silver_Metallic_Provence_Silver/White'] = "metalsvrdamask.jpg";
mySwatch['Gold/Silver_Metallic_Provence_Gold/White'] = "metalgolddamask.jpg";
mySwatch['Golden_Tiger'] = "goldentiger.jpg";
mySwatch['Green_and_Brown_Chain'] = "grnbrwnchain.jpg";
mySwatch['Green_and_Brown_Meadow_Flower'] = "grnbrwnflower.jpg";
mySwatch['Green_and_Brown_Plaid'] = "grnbrwnplaid.jpg";
mySwatch['Green_and_White_Lattice'] = "grnwhitelattice.jpg";
mySwatch['Green_and_White_Plaid'] = "grnwhiteplaid.jpg";
mySwatch['Green_and_White_Stripe_Floral'] = "grnwhiteflower.jpg";
mySwatch['Green_Python'] = ".jpg";
mySwatch['Green'] = "green.jpg";
mySwatch['Green_Python']="greenpython.gif";
mySwatch['Hot_Pink_White_Dots']="hotpinkwhitelargedots.gif";
mySwatch['Hot_Pink_Paisley']="hotpinkpaisley.gif";
mySwatch['Hot_Pink_Zebra']="hotpinkzebra.gif";
mySwatch['Holiday_Dots']="holidaydots.jpg";
mySwatch['Jungle_Print']="jungleprint.jpg";
mySwatch['Leopard_Sand']="sandleopard.gif49e60f16632d4.gif";
mySwatch['Natural_Leopard']="naturalleopard.gif";
mySwatch['Navy_White_Dots']="navywhitedots.gif49e60f933e5bc.gif";
mySwatch['Lime_Nubuck'] = "limenubuck.gif";
mySwatch['Mocha_Nubuck'] = "mochanubuck.gif";
mySwatch['Navy_Nubuck'] = "navynubuck.gif";
mySwatch['Chili_Red_Leather'] = "chilired.gif";
mySwatch['Denim_Leather'] = "denim.gif";
mySwatch['Hot_Pink'] = "hotpink.jpg";
mySwatch['Natural_Leather'] = "naturalleather.gif";
mySwatch['Natural'] = "white.jpg";
mySwatch['Navy_Wool'] = "navywool.gif";
mySwatch['Periwinkle_Leather'] = "periwinkle.gif";
mySwatch['Rust_Suede_Clog'] = "rust.gif";
mySwatch['Seafoam_Green_Leather'] = "seafoam.gif";
mySwatch['Hot_Pink_Suede_Leather'] = "hotpinksuede.gif";
mySwatch['Mocha_Nubuck_Leather'] = "mochanubuck.gif";
mySwatch['Navy_Leather'] = "navyleather.gif";
mySwatch['Chocolate_Nubuck'] = "mochanubuck.gif";
mySwatch['Green_Patent'] = "greenpatent.gif";
mySwatch['Hot_Pink_Suede'] = "hotpinksuede.gif";
mySwatch['Light_Pink_Leather'] = "lightpink.gif";
mySwatch['Mocha_Taupe_Leather'] = "mochaleather.gif";
mySwatch['Orange_Patent'] = "orangepatent.gif";
mySwatch['Seafoam_Leather'] = "seafoam.gif";
mySwatch['Sea_Foam_Green_Leather'] = "seafoam.gif";
mySwatch['Black_And_Topaz_Circles'] = "topaz.gif";
mySwatch['Amazon'] = "amazon.jpg";
mySwatch['Ocean_Blue'] = "oceanblue.jpg";
mySwatch['Art_Baroque_Sand'] = "Shopper_M_barogu_49e77d8e83.jpg";
mySwatch['Hot_Pink'] = "hotpink.jpg";
mySwatch['Hot_Pink_Giraffe'] = "pinkgiraffe.gif";
mySwatch['Hunter'] = "hunter.jpg";
mySwatch['Hunter_Green'] = "hunter.jpg";
mySwatch['Kelly_Green'] = "kelly.jpg";
mySwatch['Kensington'] = "kensington.jpg";
mySwatch['Kiwi'] = "kiwi.jpg";
mySwatch['Leopard'] = "naturalleopard.gif";
mySwatch['Light_Bulb'] = "lightbulb.jpg";
mySwatch['Lilly_Green'] = "lillygreen.jpg";
mySwatch['Lime'] = "lime.jpg";
mySwatch['Lime_Giraffe'] = "greengiraffelb.jpg";
mySwatch['Lime_Green'] = "lime.jpg";
mySwatch['Lime_Green_Nubuck_Leather'] = "limenubuck.gif";
mySwatch['Lime_Zebra'] = "limezebra.jpg";
mySwatch['Light_Pink_Leather'] = "lightpink.gif";
mySwatch['Loden_Green_Nubuck'] = "lodengreen.gif";
mySwatch['Loden_Green_Wool'] = "lodenwool.gif";
mySwatch['Medallion'] = "medallion.jpg";
mySwatch['Mint'] = "green.jpg";
mySwatch['Mocha'] = "mocha.jpg";
mySwatch['Mocha_Flora'] = "Bottlebag_flora__49e765f5c5.jpg";
mySwatch['Morgan_Stripe'] = "morganstripe.jpg";
mySwatch['Mud'] = "mud.jpg";
mySwatch['MultiColor_Dots'] = "dots.jpg";
mySwatch['Navy'] = "navy.jpg";
mySwatch['Orange'] = "carrot.jpg";
mySwatch['Ocean_Blue-R'] = "oceanblue.jpg";
mySwatch['Paisley'] = "Paisley_Skirt_Gr_4a8b51db80c1c.jpg";
mySwatch['Parker'] = "parker.jpg";
mySwatch['Pebble'] = "pebble.jpg";
mySwatch['Pebble_Black'] = "pebbleblack.jpg";
mySwatch['Parker_Stripe'] = "parkerstripe.jpg";
mySwatch['Pink'] = "pink.jpg";
mySwatch['Pink-R2'] = "pinkr2.jpg";
mySwatch['Pink_and_Black_Plaid'] = "pinkbldplaid.jpg";
mySwatch['Pink_and_Black_Poppy'] = "pinkblkpoppy.jpg";
mySwatch['Pink_and_Black_Swirl'] = "pinkblkswirl.jpg";
mySwatch['Pink_and_Black_Trellis'] = "pinkblktrellis.jpg";
mySwatch['Pink_and_Brown_Damask'] = "pinkbwndamask.jpg";
mySwatch['Pink_and_Brown_Geo_Key'] = "pinkbwngeo.jpg";
mySwatch['Pink_and_Green_Dot'] = "pinkgrndot.jpg";
mySwatch['Pink_and_Green_Swirl'] = "pinkgrnswirl.jpg";
mySwatch['Pink_and_Green_Water_Lily'] = "pinkgrnflower.jpg";
mySwatch['Pink_and_Orange_Daisy'] = "pinkorangedaisy.jpg";
mySwatch['Pink_and_Orange_Multi_Stripe'] = "pinkorangestripe.jpg";
mySwatch['Pink_and_White_Plaid'] = "pinkwhiteplaid.jpg";
mySwatch['Pink_and_White_Swirl'] = "pinkwhiteswirl.jpg";
mySwatch['Pink_Brown_Giraffe'] = "pinkbrowngiraffe.jpg";
mySwatch['Pink_Brown_Zebra'] = "pinkbrownzebra.jpg";
mySwatch['Pink_Dots'] = "pinkdots.jpg";
mySwatch['Pink/Green_Paisley'] = "Paisley_Skirt_Gr_4a8b51db80c1c.jpg";
mySwatch['Pink/Green_Daisy'] = "pinkgreendaisy.jpg";
mySwatch['Pink/Green_Polka_Dot'] = "pinkgreendots.jpg";
mySwatch['Pink_Stripe'] = "pinkstripe.jpg";
mySwatch['Pink/Green'] = "pinkgreendaisy.jpg";
mySwatch['Pink_Green_Paisley']="Pink_Green_And_B_4a019335922c1.gif";
mySwatch['Pink_Leopard']="pinkleopard.gif";
mySwatch['Polka_DotColors'] = ".jpg";
mySwatch['Porcelain_Blue'] = "porcelainblue.jpg";
mySwatch['Prancer'] = "prancer.jpg";
mySwatch['Preppy_Chic'] = "preppychic.jpg";
mySwatch['Purple'] = "purple.jpg";
mySwatch['Red_and_White_Daisy'] = "redwhtdaisy.jpg";
mySwatch['Red_and_White_Stripe'] = "redwhtstripe.jpg";
mySwatch['Red_Blue_and_Black'] = "redblueblack.jpg";
mySwatch['Green_/_White_Polka_Dot'] = "Green_White_Dots.jpg";
mySwatch['Red_/_White_Polka_Dot'] = "redwhitedots.jpg";
mySwatch['Red_White_Dots'] = "redwhitedots.jpg";
mySwatch['Lime_White_Dots'] = "limewhitedots.jpg";
mySwatch['Black_Boat_Bag'] = "blackbb.jpg";
mySwatch['Pink_Boat_Bag'] = "pinkbb.jpg";
mySwatch['Lime_Green_Boat_Bag'] = "limebb.jpg";
mySwatch['Brown_Boat_Bag'] = "brownbb.jpg";
mySwatch['Raspberry'] = "raspberry.jpg";
mySwatch['Red_Orchid'] = "redorchid.jpg";
mySwatch['Red_Paisley'] = "redpaisley.jpg";
mySwatch['Red'] = "Red.jpg";
mySwatch['Reindeer'] = "reindeer.jpg";
mySwatch['Royal'] = "royal.jpg";
mySwatch['Royal_Blue'] = "royal.jpg";
mySwatch['Sage'] = "sage.jpg";
mySwatch['Santorini'] = "santorini.jpg";
mySwatch['Serengeti'] = "serengeti.jpg";
mySwatch['Serengeti_Orange'] = "serengetiorange.jpg";
mySwatch['Solid_Blk/Brown_Lng'] = "black.jpg";
mySwatch['Solid_Blk/Damask_Lng'] = "black.jpg";
mySwatch['Solid_Blk/Dot_Lng'] = "black.jpg";
mySwatch['Solid_Blk/Peeble_Lng'] = "black.jpg";
mySwatch['Solid_Blk/Pink_Lng'] = "black.jpg";
mySwatch['Sonoma'] = "sonoma.jpg";
mySwatch['Steeplechase'] = "steeplechase.jpg";
mySwatch['Stripe_Lime'] = ".jpg";
mySwatch['Stripe_Morgan'] = ".jpg";
mySwatch['Stripe_Parker'] = ".jpg";
mySwatch['Stripe_Pink'] = ".jpg";
mySwatch['Stripe_Teal'] = ".jpg";
mySwatch['Swirl'] = "blkwhtblkswirl.jpg";
mySwatch['Teal'] = "teal.jpg";
mySwatch['Trellis'] = "trellis.jpg";
mySwatch['Turquoise'] = "turquoise.jpg";
mySwatch['White_Swirl'] = "blkwhtwhtswirl.jpg";
mySwatch['Yellow'] = "yellow.jpg";
mySwatch['Yellow_and_Black_Plaid'] = "blkyllwplaid.jpg";
mySwatch['Yellow_and_Black_Trellis'] = "blkyllwtrellis.jpg";
mySwatch['Yellow_and_Black_Wild_Flower'] = "blkyllwflower.jpg";
mySwatch['Zebra'] = "Zebra.jpg";
mySwatch['Zebra-CB'] = "zebracb.jpg";
mySwatch['Zebra-LB'] = "zebralb.jpg";
mySwatch['Black_Zebra'] = "Zebra.jpg";
mySwatch['White'] = "white.jpg";
mySwatch['Almond_KT'] = "checkalmond.jpg";
mySwatch['Baby_Blue_KT'] = "checkbabyblue.jpg";
mySwatch['Chocolate_KT'] = "checkchoco.jpg";
mySwatch['Lilly_Green_KT'] = "checkgreen.jpg"
mySwatch['Lime-HB']="limehb.jpg";
mySwatch['Orange-HB']="orangehb.jpg";
mySwatch['Black-HB']="blackhb.jpg";
mySwatch['Pink-HB']="pinkhb.jpg";
mySwatch['Teal-HB']="tealhb.jpg";
mySwatch['Yellow-HB']="yellowhb.jpg";
mySwatch['Black_Diva']="divablack.jpg";
mySwatch['Brown_Diva']="divabrown.jpg";
mySwatch['Yellow/White_Stripe']="YellowStripes.jpg";
mySwatch['Blue/White_Stripe']="BlueStripes.jpg";
mySwatch['Green/White_Stripe']="BlueStripes.jpg";
mySwatch['Pink/White_Stripe']="PinkStripes0001 copy.jpg";
mySwatch['Gingham_Yellow']="";
mySwatch['Gingham_Navy']="LgBlueGingham.jpg";
mySwatch['Gingham_Red']="LgPinkGingham.jpg";
mySwatch['Gingham_Green']="LgGreenGingham.jpg";
mySwatch['Green_Stripe']="GreenStripes.jpg";
mySwatch['Blue_Toile']="toile-blue.jpg";
mySwatch['Orange_Toile']="Toile-orangeNew.jpg";
mySwatch['Red_Toile']="Toile-red.jpg";
mySwatch['Black_Toile']="toile-white.jpg";
mySwatch['Pink_Toile']="toile-purple.jpg";
mySwatch['Green_Toile']="GreenToile.jpg";
mySwatch['Green_Large_Check_Pink']="";
mySwatch['Large_Check_Turquoise']="";
mySwatch['Large_Check_Green']="";
mySwatch['Black_Check']="checkblack.jpg";
mySwatch['Pink_Gingham']="LgPinkGingham.jpg";
mySwatch['Khaki']="mud.jpg";
mySwatch['Blue_Fruit']="bluebaskets.jpg";
mySwatch['Green_Strawberries']="picnictable.jpg";
mySwatch['Strawberries']="picnictable.jpg";
mySwatch['Red_Strawberries']="redstrawberry.jpg";
mySwatch['Pink_Polka_Dot']="pinkdots.jpg";
mySwatch['Yellow_Floral']="Adult_Apron_4a8ac8477ead5.jpg";
mySwatch['Red_Floral']="redcanasta.jpg";
mySwatch['Red_Dot']="reddots.jpg";
mySwatch['Green_Gingham']="LgGreenGingham.jpg";
mySwatch['Blue_Strawberries']="BlueStrawberry.jpg";
mySwatch['White_Floral']="whitefloral.jpg";
mySwatch['Bright_Bloom']="brightbloom.jpg";
mySwatch['Fun_Flower']="funflower.jpg";
mySwatch['Merci']="merci.jpg";
mySwatch['Hippie_Chic']="hippiechic.jpg";
mySwatch['Laguna_Stripe']="lagunastripe.jpg";
mySwatch['Soho_Swirl']="";
mySwatch['Blue_Gingham']="LgBlueGingham.jpg";
mySwatch['Jungle_Fun']="junglefun.jpg";
mySwatch['Solid_Black']="solidblack.jpg";
mySwatch['Solid_Hot_Pink']="solidpink.jpg";
mySwatch['Solid_Turquoise']="solidturquoise.jpg";
mySwatch['Solid_Navy']="solidnavy.jpg";
mySwatch['Solid_Red']="solidred.jpg";
mySwatch['Solid_Lime']="solidlime.jpg";
mySwatch['Solid_Purple']="solidpurple.jpg";
mySwatch['Light_Pink']="pink.jpg";
mySwatch['Soho_Swirl']="sohoswirl.jpg";
mySwatch['Pear'] = "pear.jpg";
mySwatch['Pale_Blue'] = "pale-blue.jpg";
mySwatch['Oatmeal'] = "oatmeal.jpg";
mySwatch['Coral'] = "coral.jpg";
mySwatch['80\'s_Dot'] = "80sdots.jpg";
mySwatch['Jungle_Fun'] = "junglefun.jpg";
mySwatch['Pink_Dots'] = "pink-dots.jpg";
mySwatch['Green_Dots'] = "green_dots.jpg";
mySwatch['Blue_Dots'] = "blue_dots.jpg";
mySwatch['Orange_Gingham'] = "orangegingham.jpg";

function SpecialDesigns(){
	
		document.getElementById('ViewMonogram3').style.left = "145px";
		document.getElementById('ViewMonogram3').style.top = "-3px";
		document.getElementById('ViewMonogram3').style.display = "block";
		document.getElementById('ViewMonogram3').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\"specialdesigns\")'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
		//document.getElementById("Design_Idea_field").style.display = "block";
		//document.getElementById("Design_Idea_fieldname").style.display = "block";
		document.getElementById("vmMonogramImage").innerHTML = '';
	
}

function SetMonogram(){
	//alert('id');
	if(document.getElementById("Monogram_Style_field")){
		var Monog = document.getElementById("Monogram_Style_field").value;
		
		//document.getElementById("Special_Design_field").style.display = "block";
		//document.getElementById("Special_Design_fieldname").style.display = "block";
		
		if(myFont[Monog] == "13"){
			
			//document.getElementById("Monogram_Letters_field").style.display = "block";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "block";
			document.getElementById("Monogram_Letters_field").value = 0;
			document.getElementById("First_Letter_field").style.display = "none";
			document.getElementById("First_Letter_fieldname").style.display = "none";
			document.getElementById("Second_Letter_field").style.display = "none";
			document.getElementById("Second_Letter_fieldname").style.display = "none";
			document.getElementById("Third_Letter_field").style.display = "none";
			document.getElementById("Third_Letter_fieldname").style.display = "none";
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
			
			if(document.getElementById("Picture_field") != null){
				document.getElementById("Picture_field").style.display = "none";
				document.getElementById("Picture_fieldname").style.display = "none";
			}
			//alert(Monog);
			//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}else if(myFont[Monog] == "1"){
			//document.getElementById("Monogram_Letters_field").style.display = "block";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "block";
			document.getElementById("Monogram_Letters_field").value = 0;
			document.getElementById("First_Letter_field").style.display = "block";
			document.getElementById("First_Letter_fieldname").style.display = "block";
			document.getElementById("Second_Letter_field").style.display = "none";
			document.getElementById("Second_Letter_fieldname").style.display = "none";
			document.getElementById("Third_Letter_field").style.display = "none";
			document.getElementById("Third_Letter_fieldname").style.display = "none";
			document.getElementById("Picture_field").style.display = "none";
			document.getElementById("Picture_fieldname").style.display = "none";
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}else if(myFont[Monog] == "2"){
			//document.getElementById("Monogram_Letters_field").style.display = "block";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "block";
			
			document.getElementById("First_Letter_field").style.display = "block";
			document.getElementById("First_Letter_fieldname").style.display = "block";
			document.getElementById("Second_Letter_field").style.display = "block";
			document.getElementById("Second_Letter_fieldname").style.display = "block";
			document.getElementById("Third_Letter_field").style.display = "none";
			document.getElementById("Third_Letter_fieldname").style.display = "none";
			document.getElementById("Picture_field").style.display = "none";
			document.getElementById("Picture_fieldname").style.display = "none";
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}
		else if(myFont[Monog] == "3"){
			//document.getElementById("Monogram_Letters_field").style.display = "none";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "none";
			document.getElementById("Monogram_Letters_field").value = 0;
			document.getElementById("First_Letter_field").style.display = "block";
			document.getElementById("First_Letter_fieldname").style.display = "block";
			document.getElementById("Second_Letter_field").style.display = "block";
			document.getElementById("Second_Letter_fieldname").style.display = "block";
			document.getElementById("Third_Letter_field").style.display = "block";
			document.getElementById("Third_Letter_fieldname").style.display = "block";
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";//alert(document.getElementById("ViewMonogram").innerHTML);
			document.getElementById("Picture_field").style.display = "none";
			document.getElementById("Picture_fieldname").style.display = "none";
			
			//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}else if(Monog == "Specifal_Design"){
			
			document.getElementById("First_Letter_field").style.display = "none";
			document.getElementById("First_Letter_fieldname").style.display = "none";
			document.getElementById("Second_Letter_field").style.display = "none";
			document.getElementById("Second_Letter_fieldname").style.display = "none";
			document.getElementById("Third_Letter_field").style.display = "none";
			document.getElementById("Third_Letter_fieldname").style.display = "none";
			document.getElementById("Picture_field").style.display = "block";
			document.getElementById("Picture_fieldname").style.display = "block";
			document.getElementById("Name_field").style.display = "none";
			document.getElementById("Name_fieldname").style.display = "none";
			
			document.getElementById("Special_Design_field").style.display = "block";
			document.getElementById("Special_Design_fieldname").style.display = "block";
			
		}else if(Monog == "None"){
			//document.getElementById("Monogram_Letters_field").style.display = "none";
			//document.getElementById("Monogram_Letters_Letters_fieldname").style.display = "none";
			document.getElementById("First_Letter_field").style.display = "none";
			document.getElementById("First_Letter_fieldname").style.display = "none";
			document.getElementById("Second_Letter_field").style.display = "none";
			document.getElementById("Second_Letter_fieldname").style.display = "none";
			document.getElementById("Third_Letter_field").style.display = "none";
			document.getElementById("Third_Letter_fieldname").style.display = "none";
			document.getElementById("Picture_field").style.display = "block";
			document.getElementById("Picture_fieldname").style.display = "block";
			document.getElementById("Name_field").style.display = "none";
			document.getElementById("Name_fieldname").style.display = "none";
			document.getElementById("Design_Idea_field").style.display = "none";
			document.getElementById("Design_Idea_fieldname").style.display = "none";
			document.getElementById("Special_Design_field").style.display = "none";
			document.getElementById("Special_Design_fieldname").style.display = "none";
			//document.getElementById("ViewMonogram").innerHTML = 'view sample';
		
		}
	}
	
	if(document.getElementById("1_Letter_Monogram_Font_field").value != 'None'){
		//alert('here');
		var Monog = document.getElementById("1_Letter_Monogram_Font_field").value;
		document.getElementById('ViewMonogram2').style.left = "147px";
		document.getElementById('ViewMonogram2').style.top = "-2px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}
	if(document.getElementById("3_Letter_Monogram_Font_field").value != 'None'){
		//alert('here');
		var Monog = document.getElementById("3_Letter_Monogram_Font_field").value;
		document.getElementById('ViewMonogram2').style.left = "147px";
		document.getElementById('ViewMonogram2').style.top = "42px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}
	if(document.getElementById("Text_and_Words_Font_field").value != 'None'){
		//var Monog = document.getElementById("Text_and_Words_Font_field").value;
		//document.getElementById('ViewMonogram2').style.left = "149px";
		//document.getElementById('ViewMonogram2').style.top = "133px";
		//document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}//
	if(document.getElementById("Images_field").value != 'None'){
		//alert('here');
		var Monog = document.getElementById("Images_field").value;
		document.getElementById('ViewMonogram2').style.left = "162px";
		document.getElementById('ViewMonogram2').style.top = "178px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\"Pictures\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}

	
	
	
}
function SetMonogramStyle(){
	
	if(document.getElementById("Monogram_Style_field")){
		var Monog = document.getElementById("Monogram_Style_field").value;
		
		//document.getElementById("Special_Design_field").style.display = "block";
		//document.getElementById("Special_Design_fieldname").style.display = "block";
		//alert(Monog);
		if(myFont[Monog] == "13"){
			
			//document.getElementById("Monogram_Letters_field").style.display = "block";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "block";
			
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
			
			if(document.getElementById("Picture_field") != null){
				document.getElementById("Picture_field").style.display = "none";
				document.getElementById("Picture_fieldname").style.display = "none";
			}
			//alert(Monog);
			//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}else if(myFont[Monog] == "1"){
			//document.getElementById("Monogram_Letters_field").style.display = "block";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "block";
			
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}else if(myFont[Monog] == "2"){
			//document.getElementById("Monogram_Letters_field").style.display = "block";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "block";
			
			
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}
		else if(myFont[Monog] == "3"){
			//document.getElementById("Monogram_Letters_field").style.display = "none";
			//document.getElementById("Monogram_Letters_fieldname").style.display = "none";
			
			document.getElementById('ViewMonogram').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";//alert(document.getElementById("ViewMonogram").innerHTML);
			
			//document.getElementById("ViewMonogram").innerHTML = '<table border=0 style="position:absolute;margin-top:-15px;margin-left:-10px;background-color:white;border:1px solid black;"><tr><td width="78"><a href="javascript:OpenMonoSample(\''+Monog+'\');">view&nbsp;sample</a></td></tr></table>';
		}
		else if(Monog == "None"){
			//document.getElementById("Monogram_Letters_field").style.display = "none";
			//document.getElementById("Monogram_Letters_Letters_fieldname").style.display = "none";
			document.getElementById("First_Letter_field").style.display = "none";
			document.getElementById("First_Letter_fieldname").style.display = "none";
			document.getElementById("Second_Letter_field").style.display = "none";
			document.getElementById("Second_Letter_fieldname").style.display = "none";
			document.getElementById("Third_Letter_field").style.display = "none";
			document.getElementById("Third_Letter_fieldname").style.display = "none";
			document.getElementById("Picture_field").style.display = "block";
			document.getElementById("Picture_fieldname").style.display = "block";
			document.getElementById("Name_field").style.display = "none";
			document.getElementById("Name_fieldname").style.display = "none";
			document.getElementById("Design_Idea_field").style.display = "none";
			document.getElementById("Design_Idea_fieldname").style.display = "none";
			document.getElementById("Special_Design_field").style.display = "none";
			document.getElementById("Special_Design_fieldname").style.display = "none";
			//document.getElementById("ViewMonogram").innerHTML = 'view sample';
		
		}
	}
	if(document.getElementById("1_Letter_Monogram_Font_field") && document.getElementById("3_Letter_Monogram_Font_field").value == 'None'  && document.getElementById("Text_and_Words_Font_field").value == 'None' && document.getElementById("Images_field").value == 'None'){
		var Monog = document.getElementById("1_Letter_Monogram_Font_field").value;
		document.getElementById('ViewMonogram2').style.left = "110px";
		document.getElementById('ViewMonogram2').style.top = "-3px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}
	if(document.getElementById("1_Letter_Monogram_Font_field") && document.getElementById("1_Letter_Monogram_Font_field").value == 'None'  && document.getElementById("Text_and_Words_Font_field").value == 'None' && document.getElementById("Images_field").value == 'None'){
		var Monog = document.getElementById("3_Letter_Monogram_Font_field").value;
		document.getElementById('ViewMonogram2').style.left = "75px";
		document.getElementById('ViewMonogram2').style.top = "40px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}
	if(document.getElementById("1_Letter_Monogram_Font_field") && document.getElementById("3_Letter_Monogram_Font_field").value == 'None'  && document.getElementById("1_Letter_Monogram_Font_field").value == 'None' && document.getElementById("Images_field").value == 'None'){
		var Monog = document.getElementById("Text_and_Words_Font_field").value;
		document.getElementById('ViewMonogram2').style.left = "60px";
		document.getElementById('ViewMonogram2').style.top = "131px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\""+Monog+"\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}//
	if(document.getElementById("1_Letter_Monogram_Font_field") && document.getElementById("3_Letter_Monogram_Font_field").value == 'None'  && document.getElementById("1_Letter_Monogram_Font_field").value == 'None' && document.getElementById("Text_and_Words_Font_field").value == 'None'){
		var Monog = document.getElementById("Text_and_Words_Font_field").value;
		document.getElementById('ViewMonogram2').style.left = "119px";
		document.getElementById('ViewMonogram2').style.top = "175px";
		document.getElementById('ViewMonogram2').innerHTML = "<table border=0 style='position:absolute;'><tr><td align='center'><a href='javascript:OpenMonoSample(\"Pictures\");'><img src='components/com_virtuemart/themes/default/images/help.png'  border \"0\" style='position:relative;margin-top:-5px;top:4px;'></a></td></tr></table>";
	}

	
	
	
}
function OpenMonoSample(monog2){
	//alert(monog2);
	window.open("images/monograms/"+monog2+".jpg", "mywindow","status=1,height=400,width=300,left=600,top=350,resizable=1,scrollbars=1");
}

function updateMonogram(id){
	
	//alert(id);
	
	//var twoletter = document.getElementById("Letter_1_field").value
	if(id == "Second_Letter_field" || id == "First_Letter_field" || id == "Third_Letter_field" || id == "Monogram_Letters_field" || id == "Monogram_Style_field" && document.getElementById("Letter_1_field").length == 0){
			
			var LetterCnt = document.getElementById("Monogram_Letters_field").value;
			var Letter1 = document.getElementById("First_Letter_field").value;
			var Letter2 = document.getElementById("Second_Letter_field").value;
			var Letter3 = document.getElementById("Third_Letter_field").value;
			var LetterColor = document.getElementById("Monogram_Thread_Color_field").value;
			var LetterFont = document.getElementById("Monogram_Style_field").value;
			var Monog = document.getElementById("Monogram_Style_field").value;
			//alert(document.getElementById("Monogram_Style_field").value);
			//alert(LetterCnt);
			//alert(LetterCnt);
			if(LetterCnt == "3" || myFont[Monog] == "3" || myFont[Monog] == "13"){
			document.getElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=100% height=100%><tr><td width="50%" style="font-size:50px;text-align:right;vertical-align:middle;">'+Letter1+'</td><td style="font-size:80px;vertical-align:middle;">'+Letter2+'</td><td width="50%" style="font-size:50px;text-align:left;vertical-align:middle;">'+Letter3+'</td></tr></table>';
			}
			if(LetterCnt == "2" || myFont[Monog] == "2"){
			document.get
			ElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=100% height=100%><tr><td width="50%" style="font-size:80px;text-align:right;vertical-align:middle;">'+Letter1+'</td><td width="50%" style="font-size:80px;text-align:left;vertical-align:middle;">'+Letter2+'</td></tr></table>';
			}
			if(LetterCnt == "1" || myFont[Monog] == "1"){
			document.getElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=100% height=100% border=0><tr><td width="100%" style="font-size:80px;text-align:center;vertical-align:middle;">'+Letter1+'</td></tr></table>';
			}
			if(LetterCnt == "Name"){
			//alert('Please Enter text into the "Name" input field');
			document.getElementById("Name_field").focus();
			document.getElementById("vmMonogramImage").innerHTML = '';
			}
			if(LetterCnt == "0"){
			//alert('Please Enter text into the "Text" input field');
			document.getElementById("vmMonogramImage").innerHTML = '';
			}
			document.getElementById("LettersTable").style.color = ""+myColor[LetterColor]+"";
			
	}
	if(id == "1_Letter_Monogram_field" || id == "1_Letter_Monogram_Font_field"){
		
		UpdateOptions("1_Letter_Monogram_field");
		SetMonogram();
		var Letter1 = document.getElementById("1_Letter_Monogram_field").value;
		var LetterColor = document.getElementById("Monogram_Thread_Color_field").value;
		document.getElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=100% height=100% border=0><tr><td width="100%" style="font-size:80px;text-align:center;vertical-align:middle;">'+(Letter1.substr(0,1)).toUpperCase()+'</td></tr></table>';
		document.getElementById("LettersTable").style.color = ""+myColor[LetterColor]+"";
	}
	if(id == "First_Name_field" || id == "Middle_Name_field" || id == "Last_Name_field" || id == "3_Letter_Monogram_Font_field"){
		
		UpdateOptions("First_Name_field");
		SetMonogram();
		var Letter1 = document.getElementById("First_Name_field").value;
		var Letter2 = document.getElementById("Middle_Name_field").value;
		var Letter3 = document.getElementById("Last_Name_field").value;
		var LetterColor = document.getElementById("Monogram_Thread_Color_field").value;
		document.getElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=100% height=100%><tr><td width="50%" style="font-size:50px;text-align:right;vertical-align:middle;">'+(Letter1.substr(0,1)).toUpperCase()+'</td><td style="font-size:80px;vertical-align:middle;">'+(Letter2.substr(0,1)).toUpperCase()+'</td><td width="50%" style="font-size:50px;text-align:left;vertical-align:middle;">'+(Letter3.substr(0,1)).toUpperCase()+'</td></tr></table>';
		document.getElementById("LettersTable").style.color = ""+myColor[LetterColor]+"";
	}
	if(id == "Text_and_Words_Font_field" || id == "Text_field"){
		
		UpdateOptions("Text_and_Words_Font_field");
		SetMonogram();
		var Letter1 = document.getElementById("Text_field").value;
		var LetterColor = document.getElementById("Monogram_Thread_Color_field").value;
		document.getElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=100% height=100% border=0><tr><td width="100%" style="font-size:45px;text-align:center;vertical-align:middle;">'+Letter1+'</td></tr></table>';
		document.getElementById("LettersTable").style.color = ""+myColor[LetterColor]+"";
	}
	if(id == "Images_field"){
		UpdateOptions("Text_and_Words_Font_field");
		SetMonogram();
		document.getElementById("vmMonogramImage").innerHTML = '';
	}
	if(id == "Ribbon_Choice_field" ){
		SetRibbon();
	}
	
	if(id == "Monogram_Thread_Color_field"){
		var LetterColor = document.getElementById("Monogram_Thread_Color_field").value;
		document.getElementById("LettersTable").style.color = ""+myColor[LetterColor]+"";
	}
	
	if(id == "Heel_Color_field" ){
		if(document.getElementById("Heel_Color_field").value == 'Natural_Wood'){
			document.getElementById("Paint_Job_field").style.display = "block";
			document.getElementById("Paint_Job_fieldname").style.display = "block";
		}else{
			document.getElementById("Paint_Job_field").style.display = "none";
			document.getElementById("Paint_Job_fieldname").style.display = "none";
		}
		
	}
	
	//alert(id);
	if(document.getElementById("Letter_1_field").length > 0 || id == "Monogram_Style_field" || id == "Letter_1_field" || id == "Letter_2_field"){
		var Letter1 = document.getElementById("Letter_1_field").value;
		var Letter2 = document.getElementById("Letter_2_field").value;
		var LetterColor = document.getElementById("Monogram_Thread_Color_field").value;
		var LetterFont = document.getElementById("Monogram_Style_field").value;
		
		document.getElementById("vmMonogramImage").innerHTML = '<table id="LettersTable" width=200 height=200><tr><td width="50%" style="font-size:80px;font-family:'+myFonts[LetterFont]+';text-align:right;vertical-align:middle;">'+Letter1+'</td><td width="50%" style="font-size:80px;font-family:'+myFonts[LetterFont]+';text-align:left;vertical-align:middle;">'+Letter2+'</td></tr></table>';
		//alert(LetterColor);
	}
	
	
	
}



var ReduceDiv = 250;

function SetRibbon(){
	//clearTimeout(RibbonTimer);
	
	var myTest1  = document.getElementById("Ribbon_Choice_field").value;
	if(myTest1 == "Do~Lally"){
		DisplayHelp("Do~Lally");
	}
	//alert(browser);
	if(browser == "IE"){
		var ribbon = myRibbon[''+myTest1+''];
		//alert(ribbon);
		var ColorBox1 = document.getElementById("vmRibbonType");
		ColorBox1.style.width = "170px"
		ColorBox1.style.backgroundImage = "url(images/ribbons/"+ribbon+")"; 
		ColorBox1.style.backgroundRepeat = "no-repeat";
		
		var RibbonTimer=setTimeout("CloseRibbon(125)",4000);
	}else if(browser == "Netscape"){
		var ribbon = myRibbon[''+myTest1+''];
		//alert(ribbon);
		var ColorBox1 = document.getElementById("vmRibbonType");
		ColorBox1.style.width = "170px"
		ColorBox1.style.backgroundImage = "url(images/ribbons/"+ribbon+")"; 
		ColorBox1.style.backgroundRepeat = "no-repeat";
		var RibbonTimer=setTimeout("CloseRibbon(125)",4000);
	}
	
}
function SetRibbon1(){
	//clearTimeout(RibbonTimer);
	var myTest2  = document.getElementById("Ribbon_1_field").value;
	
	//alert(myTest2);
	
	var ColorBox2 = document.getElementById("vmRibbonType");
	ColorBox2.style.width = "255px"
	ColorBox2.style.backgroundImage = "url(images/ribbons/"+myTest2+".jpg)"; 
	ColorBox2.style.backgroundRepeat = "no-repeat";
	
	var RibbonTimer=setTimeout("CloseRibbon(125)",4000);
	
}
function SetRibbon2(){
	//clearTimeout(RibbonTimer);
	var myTest3  = document.getElementById("Ribbon_2_field").value;
	
	//alert(myTest2);
	
	var ColorBox3 = document.getElementById("vmRibbonType2");
	
	ColorBox3.style.backgroundImage = "url(images/ribbons/"+myTest3+".jpg)"; 
	ColorBox3.style.backgroundRepeat = "no-repeat";
	ColorBox3.style.width = 88+"px"
	
	//var RibbonTimer=setTimeout("CloseRibbon(125)",1000);
	
}

function CloseRibbon(hght){
	
	
	if(browser == "IE"){
		var ColorBox3  = document.getElementById("vmRibbonType");
		//alert(ReduceDiv);
		if(hght > 25){
			//alert('ColorBox3.style.height');
			hght = hght - 15;
			ColorBox3.style.width =  hght+"px";
			
		}else{
			clearTimeout(t)
		}
		var t=setTimeout("CloseRibbon("+hght+")",10);
		
		
		clearTimeout(RibbonTimer);
	}else{
		
			var ColorBox3  = document.getElementById("vmRibbonType");
			
			ColorBox3.style.width =  "25px";
			//ColorBox3.style.left = "-148px";
			
		
	}
	
}
function CloseRibbonNN(hght){
	
}