//set the table size radios for their custom look.
$(document).ready(function () {
   $('input[type=radio]').css("display","none");
   $('input[type=radio]').after('<div class="customRadio"></div>');
   $('.customRadio').click(function(){ customRadioClick(this); });
});


var submit_ready = false;
var currentPrice;

function update_felt_color(id, value) {
	//alert('FELT COLOR: '+id+' : '+value);
	var input = 'felt_color';
	var input_id = 'felt_color_id';
	var viewableText = 'felt_color_text';
	if (document.getElementById(input)) {
		document.getElementById(input).value = value;	
	}
	if (document.getElementById(input_id)) {
		document.getElementById(input_id).value = id;
	}
	if (document.getElementById(viewableText)) {
		document.getElementById(viewableText).innerHTML = value;	
	}
	return true;
}
function update_pocket_style(id, value, price) {
	//alert('POCKETSTYLE: '+id+' : '+value);
	var input = 'pocket_style';
	var input_id = 'pocket_style_id';
	var viewableText = 'pocket_style_text';
	if (document.getElementById(input)) {
		document.getElementById(input).value = value;	
	}
	if (document.getElementById(input_id)) {
		document.getElementById(input_id).value = id;
	}
	if (document.getElementById(viewableText)) {
		if (value != document.getElementById('table_style_text').innerHTML)
			document.getElementById(viewableText).innerHTML = value + " (adds $59.99)";
		else
			document.getElementById(viewableText).innerHTML = value;	
	}
	return true;
}

function addCommas(dblValue)
{
	dblValue = dblValue.substring(0,dblValue.length-3);
	for (var i = 0; i < Math.floor((dblValue.length-(1+i))/3); i++)
		dblValue = dblValue.substring(0,dblValue.length-(4*i+3))+','+dblValue.substring(dblValue.length-(4*i+3));
	
	return dblValue + ".99";
}

function update_table_style(id, value) {
	//alert('TABLE STLYE: '+id+' : '+value);
	var input_id = 'table_style_id';
	var input = 'table_style';
	var viewableText = 'table_style_text';
	var table_desc = 'table_desc';
	var pool_table_msrp = 'pool_table_msrp';
	
	if (document.getElementById('table_price')) {
		document.getElementById('table_price').value = tables[value][1];
	}
	if (document.getElementById(input)) {
		document.getElementById(input).value = value;	
	}
	if (document.getElementById(input_id)) {
		document.getElementById(input_id).value = id;
	}
	if (document.getElementById(viewableText)) {
		document.getElementById(viewableText).innerHTML = value;
		document.getElementById(table_desc).innerHTML = tables[value][0];
		document.getElementById('table_price_text').innerHTML = "Now $" +addCommas(tables[value][1]);
		document.getElementById(pool_table_msrp).innerHTML = "$" + addCommas(tables[value][2]);	
	}

	submit_ready = true;
	basePrice = tables[value][1]
	currentPrice = basePrice;
	updateLength();
	return true;
}

function update_embroidery(color_id, color_text, font_id, font_text, message) {
	var input1 = 'embroidery_message';
	var input2 = 'embroidery_color_text';
	var input2_id = 'embroidery_color_id';
	var input3 = 'embroidery_font_text';
	var input3_id = 'embroidery_font_id';
	var embColor = 'embroidery_color';
	var embFont = 'embroidery_font';
	var embText = 'embroidery_text';
	var shipTime = 'shipTime';
	
	if ((message.length == 17) || (message == 'null') || (message == ''))
		message = false;
	if (color_text.length == 0)
		color_text = false;
	if (font_text.length == 0)
		font_text = false;
	if (message) {
		var value = message;
		if (document.getElementById(input1)) {
			document.getElementById(input1).value = value;
			document.getElementById(embText).innerHTML = value;
			document.getElementById(shipTime).innerHTML = '* Shipping now 12 days';
		}
		if (color_id && color_text) {
			var value = color_text;
			if (document.getElementById(input2)) {
				document.getElementById(input2).value = value;
				document.getElementById(embColor).innerHTML = value + ' (adds $49.99)<span class="redText">*</span>';
			}
			var value = color_id;
			if (document.getElementById(input2_id)) {
				document.getElementById(input2_id).value = value;
			}
		}
		else
		{
			var value = "White";
			if (document.getElementById(input2)) {
				document.getElementById(input2).value = value;
				document.getElementById(embColor).innerHTML = value + ' (adds $49.99)<span class="redText">*</span>';
			}
			var value = 29;
			if (document.getElementById(input2_id)) {
				document.getElementById(input2_id).value = value;
			}
		}
		if (font_id && font_text) {
			var value = font_text;
			if (document.getElementById(input3)) {
				document.getElementById(input3).value = value;
				document.getElementById(embFont).innerHTML = value;
			}
			var value = font_id;
			if (document.getElementById(input3_id)) {
				document.getElementById(input3_id).value = value;
			}
		}
	} else {
		document.getElementById(input1).value = '';
		document.getElementById(input2).value = '';
		document.getElementById(input2_id).value = '';
		document.getElementById(input3).value = '';
		document.getElementById(input3_id).value = '';
		document.getElementById(embColor).innerHTML = "None";
		document.getElementById(embFont).innerHTML = '';	
		document.getElementById(embText).innerHTML = '';
		document.getElementById(shipTime).innerHTML = '';
	}
	return true;
}
function customRadioClick(element){
	$('#tableSizes div[class=customRadio]').css("background-position","top");
	$(element).parent('p').find('input[type=radio]').attr("checked","checked");
	updateLength();
}
function updateLength(){
	var radios = Array('length_7','length_8','length_9');
	for(var i = 0; i < radios.length; i++){
		if(document.getElementById(radios[i]).checked){
			var newVal = document.getElementById(radios[i]).value;
			
			//uses jQuery to handle custom radio button visuals. 
			switch(newVal){
				case '7ft':
					$('#length_7').parent('p').find('div[class=customRadio]').css("background-position","bottom");
					document.getElementById('7ftPrice').innerHTML = ' + $0 ';
					document.getElementById('8ftPrice').innerHTML = ' + $0 ';
					document.getElementById('9ftPrice').innerHTML = ' + $250 ';
					
					if(currentPrice > basePrice) {
						currentPrice = parseFloat(currentPrice) - 250;
					} else {
						currentPrice = basePrice;
					}					
					
					break;
				case '8ft':
					$('#length_8').parent('p').find('div[class=customRadio]').css("background-position","bottom");
					document.getElementById('7ftPrice').innerHTML = ' + $0 ';
					document.getElementById('8ftPrice').innerHTML = ' + $0 ';
					document.getElementById('9ftPrice').innerHTML = ' + $250 ';
										
					if(currentPrice > basePrice) {
						currentPrice = parseFloat(currentPrice) - 250;
					} else {
						currentPrice = basePrice;
					}
					
					break;
				case '9ft':
					$('#length_9').parent('p').find('div[class=customRadio]').css("background-position","bottom");
					document.getElementById('7ftPrice').innerHTML = ' - $250 ';
					document.getElementById('8ftPrice').innerHTML = ' - $250 ';
					document.getElementById('9ftPrice').innerHTML = ' + $0 ';
										
					if(currentPrice == basePrice) {
						currentPrice = parseFloat(basePrice) + 250;
					}		
					
					break;					
			}
			document.getElementById('table_price_text').innerHTML = "Now $" +addCommas(currentPrice.toString());
			document.getElementById('table_length').value = newVal;
		}
	}
}

function submit_form(form_name) {
	
	if (submit_ready)
	{
		if (form_name) {
			tableName = document.getElementById('table_style').value;	
			switch(tableName){
				case 'Catania':
					tableId = '1';
					break;
				case 'Manhattan':
					tableId = '2';
					break;
				case 'Sedona':
					tableId = '5';
					break;	
				case 'Turin':
					tableId = '6';
					break;	
				case 'Firenze':
					tableId = '13';
					break;	
				case 'Milano':
					tableId = '14';
					break;	
				case 'Tuscany':
					tableId = '15';
					break;	
				case 'Venetian':
					tableId = '16';
					break;	
				case 'Coventry':
					tableId = '19';
					break;	
				case 'York':
					tableId = '20';
					break;	
				case 'Stratford':
					tableId = '64';
					break;	
				case 'Savona':
					tableId = '65';
					break;	
				case 'Prato':
					tableId = '66';
					break;	
				case 'Rimini':
					tableId = '84';
					break;
				case 'Potenza':
					tableId = '108';
					break;	
			}
			productAdd(tableId);				
			if (document.getElementById(form_name)) {
				document.getElementById(form_name).submit();
			}		
		}
	}
	else
	{
		alert("Please wait for table to finish loading before adding to cart");
	}
}	

function update_next_step(val) {
	if (val) {
		if (document.getElementById('next_step')) {
			document.getElementById('next_step').value = val;
			return true;
		}
	}
	return false;
}