/* create a  sign */


/*
* GLOBAL VARS
*/
var color = "natural";
var size = "sm";
var sign = "";
var price = "$0.00";
var words = 0;

function setColor(c) {
	color = c;
	updateSign();
	if(c=='black') {
		textColor = '#FFFFFF';
	} else {
		textColor = '#000000';
	}

	document.getElementById('signDisplay').style.color=textColor;
}

function countWords(content){
	var i=0;
	var numberofwords=0;
	
	if(content.length!=0) {
		numberofwords=1;
	}
	
	while(i<=content.length) {

		if (content.substring(i,i+1) == " ") {
			numberofwords++;
			i++; 
			// extra i++ makes it skip double spaces, or space/return
		}
		if (content.substring(i,i+1) == "\n") {
			numberofwords++;
			i++;
			// extra i++ makes it skip double spaces, or space/return
		}
		i++;
	}
	return numberofwords;
}

function trim(s) 
{
  // Remove leading spaces and carriage returns
  while ((s.substring(0,1) == ' ') || (s.substring(0,1) == '\n') || (s.substring(0,1) == '\r'))
  {
    s = s.substring(1,s.length);
  }
  // Remove trailing spaces and carriage returns
  while ((s.substring(s.length-1,s.length) == ' ') || (s.substring(s.length-1,s.length) == '\n') || (s.substring(s.length-1,s.length) == '\r'))
  {
    s = s.substring(0,s.length-1);
  }
  return s;
}

function updateSign() {
	document.getElementById('signImg').src = 'images/signs/' + color + '_' + size + '.jpg';
}

function setText() {
	document.getElementById('signDisplay').innerHTML = sign;
}

function Show(t) {

	// determine length
	sign = trim(t.value);
	len = t.value.length;

	if(len>50) {
		size = "l";
		textSize = "14px";
	} else if(len>30) {
		size = "md";
		textSize = "16px";
	} else {
		size = "sm";
		textSize = "18px";
	}
	if (len > 70) {
		sign = sign.substring(0, 70);
	}
	
	setText();
	updateSign();
	
	
	words = countWords(sign);
	if(words==0) {
		price = "$0.00";
	} else if(words==1||words==2) {
		price = "$19.99";
	} else if(words==3||words==4) {
		price = "$34.99";
	} else {
		price = "$49.99";
	}


	document.getElementById('signDisplay').style.fontSize=textSize;
	
	
	// update pricing
	if(price!='$0.00') {
		document.getElementById('ordernow').style.display='inline';
	} else {
		document.getElementById('ordernow').style.display='none';
	}
	
	document.getElementById('pricing').innerHTML='Price: ' + price;

}

function Order() {
		re = new RegExp('&','gi');
		var encodedsign = sign.replace(re,'{AMP}');
		re2 = new RegExp(',','gi');
		encodedsign = encodedsign.replace(re2,'{COM}');
		
		var orderurl = "order.php?p=add&type=c&sign=" + encodedsign + "&color=" + color;
		window.location.href = orderurl;
}