function fillPrice() {
	if (productInfo[$('#size').val()][$('#color').val()]['prijs'] == productInfo[$('#size').val()][$('#color').val()]['actieprijs']) {
		$('#productPrice').html(productInfo[$('#size').val()][$('#color').val()]['prijs']);
	} else {
		$('#productPrice').html('<br />Van '+productInfo[$('#size').val()][$('#color').val()]['prijs']+' voor '+productInfo[$('#size').val()][$('#color').val()]['actieprijs']+'<br />Uw korting '+productInfo[$('#size').val()][$('#color').val()]['discount']);
	}
	$('#submitAddToCart').toggle(productInfo[$('#size').val()][$('#color').val()]['maxQuantity'] != 0);
	$('#leveringstijd').html(productInfo[$('#size').val()][$('#color').val()]['levertijd']);
}

function fillColors(){
	$('#color').html('');
	for (color in productInfo[$('#size').val()]) {
		$('#color').addOption(color, color);
	}

	fillPrice();
	$('#amount').html('');
	for (i=1;i<=productInfo[$('#size').val()][$('#color').val()]['maxQuantity'];i++) {
		$('#amount').addOption(i, i);
	}
	$('#amount').selectOptions('1');
}

function fillSearchOptions() {
	$.getJSON("/gateway/json/", $('#extendedSearch').serialize(), function(searchOptions) {
		$.each(['searchSize', 'searchStyle', 'searchColor', 'searchBrand'], function(key, selector) {
			var originalValue = $('#'+selector).val();
			$('#'+selector).html('');
			$.each(searchOptions[selector], function(key, value) {
				$('#'+selector).append('<option value="'+key+'">'+value+'</option>');
			});
			$('#'+selector).val(originalValue);
		});
	});
}

$(document).ready(function(){
	var size;

	$('#dialog').jqm();

	$('#addFriends').click(function(){
		$('#dialog').jqmHide();
	});

	$('#sendForm').click(function(){
		$('#skipCount').val('true');
		$('#dialog').jqmHide();
		$('#tellAFriend').submit();
	});

	$('#tellAFriend').validate({
		submitHandler: function(form) {
			if ($('#skipCount').val() != "") {
				form.submit();
			}
			// less than 5 warning
			if ($('#naam_vriend2').val() == "" || $('#email_vriend2').val() == "" ||
				$('#naam_vriend3').val() == "" || $('#email_vriend3').val() == "" ||
				$('#naam_vriend4').val() == "" || $('#email_vriend4').val() == "" ||
				$('#naam_vriend5').val() == "" || $('#email_vriend5').val() == ""
				) {
				$('#dialog').jqmShow();
				return false;
			} else {
				form.submit();
			}
		}
	});

	// label hiding
	if ($('input.hideMyLabel').val() != '') {
		$('label.hideMe[for='+$(this).attr('id')+']').hide();
	}

	$('input.hideMyLabel').focus(function() {
		$('label.hideMe[for='+$(this).attr('id')+']').hide();
	});

	$('input.hideMyLabel').blur(function() {
		if ($(this).val() == '') {
			$('label.hideMe[for='+$(this).attr('id')+']').show();
		}
	});

	$('#searchSize, #searchStyle, #searchColor, #searchBrand, #searchLingerie, #searchBadmode').change(fillSearchOptions);
	fillSearchOptions();

	$('#pasTool').html('<label for="borstOmvang">A<input type="text" id="borstOmvang" name="borstOmvang" size="5" />cm</label> <label for="borstWijdte">B<input type="text" id="borstWijdte" name="borstWijdte" size="5" />cm</label> <input type="button" id="berekenBhMaat" name="berekenBhMaat" value="Bereken" /> <input type="text" id="bhMaat" name="bhMaat" size="10" readonly="readonly" />');

	$('#borstWijdte').change(function(){
		$('#bhMaat').val('');
	});
	$('#borstOmvang').change(function(){
		$('#bhMaat').val('');
	});
	$('#berekenBhMaat').click(function(){
		var r = Math.round;
		var bCm = r($('#borstWijdte').val());
		var aCm = r($('#borstOmvang').val());
		var cupCm = r(bCm-aCm);
		var bhMaat;
		var cupMaat;
		if (aCm < 63) {
			alert('Borstomvang te klein voor dit hulpmiddel.');
		}
		if (aCm >= 63 && aCm <= 65) {
			bhMaat = 60;
		}
		if (aCm >= 66 && aCm <= 70) {
			bhMaat = 65;
		}
		if (aCm >= 71 && aCm <= 75) {
			bhMaat = 70;
		}
		if (aCm >= 76 && aCm <= 81) {
			bhMaat = 75;
		}
		if (aCm >= 82 && aCm <= 86) {
			bhMaat = 80;
		}
		if (aCm >= 87 && aCm <= 91) {
			bhMaat = 85;
		}
		if (aCm >= 92 && aCm <= 96) {
			bhMaat = 90;
		}
		if (aCm >= 97 && aCm <= 103) {
			bhMaat = 95;
		}
		if (aCm >= 104 && aCm <= 109) {
			bhMaat = 100;
		}
		if (aCm >= 110 && aCm <= 115) {
			bhMaat = 105;
		}
		if (aCm > 115) {
			alert('Borstomvang te groot voor dit hulpmiddel.');
		}
		if (cupCm < 10) {
			alert('Cupmaat te klein voor dit hulpmiddel.');
		}
		if (cupCm >= 10 && cupCm <= 11) {
			cupMaat = 'AA';
		}
		if (cupCm >= 12 && cupCm <= 13) {
			cupMaat = 'A';
		}
		if (cupCm >= 14 && cupCm <= 15) {
			cupMaat = 'B';
		}
		if (cupCm >= 16 && cupCm <= 17) {
			cupMaat = 'C';
		}
		if (cupCm == 18) {
			cupMaat = 'D';
		}
		if (cupCm == 19) {
			cupMaat = 'DD (of E)';
		}
		if (cupCm >= 20 && cupCm <= 21) {
			cupMaat = 'E';
		}
		if (cupCm == 22) {
			cupMaat = 'F';
		}
		if (cupCm == 23) {
			cupMaat = 'FF (of G)';
		}
		if (cupCm == 24) {
			cupMaat = 'G';
		}
		if (cupCm == 25) {
			cupMaat = 'GG (of H)';
		}
		if (cupCm == 26) {
			cupMaat = 'H';
		}
		if (cupCm == 27) {
			cupMaat = 'HH (of I of J)';
		}
		if (cupCm >= 28 && cupCm <= 29) {
			cupMaat = 'J';
		}
		if (cupCm >= 30 && cupCm <= 31) {
			cupMaat = 'K';
		}
		if (cupCm > 31) {
			alert('Cupmaat te groot voor dit hulpmiddel.');
		}
		$('#bhMaat').val(bhMaat+cupMaat);
	});

	//catalog webproduct details
	if (typeof productInfo != 'undefined') {
		if (productInfo.length == 0) {
			$('#addToCart').html('Dit product is uitverkocht');
		} else {
			$('#size').html('');
			for (size in productInfo) {
				$('#size').addOption(size, size);
			}
			fillColors();
			$('#size').change(function(){
				fillColors();
			});
			$('#color').change(function(){
				fillPrice();
			})
			$("#addToCart").submit(function() {
				window.location="/cart&localAction=addById&id="+productInfo[$('#size').val()][$('#color').val()]['productCollectionMemberId']+"&amount="+$('#amount').val();
				return false;
			});

			for (size in productInfo) {
				if (productInfo[size][$('#color').val()]['voorraad'] > 0) {
					$('#size').val(size).change();
					break;
				}
			}
		}
	}
});