function showColorPicker(){
	document.getElementById('popcolour').style.display = "block";
}

function pickColor(color, name){
	document.getElementById('color_pick_btn').style.background = color;
	document.getElementById('checkclr').value = name;
	document.getElementById('color_hex').value = color;
	document.getElementById('popcolour').style.display = "none";
}

function showTitle(name,x,y){
	div = document.getElementById('color_title');
	div.style.display = "block";
	div.innerHTML = name;
	yPos = y - 40;
	div.style.left = x + 'px';
	div.style.top = yPos + 'px';
}

function closePicker() {
	document.getElementById('popcolour').style.display = "none";
}

function checkColorQty() {
	if(document.getElementById('checkclr').value == '') {
		alert('Please select a color');
		return false;
	} else if(document.getElementById('checkcolorqty').value == '') {
		alert('Please enter a quantity');
		return false;
	} else if(document.getElementById('checkcolorqty').value < 1) {
		alert('The minimum order is 1 meter');
		return false;
	} else if(document.getElementById('checkcolorqty').value % 0.5 != 0) {
		alert('Order must be in 0.5 meter increments');
		return false;
	} else {
		return true;
	}
}

function checkQty() {
	if(document.getElementById('checkqty').value == '') {
		alert('Please enter a quantity');
		return false;
	} else if(document.getElementById('checkqty').value < 1) {
		alert('The minimum order is 1 meter');
		return false;
	} else if(document.getElementById('checkqty').value % 0.5 != 0) {
		alert('Order must be in 0.5 meter increments');
		return false;
	} else {
		return true;
	}
}

function insurance(total) {
	if (document.getElementById('insurance_box').checked == true) {
		document.getElementById('total').value = '$'+(total + 2) + ' CAD';
	} else {
		document.getElementById('total').value = '$'+total + ' CAD';
	}
}