function shirtColour(){
  	select = document.getElementById('selectShirt');
	document.getElementById('tshirt').style.backgroundColor = select.value;	  
}

clicked = "no";

function textFocus(){
	element = document.getElementById('designform').shirttext;
	document.getElementById('designform').textbutton[0].checked = true;
	element.focus();
	if(clicked == "no"){
		element.value = '';
		clicked = "yes";
	}else{
		setText(element.value);
	}
}

function setText(input){
	if(input == null){
		document.getElementById('designform').textbutton[1].checked = true;
		document.getElementById('text').innerHTML = "";
	}else{
		document.getElementById('text').innerHTML = input;
	}
}
	
function changeSize(){
	select = document.getElementById('selectSize');
	document.getElementById('text').style.fontSize = select.value;
}
	
function changeStyle(){ 
	select = document.getElementById('selectStyle');
	if(select.value == "bold"){
		document.getElementById('text').style.fontWeight = select.value;
		document.getElementById('text').style.fontStyle = "normal";
	}else if(select.value == "italicbold"){
		document.getElementById('text').style.fontWeight = "bold";
		document.getElementById('text').style.fontStyle = "italic";
	}else{
		document.getElementById('text').style.fontWeight = "normal";
		document.getElementById('text').style.fontStyle = select.value;
	}
}
	
function changeColour(){ 
	select = document.getElementById('selectColour');
	document.getElementById('text').style.color = select.value;
}
	
function validateDesign(){
	valid = true;
	form = document.getElementById('designform');
	
	document.getElementById('choosecolour').style.color = "black";
	document.getElementById('pickimage').style.color = "black";
	document.getElementById('addtext').style.color = "black";
	document.getElementById('sizeqty').style.color = "black";
	    	
	if(form.shirtcolour.value == ""){
		document.getElementById('choosecolour').style.color = "red";
		alert("Please select a shirt colour!");
		valid = false;
	
	}else if(form.image.value == "blank"){
		document.getElementById('pickimage').style.color = "red";
		alert("Are you sure you don't want an image on your tee?");
		valid = false;
		focus(form.image);
			
	}else if((form.shirttext.value == "" || clicked == "no") && document.getElementById('designform').textbutton[0].checked == true){
		document.getElementById('addtext').style.color = "red";
		alert("Are you sure you don't want any text on your tee?");
		valid = false;
		form.shirttext.focus();
		document.getElementById('designform').textbutton[0].checked = true;
		
	}else if(form.textsize.value == ""){
		document.getElementById('addtext').style.color = "red";
		alert("Please select a text size!");
		valid = false;
		
	}else if(form.textstyle.value == ""){
		document.getElementById('addtext').style.color = "red";
		alert("Please select a text style!");
		valid = false;
		
	}else if(form.textcolour.value == ""){
		document.getElementById('addtext').style.color = "red";
		alert("Please select a text colour!");
		valid = false;

	}else if(isNaN(form.small.value)){
		document.getElementById('sizeqty').style.color = "red";
		alert("Oops, you didn't enter a number!");
		valid = false;
		form.small.focus();
	
	}else if(isNaN(form.medium.value)){
		document.getElementById('sizeqty').style.color = "red";
		alert("Oops, you didn't enter a number!");
		valid = false;
		form.medium.focus();
		
	}else if(isNaN(form.large.value)){
		document.getElementById('sizeqty').style.color = "red";
		alert("Oops, you didn't enter a number!");
		valid = false;
		form.large.focus();
		
	}else if(isNaN(form.xlarge.value)){
		document.getElementById('sizeqty').style.color = "red";
		alert("Oops, you didn't enter a number!");
		valid = false;
		form.xlarge.focus();

	}else if((form.small.value == "" || form.small.value == "0") && (form.medium.value == "" || form.medium.value == "0") && (form.large.value == "" || form.large.value == "0") && (form.xlarge.value == "" || form.xlarge.value == "0")){
		document.getElementById('sizeqty').style.color = "red";
		alert("Whoops, you haven't told us how many you want!");
		valid = false;
		form.small.focus();
	
	}
		
	return valid;
	
}