CALLBACK_URL = "/designer/image_maker.php";
CALLBACK_EMAIL_URL = "/designer/send_cart_email.php";
var X_ADJ = 0.5;
var BIG_X_ADJ = 4.0;
var Y_ADJ = 0.5;
var BIG_Y_ADJ = 4.0;
var callbackCounter = 1;
var farbtastic = false;
var phrase1WavWidth;
var phrase1WavHeight;
var phrase1ArcDegrees;
var phrase1InitRot;
var phrase2WavWidth;
var phrase2WavHeight;
var phrase2ArcDegrees;
var phrase2InitRot;
var ornament1WavWidth;
var ornament1WavHeight;
var ornament1ArcDegrees;
var ornament1InitRot;
var thePreviewImgUrl;

var addthis_config = {
		  services_compact: 'facebook, more',
		  services_exclude: 'print'
};

String.prototype.trim = function() {
	return this.replace(/^\s*|\s*$/g, "")
}

var colorHash = 
	{'fae2e0': 'Baby Pink', '5B71AA': 'Lavender', 'FF82A2': 'Soft Pink','FEFEFE': 'White', '44211D': 'Brown', 'ADADAD': 'Silver Metallic','FF417D': 'Pink', 
	 '000000': 'Black', '0098D2': 'Light Blue','E5A7DA': 'Lilac', 'D1A44F': 'Metallic Gold', 'AA0E0F': 'Red', '005B3A': 'Dark Green',
	 '008870': 'Lime-Tree Green', 'F6DC03': 'Yellow', '036B52': 'Green', 'FDE0B6': 'Beige', 'BD8C52': 'Light Brown', 'B5561C': 'Terracotta',
	 'B1B9BC': 'Gray', '7B009B': 'Violet', '2C3465': 'Dark Blue', '80090B': 'Dark Red', '6A0330': 'Burgandy', '60bdf6': 'Light Blue', '4491d7': 'Sky Blue',


	 'FFFAC8': 'Glossy Cream', 'A8B1B8': 'Glossy Silver', '922B46': 'Glossy Burgandy', '4D2501': 'Glossy Brown', 'F6A6BF': 'Glossy Soft Pink', 'ED0B6D': 'Glossy Pink', 
	 'FFFFFF': 'Glossy White', '4B176C': 'Glossy Violet', 'FF8A47': 'Glossy Light Orange', '231F20': 'Glossy Black', 'E1E5E6': 'Glossy Light Grey', '015836': 'Glossy Dark Green',
	 '5AAD41': 'Glossy Lime-Tree Green', '0071AF': 'Glossy Gentian Blue', '002C5B': 'Glossy Deep Sea Blue', '39B7EA': 'Glossy Ice Blue', '0081C3': 'Glossy Sky Blue', 'Glossy 0E047E': 'Glossy King Blue',
	 '33598A': 'Glossy Dark Blue', 'D4AF37': 'Glossy Gold', 'C40042': 'Glossy Red', 'E7D6B6': 'Glossy Ivory', '6D9A2C': 'Glossy Olive', '187EA0': 'Glossy Teal'};


RGBtoHex = function(color){
  //valid HEX code is entered
  if(color.match(/[0-9a-fA-F]{3}$/) || color.match(/[0-9a-fA-F]{6}$/)){
	color = (color.charAt(0) == "#") ? color : ("#" + color);
  }
  //rgb color value is entered (by selecting a swatch)
  else if(color.match(/^rgb\(([0-9]|[1-9][0-9]|[1][0-9]{2}|[2][0-4][0-9]|[2][5][0-5]),[ ]{0,1}([0-9]|[1-9][0-9]|[1][0-9]{2}|[2][0-4][0-9]|[2][5][0-5]),[ ]{0,1}([0-9]|[1-9][0-9]|[1][0-9]{2}|[2][0-4][0-9]|[2][5][0-5])\)$/)){
	var c = ([parseInt(RegExp.$1),parseInt(RegExp.$2),parseInt(RegExp.$3)]);

	var pad = function(str){
		  if(str.length < 2){
			for(var i = 0,len = 2 - str.length ; i<len ; i++){
			  str = '0'+str;
			}
		  }
		  return str;
	}

	if(c.length == 3){
	  var r = pad(c[0].toString(16)),g = pad(c[1].toString(16)),b= pad(c[2].toString(16));
	  color = '#' + r + g + b;
	}
  }
  else color = false;

  return color
}

function build_font_table( theFontList){
	var col_count = 0;
	var table_src = '<table style="border-collapse: collapse; width: 100%;">' + "\n<tr>";
	for(var i=0;i<theFontList.length;i++){
		var thumb_url = theFontList[i].thumb_url;
		if($.browser.msie && (jQuery.browser.version.substr(0,1)=="6")){
			thumb_url = thumb_url.replace("png","jpg");
		}
		var font_name = theFontList[i].name;
		table_src += '<td class="font-name"><img class="to-fix" src="' + thumb_url + '">' + "<br />" + font_name + "</td>\n"
		col_count++;
		var last_i = (i == (theFontList.length - 1));
		if((col_count == 6) && !last_i){
			table_src += "\n</tr>\n<tr>\n";
			col_count = 0;
		}
	}
	while(col_count < 6){
		table_src += "<td></td>";
		col_count++;
	}
	table_src += "\n</tr>\n</table>";
	return table_src;
}
var updateCounter = 1;
function setWallColor(){
	var color = $('#id-wall-color').val();
	//$('#id-wall-color-swatch').css({'background-color': color});
	$('#id-preview-pane').css({'background-color': color});
	updateCounter += 1;
	if(updateCounter > 10000){
		updateCounter = 1;
	}
	var theUpdateCounter = updateCounter;
	setTimeout(function(){
		if(theUpdateCounter == updateCounter){
			updatePreview();
		}
	}, 1000);
}


function updatePreview(){
	var d = {};
	d['wc'] = $('#id-wall-color').val().replace('#','');
	//d['wc'] = farbtastic.color.replace('#','');
	var p1 = $('#id-phrase1-text').val();
	var p1h = $('#id-phrase1-height').val();
	// var cjust = $('#id-phrase1-cjust').attr('src').indexOf("_sel") != -1;
	// var rjust = $('#id-phrase1-rjust').attr('src').indexOf("_sel") != -1;
	// if(cjust){
	//     var p1hj = 'c';
	// } else if(rjust){
	//     var p1hj = 'r';
	// } else {
	//     var p1hj = 'l';
	// }
	p1hj = 'l';
	// var vcjust = $('#id-phrase1-vcjust').attr('src').indexOf("_sel") != -1;
	// var vbjust = $('#id-phrase1-vbjust').attr('src').indexOf("_sel") != -1;
	// if(vcjust){
	//     var p1vj = 'c';
	// } else if(vbjust){
	//     var p1vj = 'b';
	// } else {
	//     var p1vj = 't';
	// }
	p1vj = 't';
	var p1clr = $('#id-phrase1-color').val().replace('#','').toUpperCase();
	// var p1hadj = $('#id-phrase1-hadjust').val();   
	p1hadj = 0.0;
	// var p1vadj = $('#id-phrase1-vadjust').val();
	p1vadj = 0.0;
	var p1tpath = $('#id-phrase1-text-path').val();
	var p1fn = $('#id-phrase1-font-name').html().substring(6).trim();
	var p1wh = $('#id-phrase1-wave-height').val();
	var p1ww = $('#id-phrase1-wave-width').val();
	var p1arcd = $('#id-phrase1-arc-degrees').val();
	if(p1){ d['p1'] = p1; }
	if(p1h){ d['p1h'] = p1h; } 
	if(p1hj){ d['p1hj'] = p1hj; }
	if(p1vj){ d['p1vj'] = p1vj; }
	if(p1clr){ d['p1clr'] = p1clr; }
	if(p1hadj){ d['p1hadj'] = p1hadj; } 
	if(p1vadj){ d['p1vadj'] = p1vadj; } 
	if(p1tpath){ d['p1tpath'] = p1tpath; }
	if(p1fn){ d['p1fn'] = p1fn; }  
	if(p1wh){ d['p1wh'] = p1wh; }  
	if(p1ww){ d['p1ww'] = p1ww; }
	if(p1arcd){ d['p1arcd'] = p1arcd; }

	var p2 = $('#id-phrase2-text').val();
	var p2h = $('#id-phrase2-height').val();
	var cjust = $('#id-phrase2-big-center-just').attr('src').indexOf("_sel") != -1;
	// var rjust = $('#id-phrase2-rjust').attr('src').indexOf("_sel") != -1;
	//     if(cjust){
	//         var p2hj = 'c';
	//     } else if(rjust){
	//         var p2hj = 'r';
	//     } else {
	//         var p2hj = 'l';
	//     }
	if(cjust){
		p2hj = 'c';
		p2vj = 'c';
	} else {
		p2hj = 'l';
		p2vj = 't';
	}
	// var vcjust = $('#id-phrase2-vcjust').attr('src').indexOf("_sel") != -1;
	// var vbjust = $('#id-phrase2-vbjust').attr('src').indexOf("_sel") != -1;
	// if(vcjust){
	//     var p2vj = 'c';
	// } else if(vbjust){
	//     var p2vj = 'b';
	// } else {
	//     var p2vj = 't';
	// }
	var p2clr = $('#id-phrase2-color').val().replace('#','').toUpperCase();
	var p2hadj = $('#id-phrase2-hadjust').val();
	var p2vadj = $('#id-phrase2-vadjust').val();
	var p2tpath = $('#id-phrase2-text-path').val();
	var p2fn = $('#id-phrase2-font-name').html().substring(6).trim();
	var p2wh = $('#id-phrase2-wave-height').val();
	var p2ww = $('#id-phrase2-wave-width').val();
	var p2arcd = $('#id-phrase2-arc-degrees').val();

	if(!$('#id-phrase2').is(':hidden')){
		if(p2){ d['p2'] = p2; }
		if(p2h){ d['p2h'] = p2h; } 
		if(p2hj){ d['p2hj'] = p2hj; }
		if(p2vj){ d['p2vj'] = p2vj; }
		if(p2clr){ d['p2clr'] = p2clr; }
		if(p2hadj){ d['p2hadj'] = p2hadj; } 
		if(p2vadj){ d['p2vadj'] = p2vadj; } 
		if(p2tpath){ d['p2tpath'] = p2tpath; }
		if(p2fn){ d['p2fn'] = p2fn; }  
		if(p2wh){ d['p2wh'] = p2wh; }  
		if(p2ww){ d['p2ww'] = p2ww; }
		if(p2arcd){ d['p2arcd'] = p2arcd; }
	}

	var o1h = $('#id-ornament1-height').val();
	var cjust = $('#id-ornament1-big-center-just').attr('src').indexOf("_sel") != -1;
	//var rjust = $('#id-ornament1-rjust').attr('src').indexOf("_sel") != -1;
	if(cjust){
		var o1hj = 'c';
	// } else if(rjust){
	//     var o1hj = 'r';
	} else {
		var o1hj = 'l';
	}
	// var vcjust = $('#id-ornament1-vcjust').attr('src').indexOf("_sel") != -1;
	// var vbjust = $('#id-ornament1-vbjust').attr('src').indexOf("_sel") != -1;
	if(cjust){
		var o1vj = 'c';
	// } else if(vbjust){
	//     var o1vj = 'b';
	} else {
		var o1vj = 't';
	}
	var o1clr = $('#id-ornament1-color').val().replace('#','').toUpperCase();
	var o1hadj = $('#id-ornament1-hadjust').val();
	var o1vadj = $('#id-ornament1-vadjust').val();
	var o1tpath = 'straight'; // $('#id-ornament1-text-path').val();
	var o1on = $('#id-ornament1-ornament-name').html().substring(10).trim();
	var o1wh = $('#id-ornament1-wave-height').val();
	var o1ww = $('#id-ornament1-wave-width').val();
	var o1arcd = $('#id-ornament1-arc-degrees').val(); 


	if(!$('#id-ornament1').is(':hidden')){
		if(o1h){ d['o1h'] = o1h; } 
		if(o1hj){ d['o1hj'] = o1hj; }
		if(o1vj){ d['o1vj'] = o1vj; }
		if(o1clr){ d['o1clr'] = o1clr; }
		if(o1hadj){ d['o1hadj'] = o1hadj; } 
		if(o1vadj){ d['o1vadj'] = o1vadj; } 
		if(o1tpath){ d['o1tpath'] = o1tpath; }
		if(o1on){ d['o1on'] = o1on; }  
		if(o1wh){ d['o1wh'] = o1wh; }  
		if(o1ww){ d['o1ww'] = o1ww; }
		if(o1arcd){ d['o1arcd'] = o1arcd; }
	}

	$('#id-preview-pane').html('<h3>Generating preview....</h3>');
	callbackCounter++;
	if(callbackCounter == 100){
		callbackCounter = 1;
	}
	var ourCallbackCounter = callbackCounter;
	setTimeout( function(){
		if(ourCallbackCounter != callbackCounter){
			return;
		}
		$.post(CALLBACK_URL, d, function(data){
			if(ourCallbackCounter != callbackCounter){
				return;
			}
			var theData = data.split('|');
			thePreviewImgUrl = theData[0].trim();
			var image1 = $('<img />').attr('src', thePreviewImgUrl);
			$('#id-facebook-image-share').attr({'href': 'http://www.vinylwallexpressions.com' + thePreviewImgUrl});
			$('#id-preview-pane').empty().append(image1);
			$('#id-total-price').html('$' + theData[1]);
			$("#id-addthis-link").attr({'href':'http://api.addthis.com/oexchange/0.8/forward/facebook/offer?url=http://vinylwallexpressions.com' + thePreviewImgUrl});
			$('#id-paypal-pic-url-data').val('http://www.vinylwallexpressions.com' + thePreviewImgUrl);
			$('#id-cart-paypal-pic-url-data').val('http://www.vinylwallexpressions.com' + thePreviewImgUrl);

			var thePaypalFchData = 'Phrase1: ' + p1fn + ", " + p1h + ", " + colorHash[p1clr] + " | ";
			if(!$('#id-phrase2').is(':hidden')){
				thePaypalFchData = thePaypalFchData + ' Phrase2: ' + p2fn + ", " + p2h + ", " + colorHash[p2clr] + " | ";
			}
			if(!$('#id-ornament1').is(':hidden')){
				thePaypalFchData = thePaypalFchData + ' Orn: ' + o1on + ", " + o1h + ", " + colorHash[o1clr] + " | ";
			}
			thePaypalFchData = thePaypalFchData + " Size: " + theData[2] + " x " + theData[3]+ " in."; 
			$('#id-paypal-fch-data').val(thePaypalFchData);
			$('#id-cart-paypal-fch-data').val(thePaypalFchData);
			$('#id-paypal-buy-amount').val(theData[1]);
			$('#id-cart-paypal-buy-amount').val(theData[1]);
			$('#id-total-size').html(theData[2] + " by " + theData[3] + " inches");
		});
	}, 500);
}

function OLDupdatePreview(){
	//var q = "?wc=" + farbtastic.color.substring(1) + '&';
	var p1 = $('#id-phrase1-text').val();
	var p1h = $('#id-phrase1-height').val();
	var cjust = $('#id-phrase1-cjust-sel').css('display') == 'inline';
	var rjust = $('#id-phrase1-rjust-sel').css('display') == 'inline';
	if(cjust){
		var p1hj = 'c';
	} else if(rjust){
		var p1hj = 'r';
	} else {
		var p1hj = 'l';
	}
	var vcjust = $('#id-phrase1-vcjust-sel').css('display') == 'inline';
	var vbjust = $('#id-phrase1-vbjust-sel').css('display') == 'inline';
	if(vcjust){
		var p1vj = 'c';
	} else if(vbjust){
		var p1vj = 'b';
	} else {
		var p1vj = 't';
	}
	var p1clr = $('#id-phrase1-color').val().substring(1);
	var p1hadj = $('#id-phrase1-hadjust').val();   
	var p1vadj = $('#id-phrase1-vadjust').val();
	var p1tpath = $('#id-phrase1-text-path').val();
	var p1fn = $('#id-phrase1-font-name').html().substring(7);
	var p1wh = $('#id-phrase1-wave-height').val();
	var p1ww = $('#id-phrase1-wave-width').val();
	var p1arcd = $('#id-phrase1-arc-degrees').val();

	if(p1){ q += "p1=" + escape(p1) + "&"; }
	if(p1h){ q += "p1h=" + p1h + "&"; } 
	if(p1hj){ q += "p1hj=" + p1hj + "&"; }
	if(p1vj){ q += "p1vj=" + p1vj + "&"; }
	if(p1clr){ q += "p1clr=" + p1clr + "&"; }
	if(p1hadj){ q += "p1hadj=" + p1hadj + "&"; } 
	if(p1vadj){ q += "p1vadj=" + p1vadj + "&"; } 
	if(p1tpath){ q += "p1tpath=" + p1tpath + "&"; }
	if(p1fn){ q += "p1fn=" + p1fn + "&"; }  
	if(p1wh){ q += "p1wh=" + p1wh + "&"; }  
	if(p1ww){ q += "p1ww=" + p1ww + "&"; }
	if(p1arcd){ q += "p1arcd=" + p1arcd + "&"; }      

	var p2 = $('#id-phrase2-text').val();
	var p2h = $('#id-phrase2-height').val();
	var cjust = $('#id-phrase2-cjust-sel').css('display') == 'inline';
	var rjust = $('#id-phrase2-rjust-sel').css('display') == 'inline';
	if(cjust){
		var p2hj = 'c';
	} else if(rjust){
		var p2hj = 'r';
	} else {
		var p2hj = 'l';
	}
	var vcjust = $('#id-phrase2-vcjust-sel').css('display') == 'inline';
	var vbjust = $('#id-phrase2-vbjust-sel').css('display') == 'inline';
	if(vcjust){
		var p2vj = 'c';
	} else if(vbjust){
		var p2vj = 'b';
	} else {
		var p2vj = 't';
	}
	var p2clr = $('#id-phrase2-color').val().substring(1);
	var p2hadj = $('#id-phrase2-hadjust').val();
	var p2vadj = $('#id-phrase2-vadjust').val();
	var p2tpath = $('#id-phrase2-text-path').val();
	var p2fn = $('#id-phrase2-font-name').html().substring(7);
	var p2wh = $('#id-phrase2-wave-height').val();
	var p2ww = $('#id-phrase2-wave-width').val();
	var p2arcd = $('#id-phrase2-arc-degrees').val();

	if($('#id-phrase2').height() > 1){
		if(p2){ q += "p2=" + escape(p2) + "&"; }
		if(p2h){ q += "p2h=" + p2h + "&"; } 
		if(p2hj){ q += "p2hj=" + p2hj + "&"; }
		if(p2vj){ q += "p2vj=" + p2vj + "&"; }
		if(p2clr){ q += "p2clr=" + p2clr + "&"; }
		if(p2hadj){ q += "p2hadj=" + p2hadj + "&"; } 
		if(p2vadj){ q += "p2vadj=" + p2vadj + "&"; } 
		if(p2tpath){ q += "p2tpath=" + p2tpath + "&"; }
		if(p2fn){ q += "p2fn=" + p2fn + "&"; }  
		if(p2wh){ q += "p2wh=" + p2wh + "&"; }  
		if(p2ww){ q += "p2ww=" + p2ww + "&"; }
		if(p2arcd){ q += "p2arcd=" + p2arcd + "&"; }
	}

	var o1h = $('#id-ornament1-height').val();
	var cjust = $('#id-ornament1-cjust-sel').css('display') == 'inline';
	var rjust = $('#id-ornament1-rjust-sel').css('display') == 'inline';
	if(cjust){
		var o1hj = 'c';
	} else if(rjust){
		var o1hj = 'r';
	} else {
		var o1hj = 'l';
	}
	var vcjust = $('#id-ornament1-vcjust-sel').css('display') == 'inline';
	var vbjust = $('#id-ornament1-vbjust-sel').css('display') == 'inline';
	if(vcjust){
		var o1vj = 'c';
	} else if(vbjust){
		var o1vj = 'b';
	} else {
		var o1vj = 't';
	}
	var o1clr = $('#id-ornament1-color').val().substring(1);
	var o1hadj = $('#id-ornament1-hadjust').val();
	var o1vadj = $('#id-ornament1-vadjust').val();
	var o1tpath = 'straight'; // $('#id-ornament1-text-path').val();
	var o1on = $('#id-ornament1-ornament-name').html().substring(11);
	var o1wh = $('#id-ornament1-wave-height').val();
	var o1ww = $('#id-ornament1-wave-width').val();
	var o1arcd = $('#id-ornament1-arc-degrees').val(); 

	if($('#id-ornament1').height() > 1){
		if(o1on){ q += "o1on=" + o1on + "&"; }
		if(o1tpath){ q += "o1tpath=" + o1tpath + "&"; }
		if(o1wh){ q += "o1wh=" + o1wh + "&"; }  
		if(o1ww){ q += "o1ww=" + o1ww + "&"; }
		if(o1h){ q += "o1h=" + o1h + "&"; } 
		if(o1hj){ q += "o1hj=" + o1hj + "&"; }
		if(o1vj){ q += "o1vj=" + o1vj + "&"; }
		if(o1clr){ q += "o1clr=" + o1clr + "&"; }
		if(o1hadj){ q += "o1hadj=" + o1hadj + "&"; } 
		if(o1vadj){ q += "o1vadj=" + o1vadj + "&"; }   
		if(o1arcd){ q += "o1arcd=" + o1arcd + "&"; }      
	}

	var src_url = CALLBACK_URL + q;
	$('#id-preview-pane').html('<img src="' + src_url + '" alt="generating preview..." />');
	//alert(src_url);

}

function hideAllPhrase1HorzSels(){
	$('#id-phrase1-ljust').attr({'src': '/designer/media/img/left_just.gif'});
	$('#id-phrase1-cjust').attr({'src': '/designer/media/img/center_just.gif'});
	$('#id-phrase1-rjust').attr({'src': '/designer/media/img/right_just.gif'});
}

function hideAllPhrase1VertSels(){
	$('#id-phrase1-vtjust').attr({'src': '/designer/media/img/vtop_just.gif'});
	$('#id-phrase1-vcjust').attr({'src': '/designer/media/img/vcenter_just.gif'});
	$('#id-phrase1-vbjust').attr({'src': '/designer/media/img/vbottom_just.gif'});
}

function hideAllPhrase2HorzSels(){
	$('#id-phrase2-ljust').attr({'src': '/designer/media/img/left_just.gif'});
	$('#id-phrase2-cjust').attr({'src': '/designer/media/img/center_just.gif'});
	$('#id-phrase2-rjust').attr({'src': '/designer/media/img/right_just.gif'});
}

function hideAllPhrase2VertSels(){
	$('#id-phrase2-vtjust').attr({'src': '/designer/media/img/vtop_just.gif'});
	$('#id-phrase2-vcjust').attr({'src': '/designer/media/img/vcenter_just.gif'});
	$('#id-phrase2-vbjust').attr({'src': '/designer/media/img/vbottom_just.gif'});
}

function hideAllOrnament1HorzSels(){
	$('#id-ornament1-ljust').attr({'src': '/designer/media/img/left_just.gif'});
	$('#id-ornament1-cjust').attr({'src': '/designer/media/img/center_just.gif'});
	$('#id-ornament1-rjust').attr({'src': '/designer/media/img/right_just.gif'});
}

function hideAllOrnament1VertSels(){
	$('#id-ornament1-vtjust').attr({'src': '/designer/media/img/vtop_just.gif'});
	$('#id-ornament1-vcjust').attr({'src': '/designer/media/img/vcenter_just.gif'});
	$('#id-ornament1-vbjust').attr({'src': '/designer/media/img/vbottom_just.gif'});      
}

// Array.prototype.compare = function(testArr) {
//     if (this.length != testArr.length) return false;
//     for (var i = 0; i < testArr.length; i++) {
//         if (this[i].compare) { 
//             if (!this[i].compare(testArr[i])) return false;
//         }
//         if (this[i] !== testArr[i]) return false;
//     }
//     return true;
// }

Array.prototype.exists = function(search){
  for (var i=0; i<this.length; i++)
	if (this[i] == search) return true;

  return false;
} 

Array.prototype.compareCombos = function(testArr) {
	for (var i = 0; i < testArr.length; i++) {
		if (!this.exists(testArr[i])){
			return false;
		}
	}
	return true;
}


var phraseColors = 
	{'5B71AA': '24', 'FF82A2': '73', 'FEFEFE': '74', '44211D': '75', 'ADADAD': '76', 'FF417D': '79', 
	 '000000': '77', '0098D2': '80', 'E5A7DA': '78', 'D1A44F': '81', 'AA0E0F': '83', '005B3A': '82',
	 '008870': '85', 'F6DC03': '86', '036B52': '87', 'FDE0B6': '88', 'BD8C52': '89', 'B5561C': '90',
	 'B1B9BC': '91', '7B009B': '92', '2C3465': '84', '80090B': '93', '6A0330': '94', '60bdf6': '95', 
	 '4491d7': '96', 'FFFAC8': '26', 'A8B1B8': '53', '922B46': '41', '4D2501': '42', 'F6A6BF': '25', 'ED0B6D': '43', 
	 'FFFFFF': '44', '4B176C': '45', 'FF8A47': '47', '231F20': '54', 'E1E5E6': '40', '015836': '49',
	 '5AAD41': '50', '0071AF': '48', '002C5B': '70', '39B7EA': '46', '0081C3': '68', '0E047E': '64',
	 '33598A': '65', 'D4AF37': '69', 'C40042': '67', 'E7D6B6': '66', '6D9A2C': '71', '187EA0': '72'};

var phraseHeights = 
	{'1.0': '23', '1.5': '21', '2.0': '27', '2.5': '28', '3.0': '29', '3.5': '30', '4.0': '31', '4.5': '32', '5.0': '33', 
	 '5.5': '34', '6.0': '35', '6.5': '62', '7.0': '51', '7.5': '59', '8.0': '52', '8.5': '60', '9.0': '58', '9.5': '61',
	 '10.0': '55', '11.0': '56', '12.0': '57'};

var phrasePaths = 
	{'straight': '36', 'wave1': '37', 'wave2': '38', 'archcirc': '39'};


function findPhraseCombo(color, textPath, letterHeight){
	var theArray = new Array(color, textPath, letterHeight);
	for(var i=0;i<combinations.length;i++){
		if(combinations[i][1].compareCombos(theArray)){
			return combinations[i][0];
		}
	}
	return false;
}


$(document).ready(function(){
   $('#tabs1').tabs(); 
   $('#tabs2').tabs(); 
   $('#tabs3').tabs(); 
   $('#id-phrase2').hide();
   $('#id-ornament1').hide();
   //farbtastic = $.farbtastic('#id-wall-color-sel', setWallColor);
   iColorPicker();
   $('#id-phrase1-text-path').val('straight');
   $('#id-phrase2-text-path').val('straight');
   //$('#id-ornament1-text-path').val('straight');

   $('#id-phrase1-fonts').css({'height': 1}).hide();
   $('#id-phrase2-fonts').css({'height': 1}).hide();
   $('#id-ornament1-ornaments').css({'height': 1}).hide();

   $('#id-ornament1-color').val('#6A0330');
   $('#id-phrase1-color').val('#B5561C');
   $('#id-phrase2-color').val('#D1A44F');

   $('#id-check-out-now').click(function(){
	   var p1_length = $('#id-phrase1-text').val().replace(/\s+/g,'').length;
	   var p1h = $('#id-phrase1-height').val();
	   var p1h_index = phraseHeights[p1h];
	   var p1clr = $('#id-phrase1-color').val().replace('#','').toUpperCase();
	   var p1clr_index = phraseColors[p1clr];
	   var p1tpath = $('#id-phrase1-text-path').val();
	   var p1tpath_index = phrasePaths[p1tpath];
	   var p1combo = findPhraseCombo( p1h_index, p1tpath_index, p1clr_index);

	   if(!p1combo){
		   alert("There was a problem adding your phrase to the cart. Please write us at info@vinylwallexpressions.com and let us know. Thanks!");
		   return false;
	   }

	   if($('#id-phrase2').css('display') !=  'none'){
		   var p2_length = $('#id-phrase2-text').val().replace(/\s+/g,'').length;
		   var p2h = $('#id-phrase2-height').val();
		   var p2h_index = phraseHeights[p2h];
		   var p2clr = $('#id-phrase2-color').val().replace('#','').toUpperCase();
		   var p2clr_index = phraseColors[p2clr];
		   var p2tpath = $('#id-phrase2-text-path').val();
		   var p2tpath_index = phrasePaths[p2tpath];
		   var p2combo = findPhraseCombo( p2h_index, p2tpath_index, p2clr_index);

		   if(!p2combo){
			   alert("There was a problem adding your phrase to the cart. Please write us at info@vinylwallexpressions.com and let us know. Thanks!");
			   return false;
		   }

		   // alert("The p1combo is " + p1combo);
		   // alert("The indexes are " + p1tpath_index + "," + p1h_index + "," + p1clr_index);
		   // alert("The p2combo is " + p2combo);
		   // alert("The indexes are " + p2tpath_index + "," + p2h_index + "," + p2clr_index);
	  }

	  if($('#id-ornament1').css('display') !=  'none'){
		   var o1h = $('#id-ornament1-height').val();
		   var o1h_index = phraseHeights[o1h];
		   var o1clr = $('#id-ornament1-color').val().replace('#','');
		   var o1clr_index = phraseColors[o1clr];
		   var o1tpath = 'straight'; // $('#id-ornament1-text-path').val();
		   var o1tpath_index = phrasePaths[o1tpath];

		   var o1combo = findPhraseCombo( o1h_index, o1tpath_index, o1clr_index);

		   if(!o1combo){
			   alert("There was a problem adding your phrase to the cart.  Please email info@vinylwallexpressions.com and let us know.");
			   return false;
		   }
		   // alert("The o1h is " + o1h);
		   // alert("The o1h_index is " + o1h_index);
		   // alert("The o1clr is " + o1clr);
		   // alert("The o1clr_index is " + o1clr_index);
		   // alert("The o1tpath is " + o1tpath);
		   // alert("The o1tpath_index is " + o1tpath_index);
	  }

	  $.post("/product.php?id_product=10&group_2=" + p1clr_index + "&group_5=" + p1tpath_index + "&group_4=" + p1h_index, 
					{'textField7': "http://vinylwallexpressions.com/" + thePreviewImgUrl,
					 'submitCustomizedDatas': '1',
					 'quantityBackup': p1_length}, function(data) {
						 var d = new Date();
						 var randNum = d.getTime();
						 $.get("/cart.php?_=" + randNum + "&add&ajax=true&qty=" + p1_length + "&id_product=10&token=" + static_token + "&ipa=" + p1combo);
						 if($('#id-phrase2').css('display') !=  'none'){
							 var d = new Date();
							 var randNum = d.getTime();
							 $.get("/cart.php?_=" + randNum + "&add&ajax=true&qty=" + p2_length + "&id_product=10&token=" + static_token + "&ipa=" + p2combo);
						 }
						 if($('#id-ornament1').css('display') !=  'none'){
							 var d = new Date();
							 var randNum = d.getTime();
							 $.get("/cart.php?_=" + randNum + "&add&ajax=true&qty=1&id_product=12&token=" + static_token + "&ipa=" + o1combo);
						 }
						 //setTimeout(function(){ window.location = "/order.php"; }, 750);
					 });

   });


   $('#id-ornament1-ljust').click(function(){
		hideAllOrnament1HorzSels();
		$('#id-ornament1-ljust').attr({'src': '/designer/media/img/left_just_sel.gif'});
		updatePreview();
		return false;
	});

	$('#id-ornament1-cjust').click(function(){
		hideAllOrnament1HorzSels();
		$('#id-ornament1-cjust').attr({'src': '/designer/media/img/center_sel.jpg'});
		updatePreview();
		return false;                
	});

	$('#id-ornament1-rjust').click(function(){
		hideAllOrnament1HorzSels();
		$('#id-ornament1-rjust').attr({'src': '/designer/media/img/right_just_sel.gif'});
		updatePreview();
		return false;                
	});

	$('#id-ornament1-vtjust').click(function(){
		hideAllOrnament1VertSels();
		$('#id-ornament1-vtjust').attr({'src': '/designer/media/img/vtop_just_sel.gif'});
		updatePreview();
		return false;                
	});

	$('#id-ornament1-vcjust').click(function(){
		hideAllOrnament1VertSels();
		$('#id-ornament1-vcjust').attr({'src': '/designer/media/img/vcenter_just_sel.gif'});
		updatePreview();
		return false;                
	});

	$('#id-ornament1-vbjust').click(function(){
		hideAllOrnament1VertSels();
		$('#id-ornament1-vbjust').attr({'src': '/designer/media/img/vbottom_just_sel.gif'});
		updatePreview();
		return false;                
	});   


   //$('#id-wall-color-sel').hide();
   $('#id-wall-color-sel input').val('#f2f0de').css({'color': '#B5561C'}).change(setWallColor);

   //$('#id-wall-color-up-arrow').hide();
   $('#id-phrase1-font-sel-up-arrow').hide();
   $('#id-phrase2-font-sel-up-arrow').hide();
   $('#id-ornament1-ornament-sel-up-arrow').hide();
   // $('#id-wall-color-down-arrow').click(function(){
   //     //$('#id-wall-color-sel div.farbtastic').fadeIn();
   //     $('#id-wall-color-down-arrow').hide();
   //     $('#id-wall-color-sel').animate({'height': 130}, 500, function() {
   //              $('#id-wall-color-up-arrow').show();
   //              //$('#id-wall-color-sel div.farbtastic').show();
   //          });
   //     return false;                    
   //  }); 
   //  $('#id-wall-color-up-arrow').click(function(){ 
   //      //$('#id-wall-color-sel div.farbtastic').fadeOut(function(){ $(this).hide();}); 
   //      $('#id-wall-color-up-arrow').hide();
   //      $('#id-wall-color-sel').animate({'height': 1}, 500, function() {
   //               $('#id-wall-color-down-arrow').show();
   //           });
   //      return false;                     
   //   });
	 $('#id-phrase1-font-sel-down-arrow').click(function(){
		 $('#id-phrase1-fonts').css({'height': 1}).hide();
		 $('#id-phrase1-font-sel-down-arrow').hide();
		 $('#id-phrase1-fonts').animate({'height': 260}, 500, function() {
				  $('#id-phrase1-font-sel-up-arrow').show();
				  $('#id-phrase1-fonts').show();
			  });
		 return false;                      
	  }); 
	  $('#id-phrase1-font-sel-up-arrow').click(function(){ 
		  $('#id-phrase1-font-sel-up-arrow').hide();
		  $('#id-phrase1-fonts').animate({'height': 1}, 500, function() {
				   $('#id-phrase1-font-sel-down-arrow').show();
				   $('#id-phrase1-fonts').hide();
			   });
		  return false;                       
	  });
	  $('#id-phrase2-font-sel-down-arrow').click(function(){
		  $('#id-phrase2-fonts').css({'height': 1}).hide();
		  $('#id-phrase2-font-sel-down-arrow').hide();
		  $('#id-phrase2-fonts').animate({'height': 260}, 500, function() {
				   $('#id-phrase2-font-sel-up-arrow').show();
				   $('#id-phrase2-fonts').show();
			   });
		  return false;                       
	   }); 
	   $('#id-phrase2-font-sel-up-arrow').click(function(){ 
		   $('#id-phrase2-font-sel-up-arrow').hide();
		   $('#id-phrase2-fonts').animate({'height': 1}, 500, function() {
					$('#id-phrase2-font-sel-down-arrow').show();
					$('#id-phrase2-fonts').hide();
				});
		  return false;                        
	   });

	   $('#id-ornament1-ornament-sel-down-arrow').click(function(){
		   $('#id-ornament1-ornaments').css({'height': 1}).hide();
		   $('#id-ornament1-ornament-sel-down-arrow').hide();
		   $('#id-ornament1-ornaments').animate({'height': 230}, 500, function() {
					$('#id-ornament1-ornament-sel-up-arrow').show();
					$('#id-ornament1-ornaments').show();
				});
		   return false;                        
		}); 
		$('#id-ornament1-ornament-sel-up-arrow').click(function(){ 
			$('#id-ornament1-ornament-sel-up-arrow').hide();
			$('#id-ornament1-ornaments').animate({'height': 1}, 500, function() {
					 $('#id-ornament1-ornament-sel-down-arrow').show();
					 $('#id-ornament1-ornaments').hide();
				 });
			return false;                         
		});

		$('#id-phrase2-big-center-just').click(function(){
			if($('#id-phrase2-big-center-just').attr('src') == '/designer/media/img/center.png'){
				$('#id-phrase2-big-center-just').attr({'src': '/designer/media/img/center_sel.jpg'});                
			} else {
				$('#id-phrase2-big-center-just').attr({'src': '/designer/media/img/center.png'});
			}
			$('#id-phrase2-hadjust').val(0);            
			updatePreview();
			return false;
		});

		$('#id-ornament1-big-center-just').click(function(){
			if($('#id-ornament1-big-center-just').attr('src') == '/designer/media/img/center.png'){
				$('#id-ornament1-big-center-just').attr({'src': '/designer/media/img/center_sel.jpg'});                
			} else {
				$('#id-ornament1-big-center-just').attr({'src': '/designer/media/img/center.png'});
			}
			$('#id-ornament1-hadjust').val(0);            
			updatePreview();
			return false;
		});   

	   $('#id-phrase1-hadjust').change(updatePreview);
	   $('#id-phrase1-vadjust').change(updatePreview);
	   $('#id-phrase1-text').keyup(updatePreview);
	   $('#id-phrase1-color').change(updatePreview);
	   $('#id-phrase1-height').change(updatePreview);

	   $('#id-phrase2-hadjust').change(updatePreview);
	   $('#id-phrase2-vadjust').change(updatePreview);
	   $('#id-phrase2-text').keyup(updatePreview);
	   $('#id-phrase2-color').change(updatePreview);
	   $('#id-phrase2-height').change(updatePreview);

	   $('#id-ornament1-hadjust').change(updatePreview);
	   $('#id-ornament1-vadjust').change(updatePreview);
	   $('#id-ornament1-text').change(updatePreview);
	   $('#id-ornament1-color').change(updatePreview);
	   $('#id-ornament1-height').change(updatePreview);

	   $('#id-show-phrase2').click(function(){
		  $('#id-show-phrase2').hide();
		  $('#id-phrase2').css({'height': 1}).hide();
		  $('#id-phrase2').animate({'height': 118}, 500, function(){}).fadeIn();
		  setTimeout(updatePreview, 100);
		  return false;
		});

	  $('#id-phrase2-close-button-div').click(function(){
		  $('#id-phrase2').animate({'opacity': 0, 'height': 0}, 500, function(){
				$(this).hide();
				$(this).css({'opacity': 1});
				if($('#id-phrase2-fonts').height() > 1){
					// Close the font pane if it's open as well.
					$('#id-phrase2-font-sel-up-arrow').click();
				}
				$('#id-show-phrase2').fadeIn();
		  });
		  setTimeout(updatePreview, 600);
		  return false;
	  });

	  $('#id-show-ornament1').click(function(){
		  $('#id-show-ornament1').hide();
		  $('#id-ornament1').css({'height': 1, 'opacity': 0}).hide();
		  $('#id-ornament1').animate({'height': 62, 'opacity': 1}, 500, function(){$('#id-ornament1-ornament-sel-down-arrow').click();}).fadeIn();
		  setTimeout(updatePreview, 100);
		  return false;
	  });

	  $('#id-ornament1-close-button-div').click(function(){
		  $('#id-ornament1').animate({'opacity': 0, 'height': 0}, 500, function(){
				$(this).hide();
				$(this).css({'opacity': 1});
				if($('#id-ornament1-ornaments').height() > 1){
					// Close the ornament pane if it's open as well.
					$('#id-ornament1-ornament-sel-up-arrow').click();
				}
				$('#id-show-ornament1').fadeIn();
		  });
		  setTimeout(updatePreview, 600);
		  return false;
	  });

	  script_fonts_html = build_font_table(script_fonts);
	  block_fonts_html = build_font_table(block_fonts);
	  formal_fonts_html = build_font_table(formal_fonts);
	  decorative_fonts_html = build_font_table(decorative_fonts);
	  fun_for_kids_fonts_html = build_font_table(fun_for_kids_fonts);
	  informal_fonts_html = build_font_table(informal_fonts);
	  whimsy_fonts_html = build_font_table(whimsy_fonts);
	  popular_fonts_html = build_font_table(popular_fonts);

	  ornaments_html = build_font_table(ornaments);

	  $('#tabs1-1').children(0).html(popular_fonts_html);
	  $('#tabs2-1').children(0).html(popular_fonts_html);
	  $('#tabs1-2').children(0).html(script_fonts_html);
	  $('#tabs2-2').children(0).html(script_fonts_html);
	  $('#tabs1-3').children(0).html(block_fonts_html);
	  $('#tabs2-3').children(0).html(block_fonts_html);
	  $('#tabs1-4').children(0).html(formal_fonts_html);
	  $('#tabs2-4').children(0).html(formal_fonts_html);
	  $('#tabs1-5').children(0).html(decorative_fonts_html);
	  $('#tabs2-5').children(0).html(decorative_fonts_html);
	  $('#tabs1-6').children(0).html(fun_for_kids_fonts_html);
	  $('#tabs2-6').children(0).html(fun_for_kids_fonts_html);
	  $('#tabs1-7').children(0).html(informal_fonts_html);
	  $('#tabs2-7').children(0).html(informal_fonts_html);              
	  $('#tabs1-8').children(0).html(whimsy_fonts_html);
	  $('#tabs2-8').children(0).html(whimsy_fonts_html);

	  $('#tabs3-1').children(0).html(ornaments_html);

	  $('td.font-name').hover(function(){
		  $(this).find('img').css({'border': '2px solid #AAAAAA'});
	  }, function(){
		  $(this).find('img').css({'border': '2px solid #FFFFFF'});
	  });
	  $('#id-phrase1-fonts td.font-name').click(function(){
		  theHtml = $(this).html();
		  theFont = theHtml.substring(theHtml.lastIndexOf('>')+1);
		  $('#id-phrase1-font-name').html("Font:  " + theFont);
		  //$('#id-phrase1-font-sel-up-arrow').click();
		  updatePreview();
		  return false;
	  });
	  $('#id-phrase2-fonts td.font-name').click(function(){
		  theHtml = $(this).html();
		  theFont = theHtml.substring(theHtml.lastIndexOf('>')+1);
		  $('#id-phrase2-font-name').html("Font:  " + theFont);
		  //$('#id-phrase2-font-sel-up-arrow').click();
		  updatePreview();
		  return false;
	  });
	  $('#id-ornament1-ornaments td.font-name').click(function(){
		  theHtml = $(this).html();
		  theFont = theHtml.substring(theHtml.lastIndexOf('>')+1);
		  $('#id-ornament1-ornament-name').html("Ornament:  " + theFont);
		  //$('#id-ornament1-ornament-sel-up-arrow').click();
		  updatePreview();
		  return false;
	  });

	  function updatePhrase1Waves(){
		  if($('#id-phrase1-wave-width').val()){
			  phrase1WavWidth = $('#id-phrase1-wave-width').val();
		  }
		  phrase1WavHeight = $('#id-phrase1-wave-height').val();
		  if($('#id-phrase1-arc-degrees').val()){
			  phrase1ArcDegrees = $('#id-phrase1-arc-degrees').val();
		  }
		  updatePreview();
	  }

	  $('#id-phrase1-text-path').change(function(){
		  if(!phrase1WavHeight || (phrase1WavHeight == 0)){
			  phrase1WavHeight = parseInt($('#id-phrase1-height').val() * 2.0);
		  }
		  if(!phrase1WavWidth || (phrase1WavWidth == 0)){
			  phrase1WavWidth = parseInt($('#id-phrase1-height').val() * 5.0);
		  }
		  if(!phrase1ArcDegrees){
			  phrase1ArcDegrees = 180;
		  }
		  if(!phrase1InitRot){
			  phrase1InitRot = 0;
		  }
		  val = $('#id-phrase1-text-path').val();
		  if(val == 'straight'){
			  $('#id-phrase1-param0').html('');
			  $('#id-phrase1-param1').html('');
			  $('#id-phrase1-param2').html('');
		  } else if((val == 'wave1') || (val == 'wave2')){
			  $('#id-phrase1-param0').html('');
			  $('#id-phrase1-param1').html('Height:  <input type="text" size="5" name="waveheight" value="' + phrase1WavHeight + '" id="id-phrase1-wave-height" />  inches');
			  $('#id-phrase1-param2').html('Wave Width:  <input type="text" value="' + phrase1WavWidth + '" size="5" name="wavewidth" id="id-phrase1-wave-width" /> inches');
		  } else {
			  $('#id-phrase1-param0').html('Arc:  <input type="text" size="5" name="arcdegrees" value="' + phrase1ArcDegrees + '" id="id-phrase1-arc-degrees" /> degrees');
			  $('#id-phrase1-param1').html('Inner Diam.:  <input type="text" size="5" name="waveheight" value="' + phrase1WavHeight + '" id="id-phrase1-wave-height" />  in.');
			  $('#id-phrase1-param2').html('Initial Rotation: <input type="text" value="' + phrase1InitRot + '" size="5" name="wavewidth" id="id-phrase1-wave-width" /> deg.');                      
		  }
		  $('#id-phrase1-wave-height').change(updatePhrase1Waves);
		  $('#id-phrase1-wave-width').change(updatePhrase1Waves);
		  $('#id-phrase1-arc-degrees').change(updatePhrase1Waves);
		  updatePreview();
	  });

	  function updatePhrase2Waves(){
		  if($('#id-phrase2-wave-width').val()){
			  phrase2WavWidth = $('#id-phrase2-wave-width').val();
		  }
		  phrase2WavHeight = $('#id-phrase2-wave-height').val();
		  if($('#id-phrase2-arc-degrees').val()){
			  phrase2ArcDegrees = $('#id-phrase2-arc-degrees').val();
		  }
		  updatePreview();
	  }

	  $('#id-phrase2-text-path').change(function(){
		  if(!phrase2WavHeight || (phrase2WavHeight == 0)){
			  phrase2WavHeight = parseInt($('#id-phrase2-height').val() * 2.0);
		  }
		  if(!phrase2WavWidth || (phrase2WavWidth == 0)){
			  phrase2WavWidth = parseInt($('#id-phrase2-height').val() * 5.0);
		  }
		  if(!phrase2ArcDegrees){
			  phrase2ArcDegrees = 180;
		  }
		  if(!phrase2InitRot){
			  phrase2InitRot = 0;
		  }
		  val = $('#id-phrase2-text-path').val();
		  if(val == 'straight'){
			  $('#id-phrase2-param0').html('');
			  $('#id-phrase2-param1').html('');
			  $('#id-phrase2-param2').html('');
		  } else if((val == 'wave1') || (val == 'wave2')){
			  $('#id-phrase2-param0').html('');
			  $('#id-phrase2-param1').html('Height:  <input type="text" value="' + phrase2WavHeight + '"  size="5" name="waveheight" id="id-phrase2-wave-height" />  inches');
			  $('#id-phrase2-param2').html('Wave Width:  <input type="text" value="' + phrase2WavWidth + '"  size="5" name="wavewidth" id="id-phrase2-wave-width" /> inches');
		  } else {
			  $('#id-phrase2-param0').html('Arc:  <input type="text" size="5" name="arcdegrees" value="' + phrase2ArcDegrees + '" id="id-phrase2-arc-degrees" /> degrees');
			  $('#id-phrase2-param1').html('Inner Diam.:  <input type="text" size="5" name="waveheight" value="' + phrase2WavHeight + '" id="id-phrase2-wave-height" />  in.');
			  $('#id-phrase2-param2').html('Initial Rotation: <input type="text" value="' + phrase2InitRot + '" size="5" name="wavewidth" id="id-phrase2-wave-width" /> deg.');                         
		  }
		  $('#id-phrase2-wave-height').change(updatePhrase2Waves);
		  $('#id-phrase2-wave-width').change(updatePhrase2Waves);
		  $('#id-phrase2-arc-degrees').change(updatePhrase2Waves);
		  updatePreview();
	  });

	  function updateOrnament1Waves(){
		  if($('#id-ornament1-wave-width').val()){
			  ornament1WavWidth = $('#id-ornament1-wave-width').val();
		  }
		  ornament1WavHeight = $('#id-ornament1-wave-height').val();
		  if($('#id-ornament1-arc-degrees').val()){
			  ornament1ArcDegrees = $('#id-ornament1-arc-degrees').val();
		  }
		  updatePreview();
	  }

	  $('#id-ornament1-text-path').change(function(){
		  if(!ornament1WavHeight || (ornament1WavHeight == 0)){
			  ornament1WavHeight = parseInt($('#id-ornament1-height').val() * 2.0);
		  }
		  if(!ornament1WavWidth|| (ornament1WavWidth == 0)){
			  ornament1WavWidth = parseInt($('#id-ornament1-height').val() * 5.0);
		  }
		  if(!ornament1ArcDegrees){
			  ornament1ArcDegrees = 180;
		  }
		  if(!ornament1InitRot){
			  ornament1InitRot = 0;
		  }
		  val = $('#id-ornament1-text-path').val();
		  if(val == 'straight'){
			  $('#id-ornament1-param0').html('');
			  $('#id-ornament1-param1').html('');
			  $('#id-ortnament1-param2').html('');
		  } else if((val == 'wave1') || (val == 'wave2')){
			  $('#id-ornament1-param0').html('');
			  $('#id-ornament1-param1').html('Height:  <input type="text" size="5" value="' + ornament1WavHeight + '"  name="waveheight" id="id-ornament1-wave-height" />  inches');
			  $('#id-ornament1-param2').html('Wave Width:  <input type="text" size="5" value="' + ornament1WavWidth + '"  name="wavewidth" id="id-ornament1-wave-width" /> inches');
		  } else {
			  $('#id-ornament1-param0').html('Arc:  <input type="text" size="5" name="arcdegrees" value="' + ornament1ArcDegrees + '" id="id-ornament1-arc-degrees" /> degrees');
			  $('#id-ornament1-param1').html('Inner Diam.:  <input type="text" size="5" name="waveheight" value="' + ornament1WavHeight + '" id="id-ornament1-wave-height" />  in.');
			  $('#id-ornament1-param2').html('Initial Rotation: <input type="text" value="' + ornament1InitRot + '" size="5" name="wavewidth" id="id-ornament1-wave-width" /> deg.');                                              
		  }
		  $('#id-ornament1-wave-height').change(updateOrnament1Waves);
		  $('#id-ornament1-wave-width').change(updateOrnament1Waves);
		  $('#id-ornament1-arc-degrees').change(updateOrnament1Waves);
		  updatePreview();
	  });


	  $('#id-phrase1-color').colorPicker('id-phrase1-color-selector','id-phrase1-color-name','id-phrase1-color-custom', 'id-phrase1-color','id-phrase1-color-picker');
	  $('#id-phrase2-color').colorPicker('id-phrase2-color-selector','id-phrase2-color-name','id-phrase2-color-custom', 'id-phrase2-color','id-phrase2-color-picker');
	  $('#id-ornament1-color').colorPicker('id-ornament1-color-selector','id-ornament1-color-name','id-ornament1-color-custom', 'id-ornament1-color','id-ornament1-color-picker');

	  $('#id-left-adjust1').click(function(){
		  var val = $('#id-phrase1-hadjust').val();
		  $('#id-phrase1-hadjust').val(parseFloat(val) - X_ADJ).change();
		  return false;
	  });

	  $('#id-left-adjust2').click(function(){
		  var val = $('#id-phrase2-hadjust').val();
		  $('#id-phrase2-hadjust').val(parseFloat(val) - X_ADJ).change();
		  return false;
	  });

	  $('#id-left-adjust-o').click(function(){
		   var val = $('#id-ornament1-hadjust').val();
		   $('#id-ornament1-hadjust').val(parseFloat(val) - X_ADJ).change();
		   return false;
	   });

	  $('#id-right-adjust1').click(function(){
		  var val = $('#id-phrase1-hadjust').val();
		  $('#id-phrase1-hadjust').val(parseFloat(val) + X_ADJ).change();
		  return false;
	  });

	  $('#id-right-adjust2').click(function(){
		  var val = $('#id-phrase2-hadjust').val();
		  $('#id-phrase2-hadjust').val(parseFloat(val) + X_ADJ).change();
		  return false;
	  });

	  $('#id-right-adjust-o').click(function(){
		   var val = $('#id-ornament1-hadjust').val();
		   $('#id-ornament1-hadjust').val(parseFloat(val) + X_ADJ).change();
		   return false;
	   });

	  $('#id-down-adjust1').click(function(){
		  var val = $('#id-phrase1-vadjust').val();
		  $('#id-phrase1-vadjust').val(parseFloat(val) + Y_ADJ).change();
		  return false;
	  });

	  $('#id-down-adjust2').click(function(){
		  var val = $('#id-phrase2-vadjust').val();
		  $('#id-phrase2-vadjust').val(parseFloat(val) + Y_ADJ).change();
		  return false;
	  });

	  $('#id-down-adjust-o').click(function(){
		   var val = $('#id-ornament1-vadjust').val();
		   $('#id-ornament1-vadjust').val(parseFloat(val) + Y_ADJ).change();
		   return false;
	   });

	  $('#id-up-adjust1').click(function(){
		  var val = $('#id-phrase1-vadjust').val();
		  $('#id-phrase1-vadjust').val(parseFloat(val) - Y_ADJ).change();
		  return false;
	  });

	  $('#id-up-adjust2').click(function(){
		  var val = $('#id-phrase2-vadjust').val();
		  $('#id-phrase2-vadjust').val(parseFloat(val) - Y_ADJ).change();
		  return false;
	  });

	  $('#id-up-adjust-o').click(function(){
		   var val = $('#id-ornament1-vadjust').val();
		   $('#id-ornament1-vadjust').val(parseFloat(val) - Y_ADJ).change();
		   return false;
	   });

	  $('#id-phrase2-big-up-just').click(function(){
		  var val = $('#id-phrase2-vadjust').val();
		  val = parseFloat(val) - BIG_Y_ADJ;
		  $('#id-phrase2-vadjust').val(val).change();
		  return false;
	  });

	  $('#id-phrase2-big-down-just').click(function(){
		  var val = $('#id-phrase2-vadjust').val();
		  $('#id-phrase2-vadjust').val(parseFloat(val) + BIG_Y_ADJ).change();
		  return false;
	  });

	  $('#id-phrase2-big-left-just').click(function(){
		  var val = $('#id-phrase2-hadjust').val();
		  $('#id-phrase2-hadjust').val(parseFloat(val) - BIG_X_ADJ).change();
		  return false;
	  });

	  $('#id-phrase2-big-right-just').click(function(){
		  var val = $('#id-phrase2-hadjust').val();
		  $('#id-phrase2-hadjust').val( parseFloat(val) + BIG_X_ADJ).change();
		  return false;
	  });

	  $('#id-ornament1-big-up-just').click(function(){
		  var val = $('#id-ornament1-vadjust').val();
		  val = parseFloat(val) - BIG_Y_ADJ;
		  $('#id-ornament1-vadjust').val(val).change();
		  return false;
	  });

	  $('#id-ornament1-big-down-just').click(function(){
		  var val = $('#id-ornament1-vadjust').val();
		  $('#id-ornament1-vadjust').val(parseFloat(val) + BIG_Y_ADJ).change();
		  return false;
	  });

	  $('#id-ornament1-big-left-just').click(function(){
		  var val = $('#id-ornament1-hadjust').val();
		  $('#id-ornament1-hadjust').val(parseFloat(val) - BIG_X_ADJ).change();
		  return false;
	  });

	  $('#id-ornament1-big-right-just').click(function(){
		  var val = $('#id-ornament1-hadjust').val();
		  $('#id-ornament1-hadjust').val( parseFloat(val) + BIG_X_ADJ).change();
		  return false;
	  });


	  $('#id-phrase1-color-type-matte').click(function(e){
		  $(e.target).parent().prev().find("div.color_picker_glossy").hide();
		  var color = $(e.target).parent().prev().find("div.color_picker").show().css({'background-color': '#D1A44F'});
		  $(e.target).parent().prev().find("div.color_picker_glossy").prev("input").val('#D1A44F');
		  updatePreview();
	  });

	  $('#id-phrase1-color-type-glossy').click(function(e){
		  var color = $(e.target).parent().prev().find("div.color_picker_glossy").show().css({'background-color': '#D4AF37'});
		  $(e.target).parent().prev().find("div.color_picker").hide();
		  $(e.target).parent().prev().find("div.color_picker_glossy").prev("input").val('#D4AF37');
		  updatePreview();
	  });

	  $('#id-phrase1-color-type-matte').click();

	  $('#id-phrase2-color-type-matte').click(function(e){
		  $(e.target).parent().prev().find("div.color_picker_glossy").hide();
		  var color = $(e.target).parent().prev().find("div.color_picker").show().css({'background-color': '#D1A44F'});
		  $(e.target).parent().prev().find("div.color_picker_glossy").prev("input").val('#D1A44F');
		  updatePreview();
	  });

	  $('#id-phrase2-color-type-glossy').click(function(e){
		  var color = $(e.target).parent().prev().find("div.color_picker_glossy").show().css({'background-color': '#D4AF37'});
		  $(e.target).parent().prev().find("div.color_picker").hide();
		  $(e.target).parent().prev().find("div.color_picker_glossy").prev("input").val('#D4AF37');
		  updatePreview();
	  });

	  $('#id-phrase2-color-type-matte').click();

	  $('#id-ornament1-color-type-matte').click(function(e){
		  $(e.target).parent().prev().find("div.color_picker_glossy").hide();
		  var color = $(e.target).parent().prev().find("div.color_picker").show().css({'background-color': '#6A0330'});
		  $(e.target).parent().prev().find("div.color_picker_glossy").prev("input").val('#6A0330');
		  updatePreview();
	  });

	  $('#id-ornament1-color-type-glossy').click(function(e){
		  var color = $(e.target).parent().prev().find("div.color_picker_glossy").show().css({'background-color': '#D4AF37'});
		  $(e.target).parent().prev().find("div.color_picker").hide();
		  $(e.target).parent().prev().find("div.color_picker_glossy").prev("input").val('#D4AF37');
		  updatePreview();          
	  });

	  $('#id-ornament1-color-type-matte').click();

	  $('#id-add-to-cart-btn').click(function(){
		  var d = {};
		  d['paypal_buy_amount'] = $('#id-cart-paypal-buy-amount').val();
		  d['paypal_pic_url'] = $('#id-cart-paypal-pic-url-data').val();
		  d['paypal_fch_data'] = $('#id-cart-paypal-fch-data').val();
		  d['first_phrase'] = $('#id-phrase1-text').val();
		  if(!$('#id-phrase2').is(':hidden')){
			  d['second_phrase'] = $('#id-phrase2-text').val();          
		  }
		  $.post(CALLBACK_EMAIL_URL, d, function(data){ 
			  $('#id-add-to-paypal-form').submit();
		  });
		  return false;
	  });

	  updatePreview();
});