function detectBrowser()
{
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
if ((browser=="Microsoft Internet Explorer")
  && (version>=4))
  {
  alert("Browser version: "+ version +"\nBrowser name: "+ browser);
  }
else
  {
  alert("Browser version: "+ version +"\nBrowser name: "+ browser);
  }
}



function getOrderTotal() {	
	
	var material = document.getElementById("material").value;
	var stretch = document.getElementById("stretch").value;
	
	if (material == 'Glossy Canvas' || material == 'Matte Canvas')
	{
		if (stretch !== 'nothing')
		{
			document.getElementById("size_width").value = '';
			document.getElementById("size_height").value = '';
		}		
	}
	
	
	var trim = document.getElementById("trim").value;
	
	var stdS_size = document.getElementById("size_standard_stretch").value;
	var galS_size = document.getElementById("size_gallery_stretch").value;
	
	if (stdS_size > 0 && (stretch == 'nothing' || stretch == 'Gallery'))
	{
		document.getElementById("size_standard_stretch").value = '';
	}
	if (galS_size > 0 && stretch !== 'Gallery' )
	{
		document.getElementById("size_gallery_stretch").value = '';
	}
	
	
	var size_width = document.getElementById("size_width").value;
	var size_height = document.getElementById("size_height").value; 
	
	var quantity = document.getElementById("quantity").value;
	
	var effects = document.getElementById("effects").value;
	var send_proof = document.getElementById("send_proof").checked;
	var subtotal = '0.00';
	
	
	if (material === null || material === '') {
		var material_cost = Number(0);
	}
	if (stretch === null || stretch === '') {
		var stretch_cost = Number(0);
	}
	if (trim === null || trim === '') {
		var trim_cost = Number(0);
	}
	
	
	if (stdS_size === null || stdS_size === '') {
		stdS_size = Number(0);
	}
	if (galS_size === null || galS_size === '') {
		galS_size = Number(0);
	}
	if (size_width === null || size_width === '') {
		var size_width_cost = Number(0);
	}
	if (size_height === null || size_height === '') {
		var size_height_cost = Number(0);
	}
	
	
	if (quantity === null || quantity === '') {
		quantity = 1;
	}
	
	
	if (effects === null || effects === '') {
		 var effect_cost = Number(0);
	}
	if (send_proof === false) {
		var send_proof_cost = Number(0);
	}
	
	if (material == 'Glossy Canvas') {
		material_cost = Number(0);
	}
	if (material == 'Matte Canvas') {
		material_cost = Number(0);
	}
	if (material == 'Art Paper') {
		material_cost = Number(16);
	}
	if (material == 'Glossy Photo Paper') {
		material_cost = Number(10);
	}
	if (material == 'Semi Matte Photo Paper') {
		material_cost = Number(10);
	}
	if (material == 'Poster') {
		material_cost = Number(7);
	}
	
	if (trim == 'Trim to size') {
		trim_cost = Number(0);
	}
	if (trim == '0.5 inch white border') {
		trim_cost = Number(0.10);
	}
	if (trim == '1.5 inch white border') {
		trim_cost = Number(0.25);
	}
	if (trim == '2.5 inch white border') {
		trim_cost = Number(0.35);
	}
	if (send_proof === true) {
		send_proof_cost = Number(20);
	}
		
	
	if ((material == "Glossy Canvas" || material == "Matte Canvas")) {
		
		// Determine which value is set and clear out the others
		if (stdS_size > 0)
		{
			var sqfootage = Number(stdS_size);
			material_cost = sqfootage;
			var total_cost = Number(material_cost);
		}
		else
		{
			if (galS_size > 0)
			{
				//alert("gal = "+galS_size);
				var sqfootage = Number(galS_size);
				material_cost = sqfootage;
				var total_cost = Number(material_cost);
				//galS_size = 0;
			}
			else
			{			
				sqfootage = (Number(size_height) * Number(size_width)) / 144;
			
				if (material_cost == 0)
				{
					material_cost = Number(16);
				}

				material_cost = sqfootage*Number(material_cost);
				var with_trim = Number(material_cost) * Number(trim_cost);
				var cost = Number(material_cost);
				total_cost = Number(cost) + Number(with_trim);
			}
		}
		
		
		/*
		if (stdS_size > 0)
		{
			//alert("std = "+stdS_size);
			var sqfootage = Number(stdS_size);
			material_cost = sqfootage;
			var total_cost = Number(material_cost);
			//stdS_size = 0;
			document.getElementById("size_standard_stretch").value = '';
		}
		else
		{
			
			if (galS_size > 0)
			{
				//alert("gal = "+galS_size);
				var sqfootage = Number(galS_size);
				material_cost = sqfootage;
				var total_cost = Number(material_cost);
				//galS_size = 0;
				document.getElementById("size_gallery_stretch").value = '';
			}
			else
			{
				//alert("regular width and height");
				sqfootage = (Number(size_height) * Number(size_width)) / 144;
				
				if (material_cost == 0)
				{
					material_cost = Number(16);
				}

				material_cost = sqfootage*Number(material_cost);
				var with_trim = Number(material_cost) * Number(trim_cost);
				var cost = Number(material_cost);
				total_cost = Number(cost) + Number(with_trim);
				//stdS_size = 0;
				//galS_size = 0;
				document.getElementById("size_gallery_stretch").value = '';
				document.getElementById("size_standard_stretch").value = '';
			}
		}
		*/		
		
	}
	else {
			
		sqfootage = (Number(size_height) * Number(size_width)) / 144;
		
		if (material_cost == 0)
		{
			material_cost = Number(16);
		}

		material_cost = sqfootage*Number(material_cost);
		var with_trim = Number(material_cost) * Number(trim_cost);
		var cost = Number(material_cost);
		total_cost = Number(cost) + Number(with_trim);
		document.getElementById("size_gallery_stretch").value = '';
		document.getElementById("size_standard_stretch").value = '';
	}
	
	
	var subtotalqty = quantity*Number(total_cost);
	subtotal = subtotalqty + Number(send_proof_cost);
	
	document.getElementById('subtotal').innerHTML = "$"+(subtotal.toFixed(2));
	document.getElementById('subtotal_cost').value = (subtotal.toFixed(2));
	
	
}



function calcShipping()
{

	
	var zip_subtotal = '';
	
	var shipping_zip = document.getElementById("shipping_ups").value;
	shipping_zip = shipping_zip.replace(',','');
	zip_subtotal = document.getElementById("subtotal").value;
	zip_subtotal = zip_subtotal.replace(',','');
	zip_subtotal = Number(zip_subtotal);
	
	if (shipping_zip === null || shipping_zip === '') {
		shipping_zip = Number(0);
	}
	
	
	
	if (shipping_zip === 0)
	{
		var shipping_cost = Number(0);
		var newtotal = Number(shipping_cost) + Number(zip_subtotal);
		
		document.getElementById('post_total').innerHTML = "$"+(newtotal.toFixed(2));
		document.getElementById('shipping_handling').innerHTML = "$"+(shipping_cost.toFixed(2));
		document.getElementById('est_shipping').value = "$"+(shipping_cost.toFixed(2));
		document.getElementById('zip_subtotal').value = "$"+(newtotal.toFixed(2));
		
		
	}
	else
	{
		if (shipping_zip == 'regular')
		{
			shipping_cost = Number('14.95');
		}
		else
		{
			shipping_cost = Number('39.95');
		}
		
		var discount = document.getElementById('discountapplied2').value;
		if (discount !== '')
		{
			newtotal = (Number(shipping_cost) + Number(zip_subtotal))-Number(discount);
		}
		else
		{
			newtotal = Number(shipping_cost) + Number(zip_subtotal);
		}	
				
		document.getElementById('post_total').innerHTML = "$"+(newtotal.toFixed(2));
		document.getElementById('shipping_handling').innerHTML = "$"+(shipping_cost.toFixed(2));
		document.getElementById('est_shipping').value = "$"+(shipping_cost.toFixed(2));
		document.getElementById('zip_subtotal').value = "$"+(newtotal.toFixed(2));
		
	}
	
}



function findTax(subtotal, discount, shipping)
{
	var state = document.getElementById("state").value;
	
	if (state == 'CA' || state == 'Ca' || state == 'ca' || state == 'cA')
	{
		
		var taxed_total = Number(subtotal)-Number(discount);
		taxes = Number(taxed_total)*Number(.0875);
		document.getElementById('salestaxamount').innerHTML = "$"+(taxes.toFixed(2));
		document.getElementById('salestaxfield').value = (taxes.toFixed(2));
		
		var total = document.getElementById("post_total").innerHTML;
		total = total.replace(/<strong>/i, "");
		total = total.replace(/<\/strong>/i, "");
		var newtotal = Number(total.substr(1)) + Number(taxes);
		document.getElementById('kitchensink').value = (newtotal.toFixed(2));
		document.getElementById('post_total').innerHTML = "$"+(newtotal.toFixed(2));
		document.getElementById('zip_subtotal').value = "$"+(newtotal.toFixed(2));
		
	}
	else
	{
		var taxed_total = (Number(subtotal)-Number(discount))+Number(shipping);
		document.getElementById('kitchensink').value = (taxed_total.toFixed(2));
		document.getElementById('salestaxamount').innerHTML = "$0.00";
		document.getElementById('salestaxfield').value = "0.00";
		document.getElementById('post_total').innerHTML = "$"+(taxed_total.toFixed(2));
		document.getElementById('zip_subtotal').value = "$"+(taxed_total.toFixed(2));
		
	}
	
	
	
}



function numbersonly(myfield, e, dec) {
	var key;
	var keychar;

	if (window.event) {
	   key = window.event.keyCode;
	}
	else { 
		if (e) {
	   		key = e.which;
		} 
		else {
			return true;
		}
	}
	keychar = String.fromCharCode(key);


	if ((key===null) || (key===0) || (key===8) || (key===9) || (key===13) || (key===27) ) {
	   return true;
	}
	else { 
		if ((("0123456789").indexOf(keychar) > -1)) {
	   		return true;
		}
		else {
			if (dec && (keychar == ".")) {
	   			myfield.form.elements[dec].focus();
	   			return false;
	   		} 
			else {
	   			return false;
			}
		}
	}
}




function test() {
	//alert(document.getElementById('material').value);
	
	if (document.getElementById('material').value == 'Glossy Canvas' || document.getElementById('material').value == 'Matte Canvas')
	{
		// IE JS GOT TO HERE ---------------------------------------------
		this.showCanvasStretch();
		
		
		if (document.getElementById('stretch').value == 'Standard' || document.getElementById('stretch').value == 'Image')
		{
			this.getOrderTotal();
			this.disableTrimofPrint();
			this.showStdStretchSize();
		}
		else 
		{
			if (document.getElementById('stretch').value == 'Gallery')
			{
				this.getOrderTotal();
				this.disableTrimofPrint();
				this.showGalStretchSize();
			}
			else
			{
				
				this.enableTrimofPrint(); 
				this.hideStdStretchSize();
				this.hideGalStretchSize();
			}
		}
	}
	else 
	{
		
		if (document.getElementById('material').value == '')
		{
			
		}
		else
		{
			this.getOrderTotal(); 
			this.hideCanvasStretch(); 
			this.hideStdStretchSize(); 
			this.hideGalStretchSize(); 
			this.enableTrimofPrint();
		}
	}	
}




function showCanvasStretch() {
		
		var browser=navigator.appName;
		var b_version=navigator.appVersion;
		var version=parseFloat(b_version);
		if (browser=="Microsoft Internet Explorer")
		{
			document.getElementById('canvasStretch').style.display = 'block';
		}
		else
		{
			document.getElementById('canvasStretch').style.display = 'table-row';
		}
}

function hideCanvasStretch() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('canvasStretch').style.display = 'none';
	}
	else
	{
		document.getElementById('canvasStretch').style.display = 'none';
	}
}


function enableTrimofPrint() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('trimRow').style.display = 'block';
	}
	else
	{
		document.getElementById('trimRow').style.display = 'table-row';
	}
}
function disableTrimofPrint() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);	
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('trimRow').style.display = 'none';
	}
	else
	{
		document.getElementById('trimRow').style.display = 'none';
	}
	document.getElementById('trim').value = '';
}

function showStdStretchSize() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('standStretchSize').style.display = 'block';
		document.getElementById('standardSizeW').style.display = 'none';
		document.getElementById('standardSizeH').style.display = 'none';
		document.getElementById('galleryStretchSize').style.display = 'none';
	}
	else
	{
		document.getElementById('standStretchSize').style.display = 'table-row';
		document.getElementById('standardSizeW').style.display = 'none';
		document.getElementById('standardSizeH').style.display = 'none';
		document.getElementById('galleryStretchSize').style.display = 'none';
	}	
}

function hideStdStretchSize() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('standStretchSize').style.display = 'none';
		document.getElementById('standardSizeW').style.display = 'block';
		document.getElementById('standardSizeH').style.display = 'block';
		document.getElementById('galleryStretchSize').style.display = 'none';
	}
	else
	{
		document.getElementById('standStretchSize').style.display = 'none';
		document.getElementById('standardSizeW').style.display = 'table-row';
		document.getElementById('standardSizeH').style.display = 'table-row';
		document.getElementById('galleryStretchSize').style.display = 'none';
	}	
}

function showGalStretchSize() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);	
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('galleryStretchSize').style.display = 'block';
		document.getElementById('standardSizeW').style.display = 'none';
		document.getElementById('standardSizeH').style.display = 'none';
		document.getElementById('standStretchSize').style.display = 'none';
	}
	else
	{
		document.getElementById('galleryStretchSize').style.display = 'table-row';
		document.getElementById('standardSizeW').style.display = 'none';
		document.getElementById('standardSizeH').style.display = 'none';
		document.getElementById('standStretchSize').style.display = 'none';
	}	
}

function hideGalStretchSize() {
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	
	if (browser=="Microsoft Internet Explorer")
	{
		document.getElementById('galleryStretchSize').style.display = 'none';
		document.getElementById('standardSizeW').style.display = 'block';
		document.getElementById('standardSizeH').style.display = 'block';
		document.getElementById('standStretchSize').style.display = 'none';
	}
	else
	{
		document.getElementById('galleryStretchSize').style.display = 'none';
		document.getElementById('standardSizeW').style.display = 'table-row';
		document.getElementById('standardSizeH').style.display = 'table-row';
		document.getElementById('standStretchSize').style.display = 'none';
	}
	
}


function getSizeReq() {
	var width = document.getElementById('size_width').value;
	var height = document.getElementById('size_height').value;
	
	if (width > 0 && height > 0)
	{
		if (width > Number(38) && height > Number(38))
		{
			document.getElementById('size_width').value='38';
		}		
	}
	
}