//builds the quantity box when one of the checkboxes is selected and,
//varifies that only one box is selected.
//if changes to the ribbon titles must be made it is important to follow the exact name conventions shown in this layout

function showQuantity (ribbon_title) {
//sets values for comparison true/false, true/true, false/false;
	selection_one = ribbon_title+"1";
	selection_one = document.getElementById(selection_one).checked;
	selection_two = ribbon_title+"2";
	selection_two = document.getElementById(selection_two).checked;
// if one box is checked, create the ribbon quantity input field and focus on it;
	if (selection_one != selection_two) {
		document.getElementById(ribbon_title).innerHTML = '<input type="text" name="' +ribbon_title+'_qty" id="' +ribbon_title+'_qty" size="3" onChange="ribbonsTotal(this.id, this.value);" onClick="changeQuantity(this.id, this.value)" onblur="checkEmpty(this.id); return false;" />'  ;
		document.getElementById(ribbon_title+'_qty').focus();
//if both boxes are checked, replace the quantity input field with a warning and removes the field value from the quantityArray;
	}	else if (selection_one==true && selection_two==true) {
		quantity_check=document.getElementById(ribbon_title+'_qty').value;
		changeQuantity(ribbon_title, quantity_check);
		document.getElementById(ribbon_title).innerHTML = '<span style="color:#CC0000; font-size: .80em; width: 15px;"> Select only one color! </span>' ;
	}	else {
		quantity_check=document.getElementById(ribbon_title+'_qty').value;
		changeQuantity(ribbon_title, quantity_check);
		document.getElementById(ribbon_title).innerHTML = '' ;
	}
}

//calculates the total quantity of ribbons ordered
var total = 0
function ribbonsTotal(ribbon_id, ribbon_quantity) {
//validate entered number
if (ribbon_quantity=='-') {
	document.getElementById(ribbon_id).focus();
	} else if (isNaN(ribbon_quantity)) {alert('Please enter a number.');
		document.getElementById(ribbon_id).value = '';
		document.getElementById(ribbon_id).focus();
	} else {
		var quantityArray=[];
		quantityArray.push(ribbon_quantity);
			for (var i=0; i<quantityArray.length; i++) {
			var numbers = quantityArray[i];
			total = parseInt(numbers) + parseInt(total);
			document.getElementById('quantity').value = total;
			if (total <25) { 
				document.getElementById('quantityerror').innerHTML='<span class="mdRed">Minimum Order: 25 Ribbons (titles by be mixed)</span>';
				document.getElementById('addToCart').disabled=true;
			}
//small order fee discontinued 3-2011 
//			else if (total <50) { 
//				document.getElementById('quantityerror').innerHTML='<span class="mdRed">There is a small order fee of $7.50 that will be added to orders of 50 total ribbons or less.</span>';
//				document.getElementById('addToCart').disabled=false;	
//			}
			else {document.getElementById('quantityerror').innerHTML='';
				document.getElementById('addToCart').disabled=false;
			} 
			}
	}
}

//re-calculates the total quantity if a ribbon quantity is changes.
function changeQuantity(ribbon_id, ribbon_quantity) {
		document.getElementById(ribbon_id).blur();
		document.getElementById(ribbon_id).value = '';
		ribbon_quantity='-'+ribbon_quantity;
		ribbonsTotal(ribbon_id, ribbon_quantity);
}

function checkEmpty(ribbon_id){
var check_empty = document.getElementById(ribbon_id).value
ribbon_title=ribbon_id.replace('_qty','');
if (check_empty == '') {
	document.getElementById(ribbon_title).innerHTML = '' ;
		selection_one = ribbon_title+"1";
	document.getElementById(selection_one).checked=false;
			selection_two = ribbon_title+"2";
	document.getElementById(selection_two).checked=false;
}
}