$(document).ready(function(){
		var errorStr = '<p class="errorMessage redNotice">Please enter a valid quantity</p>';
		//decrease product unit
		$('#remove').click(function(){
			var input = $('#ProductQuantity');
			var currentVal = input.val()
			if (isValidNumber(currentVal)){
				if(currentVal > 1) {
					input.val(--currentVal);
				}
			} else {
				if($('#qtt .errorMessage').length == 0){
					$('#qtt').append(errorStr);
					$('#ProductQuantity').addClass('qttError');
				}
			}
			return false; //prevent default browser link behaviour
		});
		
		//increase product unit
		$('#add').click(function(){
			var input = $('#ProductQuantity');
			var currentVal = input.val();
			if (isValidNumber(currentVal)){
				input.val(++currentVal);
			} else {
				if($('#qtt .errorMessage').length == 0){
					$('#qtt').append(errorStr);
					$('#ProductQuantity').addClass('qttError');
				}
			}
			return false;
		});
		
		//check if value is correct when event on input text is blur
		$('#ProductQuantity').blur(function(){
			val = $(this).val();
			if(!isValidNumber(val) || val == 0) {
				if($('#qtt .errorMessage').length == 0){
					$('#qtt').append(errorStr);
					$('#ProductQuantity').addClass('qttError');
					$(this).focus();
				}
			} else {
				$('.errorMessage').slideUp('slow', function(){ $(this).remove()});
				$('#ProductQuantity').removeClass('qttError');
			}
		});
		
		//add to bag link is clicked? do a check
		$('#addProduct').click(function(){
			if (isValidNumber($('#ProductQuantity').val())){
				updateURL($('#ProductQuantity').val()); //add to basket
			} else {
				if($('#qtt .errorMessage').length == 0){
					$('#qtt').append(errorStr);
					$('#ProductQuantity').addClass('qttError');
				}
				return false;
			}
		});
		
		//function to check val
		function isValidNumber(value){
			var regex = new RegExp("^[0-9]*$");
			if (!regex.test(value)){
				return false;
			} else {
				return true;
			}
		}
		
		//function to change the href on add to basket link clicked
		function updateURL(value){
			var updateBasketUrl = $('#addProduct').attr('href');
			var search = updateBasketUrl.match(/-\d-/);
			var updatedBasketUrl = updateBasketUrl.replace( search,'-' + value + '-');
			$('#addProduct').attr('href', updatedBasketUrl);
		}
		
	});