var previousL2 = 0;
var previousW2 = 0;
var previousU = "cm";

// Method to update the result field with calculation answer
function recalculate1() {
	var length = $("#l1").val();
	var width = $("#w1").val();
	var num = Math.floor((length * 25.4) / width);
	$("#n1").val("= " + num);
//        $("#n1").colorBlend([{fromColor:"#b0c8c0", toColor:"#fff", cycles:"2"}]);
}

function recalculate2() {
	var length = $("#l2").val();
	var unit = $("#u").val();
	var width = $("#w2").val();

	if (!isNaN(parseInt(length)) && !isNaN(parseInt(width))) {        
		if (length != previousL2 || width != previousW2 || previousU != unit) {
			previousL2 = length;
		    previousW2 = width;
		    previousU = unit;
  //          alert(length + unit + " x " + width);
            if (unit == "in") {
            	length *= 25.4;
            } else if (unit == "cm") {
            	length *= 10;
            }
            var num = Math.floor(length / width);
            $("#n2").val("= " + num);
  //        $("#n1").colorBlend([{fromColor:"#b0c8c0", toColor:"#fff", cycles:"2"}]);
          }
        }
      }

      // On document load...
      $(function() {
        // Show/hide bead calculator overlay when menu link clicked
        $('#beadCalculatorLink').click(function() {
          $('#beadCalculatorUnderlay').height($('body').height());
          $('#beadCalculatorUnderlay').show();
          $('li#beadcalc').addClass('highlight');
          $('#beadCalculator').slideToggle('slow');
          return false;
        });
        
        $('#beadCalculatorUnderlay').mouseup(function() {
          $('li#beadcalc').removeClass('highlight');
          $('#beadCalculatorUnderlay').hide();
       	  $('#beadCalculator').slideUp();
        });
        
        // Recalculate number of beads
        $('#bcSubmit').click(function() {
          return false;
        });
    
        // Auto-recalculate result
        $("#l1").change(function() { recalculate1(); });
        $("#w1").change(function() { recalculate1(); });

        $("#l2").keyup(function() { recalculate2(); });
        $("#w2").keyup(function() { recalculate2(); });
        $("#u").change(function() { recalculate2(); });
        
        
        recalculate1();
      });