// JavaScript Document
// Last updated 2006-02-21

function limitText(limitField, limitCount, limitNum) {
	if (limitField.value.length > limitNum) {
		limitField.value = limitField.value.substring(0, limitNum);
	} else {
		limitCount.value = limitNum - limitField.value.length;
	}
}

function addRowToTable()
{
  var tbl = document.getElementById('cupcake-flavors');
  var lastRow = tbl.rows.length;
  // if there's no header row in the table, then iteration = lastRow + 1
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);
  
  
  // left cell
  var cellLeft = row.insertCell(0);
  var sel = document.createElement('select');
  sel.name = 'size[' + iteration + ']';
  sel.id = 'size[' + iteration + ']';
  sel.onchange = function(){changeMini();}
  sel.options[0] = new Option('Regular', 'Regular');
  sel.options[1] = new Option('Mini', 'Mini');
  cellLeft.appendChild(sel);
  
  // right cell
  var cellRight = row.insertCell(1);
  var sel = document.createElement('select');
  sel.name = 'flavor[' + iteration + ']';
	for(i=document.getElementById('flavor-list').options.length-1;i>=0;i--)
	{
	   sel.options[i] =
		 new Option(document.getElementById('flavor-list').options[i].text,
					document.getElementById('flavor-list').options[i].value);
	}  
	cellRight.appendChild(sel);
  
  // select cell
  var cellRightSel = row.insertCell(2);
  var sel = document.createElement('select');
  sel.name = 'dozen[' + iteration + ']';
  sel.id = 'dozen[' + iteration + ']';
  sel.options[0] = new Option('1 Dozen', '1');
  sel.options[1] = new Option('2 Dozen', '2');
  sel.options[2] = new Option('3 Dozen', '3');
  sel.options[3] = new Option('4 Dozen', '4');
  sel.options[4] = new Option('5 Dozen', '5');
  sel.options[5] = new Option('6 Dozen', '6');
  sel.options[6] = new Option('7 Dozen', '7');
  sel.options[7] = new Option('8 Dozen', '8');
  sel.options[8] = new Option('9 Dozen', '9');
  sel.options[9] = new Option('10+ Dozen', '10+');
  cellRightSel.appendChild(sel);
}


function removeRowFromTable()
{
  var tbl = document.getElementById('cupcake-flavors');
  var lastRow = tbl.rows.length;
  if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}

function changeMini() 
{
	var tbl = document.getElementById('cupcake-flavors');
	var lastRow = tbl.rows.length;
  	// if there's no header row in the table, then iteration = lastRow + 1
 	var iteration = lastRow;
	
	for(i=1;i<=iteration+1;i++)
	{
		var indexOfSelect = document.getElementById('size[' + i + ']').selectedIndex;
		var selectedValue = document.getElementById('size[' + i + ']')[indexOfSelect].value;
		var indexOfSelectedDozen = document.getElementById('dozen[' + i + ']').selectedIndex;
		
		if(selectedValue == 'Mini') 
		{
			document.getElementById('dozen[' + i + ']').options[0] = new Option('2 Dozen', '2');
			document.getElementById('dozen[' + i + ']').options[1] = new Option('4 Dozen', '4');
			document.getElementById('dozen[' + i + ']').options[2] = new Option('6 Dozen', '6');
			document.getElementById('dozen[' + i + ']').options[3] = new Option('8 Dozen', '8');
			document.getElementById('dozen[' + i + ']').options[4] = new Option('10 Dozen', '10');
			document.getElementById('dozen[' + i + ']').options[5] = new Option('12 Dozen', '12');
			document.getElementById('dozen[' + i + ']').options[6] = new Option('14 Dozen', '14');
			document.getElementById('dozen[' + i + ']').options[7] = new Option('16 Dozen', '16');
			document.getElementById('dozen[' + i + ']').options[8] = new Option('18 Dozen', '18');
			document.getElementById('dozen[' + i + ']').options[9] = new Option('20+ Dozen', '20+');
		}
		
		if(selectedValue == 'Regular') 
		{
			document.getElementById('dozen[' + i + ']').options[0] = new Option('1 Dozen', '1');
			document.getElementById('dozen[' + i + ']').options[1] = new Option('2 Dozen', '2');
			document.getElementById('dozen[' + i + ']').options[2] = new Option('3 Dozen', '3');
			document.getElementById('dozen[' + i + ']').options[3] = new Option('4 Dozen', '4');
			document.getElementById('dozen[' + i + ']').options[4] = new Option('5 Dozen', '5');
			document.getElementById('dozen[' + i + ']').options[5] = new Option('6 Dozen', '6');
			document.getElementById('dozen[' + i + ']').options[6] = new Option('7 Dozen', '7');
			document.getElementById('dozen[' + i + ']').options[7] = new Option('8 Dozen', '8');
			document.getElementById('dozen[' + i + ']').options[8] = new Option('9 Dozen', '9');
			document.getElementById('dozen[' + i + ']').options[9] = new Option('10+ Dozen', '10+');
		}
		
  	    document.getElementById('dozen[' + i + ']').selectedIndex = indexOfSelectedDozen;
		
	
	}
}