function removeProduct(obj)
{
   obj.parent().parent().parent().remove();
   return false;
}

function addProduct(obj)
{
   var itemId = $('#qOrdProductList > li:last input:first').attr('id');      
   var itemsNum=itemId.replace(/prodNumber/, "");
   itemsNum++;
   
   var elementToAdd='<li> <ul> <li class="first"> <label for="prodNumber'+itemsNum+'">Product Number</label> <input type="text" id="prodNumber'+itemsNum+'" name="prodNumber[]" value=""/> </li> <li class="second"> <label for="qty'+itemsNum+'">Quantity</label> <input type="text" id="qty'+itemsNum+'" name="qty[]" value=""/> </li> <li class="last"> <a href="#" class="remove">Remove</a> </li> </ul> </li>'; 
   $('#qOrdProductList').append(elementToAdd);
   bindRemoveActions();
}

function bindRemoveActions()
{
   $('#qOrdProductList a.remove').click(function () { 
      removeProduct($(this)); 
      return false;
    });
}

$(document).ready(function(){
    
    bindRemoveActions();
    
    $('#quickOrderOptions a').click(function () { 
      addProduct(); 
      return false;
    });
    
    
    
    $('#quickOrderForm').submit(function() {      
      
      var isError=0; 
      
      $(this).find('#qOrdProductList li input').each
      (
         function(i) 
         {
            if($(this).val()=='' && isError==0)
            {
               alert('Neither Product Number nor Quantity can be empty.');
               isError=1;
            }
         }
      );
      
      if(isError)
      {
         return false;
      }
      
      return true;
      
    });

});