anchor.diff:  			  	</div>
   			</div>
   			<div class="col-xs-2">
  -				<input type="text" name="charge01qty" class="form-control" id="inptCharge01qty" value="${(charge01qty > 0)? charge01qty:'0'}">
  -			</div>
  -			<div class="col-xs-2">
  -				<script type="text/javascript">
  -				var lineItems = new Array();
  -				<c:forEach items="${lineitems}" var="lineitem" varStatus="status"> 
  -					lineItemObj = new Object();
  -					lineItemObj.id = ${lineitem.id}; 
  -					lineItemObj.cost = ${lineitem.cost}; 
  -					lineItems.push(lineItemObj);
  -				</c:forEach> 
  -
  -				$(document).ready(function(){
  -				    $("select[name='charge01']").change(function(){
  -				        $(this).find("option:selected").each(function(){
  -							for	(index = 0; index < lineItems.length; index++) {
  -					            if($(this).attr("value")==lineItems[index].id){
  -									  document.getElementById('charge01cost').innerHTML = parseFloat(lineItems[index].cost);
  -					            }
  -				            }
  -				        });
  -				    }).change();
  -				});
  -
  -				$(document).ready(function(){
  -					$('#inptCharge01qty').bind('input', function() {
  -					    $("select[name='charge01']").find("option:selected").each(function(){
  -								for	(index = 0; index < lineItems.length; index++) {
  -						            if($(this).attr("value")==lineItems[index].id){
  -										  document.getElementById('charge01subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge01qty').value);
  -										  document.getElementById('finalSubtotal').innerHTML = document.getElementById('finalSubtotal').value + document.getElementById('charge01subtotal').value;
  -						            }
  -					            }
  -					    }).change();
  -					} );
  -				});
  -				
  -
  -				$(document).ready(function(){
  -				    $("select[name='charge02']").change(function(){
  -				        $(this).find("option:selected").each(function(){
  -							for	(index = 0; index < lineItems.length; index++) {
  -					            if($(this).attr("value")==lineItems[index].id){
  -									  document.getElementById('charge02cost').innerHTML = parseFloat(lineItems[index].cost);
  -					            }
  -				            }
  -				        });
  -				    }).change();
  -				});
  -				
  -
  -				$(document).ready(function(){
  -					$('#inptCharge02qty').bind('input', function() {
  -					    $("select[name='charge02']").find("option:selected").each(function(){
  -								for	(index = 0; index < lineItems.length; index++) {
  -						            if($(this).attr("value")==lineItems[index].id){
  -										  document.getElementById('charge02subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge02qty').value);
  -						            }
  -					            }
  -					    }).change();
  -					} );
  -				});
  -				
  -				$(document).ready(function(){
  -				    $("select[name='charge03']").change(function(){
  -				        $(this).find("option:selected").each(function(){
  -							for	(index = 0; index < lineItems.length; index++) {
  -					            if($(this).attr("value")==lineItems[index].id){
  -									  document.getElementById('charge03cost').innerHTML = parseFloat(lineItems[index].cost);
  -					            }
  -				            }
  -				        });
  -				    }).change();
  -				});
  -
  -				$(document).ready(function(){
  -					$('#inptCharge03qty').bind('input', function() {
  -					    $("select[name='charge03']").find("option:selected").each(function(){
  -								for	(index = 0; index < lineItems.length; index++) {
  -						            if($(this).attr("value")==lineItems[index].id){
  -										  document.getElementById('charge03subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge03qty').value);
  -						            }
  -					            }
  -					    }).change();
  -					} );
  -				});
  -				$(document).ready(function(){
  -				    $("select[name='charge04']").change(function(){
  -				        $(this).find("option:selected").each(function(){
  -							for	(index = 0; index < lineItems.length; index++) {
  -					            if($(this).attr("value")==lineItems[index].id){
  -									  document.getElementById('charge04cost').innerHTML = parseFloat(lineItems[index].cost);
  -					            }
  -				            }
  -				        });
  -				    }).change();
  -				});
  -
  -				$(document).ready(function(){
  -					$('#inptCharge04qty').bind('input', function() {
  -					    $("select[name='charge04']").find("option:selected").each(function(){
  -								for	(index = 0; index < lineItems.length; index++) {
  -						            if($(this).attr("value")==lineItems[index].id){
  -										  document.getElementById('charge04subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge04qty').value);
  -						            }
  -					            }
  -					    }).change();
  -					} );
  -				});
  -
  -				$(document).ready(function(){
  -				    $("select[name='charge05']").change(function(){
  -				        $(this).find("option:selected").each(function(){
  -							for	(index = 0; index < lineItems.length; index++) {
  -					            if($(this).attr("value")==lineItems[index].id){
  -									  document.getElementById('charge05cost').innerHTML = parseFloat(lineItems[index].cost);
  -					            }
  -				            }
  -				        });
  -				    }).change();
  -				});
  -
  -				$(document).ready(function(){
  -					$('#inptCharge05qty').bind('input', function() {
  -					    $("select[name='charge05']").find("option:selected").each(function(){
  -								for	(index = 0; index < lineItems.length; index++) {
  -						            if($(this).attr("value")==lineItems[index].id){
  -										  document.getElementById('charge05subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge05qty').value);
  -						            }
  -					            }
  -					    }).change();
  -					} );
  -				});
  -				</script>
  -				<div id="charge01cost"></div>
  -			</div>
  -			<div class="col-xs-2">
  -				<div id="charge01subtotal"></div>
  +				<input type="text" name="charge01qty" class="form-control qty" id="inptCharge01qty" value="${(charge01qty > 0)? charge01qty:'0'}">
  +			</div>
  +			<div class="col-xs-2">
  +				<input type="text" id="charge01cost" class="unit">
  +			</div>
  +			<div class="col-xs-2">
  +				<input type="text" id="charge01subtotal" class="amount">
   			</div>
   		</div>
   		
  
positive.code: 			  	</div>
  			</div>
  			<div class="col-xs-2">
  				<input type="text" name="charge02qty" class="form-control" id="inptCharge02qty" value="${(charge02qty > 0)? charge02qty:'0'}">
  			</div>
  			<div class="col-xs-2">
  				<div id="charge02cost"></div>
  			</div>
  			<div class="col-xs-2">
  				<div id="charge02subtotal"></div>
  			</div>
  		</div>
  		<div class="row">
  			<div class="col-xs-5 col-xs-offset-1">
  				<div class="form-group">
  
negative.code: 			</div>
  		</div>
  	</form>
  	
  				<script type="text/javascript">
  				$(".qty").on('input', function () {
  				    var self = $(this);
  				    // var unitVal = self.next().val();
  				    //var unitVal = self.parent().next().val();
  				    var unitVal = self.closest(".row").find(".unit").val();
  				    self.closest(".row").find(".amount").val(unitVal * self.val());
  				   fnAlltotal();
  				});
  
  				$(".unit").on('input', function () {
  				    var self = $(this);
  				    //$(this).parent().find('#cl_zipcode').val()
  				    var qtyVal = self.closest(".row").find(".qty").val();
  				    self.closest(".row").find(".amount").val(qtyVal * self.val());
  				  fnAlltotal();
  				});
  	
  				function fnAlltotal(){
  				  var total=0;
  				    $(".amount").each(function(){
  				         total += parseFloat($(this).val()||0);
  				    });
  				    $(".result").val(total);
  				}
  				
  				var lineItems = new Array();
  				<c:forEach items="${lineitems}" var="lineitem" varStatus="status"> 
  					lineItemObj = new Object();
  					lineItemObj.id = ${lineitem.id}; 
  					lineItemObj.cost = ${lineitem.cost}; 
  					lineItems.push(lineItemObj);
  				</c:forEach> 
  				
  				$(document).ready(function(){
  				    $("select[name='charge01']").change(function(){
  				        $(this).find("option:selected").each(function(){
  							for	(index = 0; index < lineItems.length; index++) {
  					            if($(this).attr("value")==lineItems[index].id){
  									  document.getElementById('charge01cost').value = parseFloat(lineItems[index].cost);
  					            }
  				            }
  				        });
  				    }).change();
  				});
  
  				/*
  				$(document).ready(function(){
  					$('#inptCharge01qty').bind('input', function() {
  					    $("select[name='charge01']").find("option:selected").each(function(){
  								for	(index = 0; index < lineItems.length; index++) {
  						            if($(this).attr("value")==lineItems[index].id){
  										  document.getElementById('charge01subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge01qty').value);
  										  document.getElementById('finalSubtotal').innerHTML = document.getElementById('finalSubtotal').value + document.getElementById('charge01subtotal').value;
  						            }
  					            }
  					    }).change();
  					} );
  				});
  				*/
  				
  				
  
  				$(document).ready(function(){
  				    $("select[name='charge02']").change(function(){
  				        $(this).find("option:selected").each(function(){
  							for	(index = 0; index < lineItems.length; index++) {
  					            if($(this).attr("value")==lineItems[index].id){
  									  document.getElementById('charge02cost').innerHTML = parseFloat(lineItems[index].cost);
  					            }
  				            }
  				        });
  				    }).change();
  				});
  				
  /*
  				$(document).ready(function(){
  					$('#inptCharge02qty').bind('input', function() {
  					    $("select[name='charge02']").find("option:selected").each(function(){
  								for	(index = 0; index < lineItems.length; index++) {
  						            if($(this).attr("value")==lineItems[index].id){
  										  document.getElementById('charge02subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge02qty').value);
  						            }
  					            }
  					    }).change();
  					} );
  				});
  				
  				$(document).ready(function(){
  				    $("select[name='charge03']").change(function(){
  				        $(this).find("option:selected").each(function(){
  							for	(index = 0; index < lineItems.length; index++) {
  					            if($(this).attr("value")==lineItems[index].id){
  									  document.getElementById('charge03cost').innerHTML = parseFloat(lineItems[index].cost);
  					            }
  				            }
  				        });
  				    }).change();
  				});
  
  				$(document).ready(function(){
  					$('#inptCharge03qty').bind('input', function() {
  					    $("select[name='charge03']").find("option:selected").each(function(){
  								for	(index = 0; index < lineItems.length; index++) {
  						            if($(this).attr("value")==lineItems[index].id){
  										  document.getElementById('charge03subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge03qty').value);
  						            }
  					            }
  					    }).change();
  					} );
  				});
  				$(document).ready(function(){
  				    $("select[name='charge04']").change(function(){
  				        $(this).find("option:selected").each(function(){
  							for	(index = 0; index < lineItems.length; index++) {
  					            if($(this).attr("value")==lineItems[index].id){
  									  document.getElementById('charge04cost').innerHTML = parseFloat(lineItems[index].cost);
  					            }
  				            }
  				        });
  				    }).change();
  				});
  
  				$(document).ready(function(){
  					$('#inptCharge04qty').bind('input', function() {
  					    $("select[name='charge04']").find("option:selected").each(function(){
  								for	(index = 0; index < lineItems.length; index++) {
  						            if($(this).attr("value")==lineItems[index].id){
  										  document.getElementById('charge04subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge04qty').value);
  						            }
  					            }
  					    }).change();
  					} );
  				});
  
  				$(document).ready(function(){
  				    $("select[name='charge05']").change(function(){
  				        $(this).find("option:selected").each(function(){
  							for	(index = 0; index < lineItems.length; index++) {
  					            if($(this).attr("value")==lineItems[index].id){
  									  document.getElementById('charge05cost').innerHTML = parseFloat(lineItems[index].cost);
  					            }
  				            }
  				        });
  				    }).change();
  				});
  
  				$(document).ready(function(){
  					$('#inptCharge05qty').bind('input', function() {
  					    $("select[name='charge05']").find("option:selected").each(function(){
  								for	(index = 0; index < lineItems.length; index++) {
  						            if($(this).attr("value")==lineItems[index].id){
  										  document.getElementById('charge05subtotal').innerHTML = parseFloat(lineItems[index].cost * document.getElementById('inptCharge05qty').value);
  						            }
  					            }
  					    }).change();
  					} );
  				}); 
  			*/
  				
  				</script>
  <%@ include file="/WEB-INF/footer_backend.jsp" %>