<?xml version="1.0"?>
<labeltemplate>
   <label>
    <![CDATA[
	 <style>
	 /*支付*/
	.paylist {width:96%;}
	.paylist ul {padding:0px;margin:0px; }
	.paylist li {width:127px;float:left;margin:10px;border:1px solid #ccc;padding:1px;}
	li.paycurr{border:2px solid red;width:127px;padding:0px;}
	.paylist li img {width:127px;height:40px;}
	.payintro{padding-left:10px;}
	 </style>
	<script>
	   $(document).ready(function(){
                $(".paylist").find("li").click(function(){
                          pid=$(this).attr("payid");
                          $(".paylist").find("li").attr("style","");
						 $(".paylist").find("li").removeClass("paycurr");
						 $(this).addClass("paycurr");
						  $("#payId").val(pid);
              payu();
                 });
			
         });
	 $(document).ready(function(){
	 	payu();
	    $("#user_pay_money").keyup(function () {
			var reg = $(this).val().match(/\d+\.?\d{0,2}/);
			if (reg == "" || reg == undefined || reg==null)  {
				jQuery("#user_pay_money").val(0);
			}else{
			jQuery("#user_pay_money").val(reg);	
			}
			if (reg>0)
			{
				$("#my_27").attr("checked","checked");
			}
			payu();
	   }).change(function () {
     		$(this).keyup();
      });

  	});
	function payu(){
		var umoeny = $("#umoeny").html();
		var user_pay_money = $("#user_pay_money").val();	
	
		if (parseFloat(user_pay_money) > parseFloat(umoeny))
		{
			$("#user_pay_money").val(umoeny);
		}
		
		user_pay_money =$("#user_pay_money").val() ;		
		
		var p = getprices();
		if (user_pay_money>=parseFloat(($("#sf_money").html()).replace(/￥/,"")) && parseFloat(umoeny)>= parseFloat(user_pay_money))
		{
			$("#user_pay_money").val(($("#sf_money").html()).replace(/￥/,"")); 
			$("#payshow_26").hide();		
			p = getprices();

		}else{	
			$("#payshow_26").show();	
		}
		
		$("#linepay_money_26,#linepay_money_27").html("￥"+parseFloat($("#user_pay_money").val()).toFixed(2));   
		
		if (parseFloat(umoeny)>=parseFloat(user_pay_money) && parseFloat(user_pay_money)<=p ){
		
			p = getprices();	
			
			p = (p-parseFloat(user_pay_money)).toFixed(2);
			var rate = $("#rate_"+$("#payId").val()).val();
			if (rate>0)
			{
				$("#line_dis_26").html("￥"+(p*rate/100).toFixed(2)); 
			}else{
				$("#line_dis_26").html("0"); 
			}
			
			$("#linepay_money_26").html("￥"+p);   
		
		}else if (parseFloat(user_pay_money)>=p && parseFloat(umoeny)>=parseFloat(user_pay_money) ){  
		
			p = getprices();	
			p = p - parseFloat(user_pay_money);
			if (p<=0){
				p=0;
				$("#payshow_26").hide();	
			}

			var rate = $("#rate_"+$("#payId").val()).val();

			if (rate>0){
				$("#line_dis_26").html("￥"+(p*rate/100).toFixed(2)); 
			}else{
				$("#line_dis_26").html("0"); 
			}

			$("#linepay_money_26").html("￥"+p.toFixed(2));  

		}else{
			
			$("#user_pay_money").val(umoeny) ;
			p = getprices();		
			
			var rate = $("#rate_"+$("#payId").val()).val();
			if (rate > 0)
			{
				$("#line_dis_26").html("￥"+((p-umoeny)*rate/100).toFixed(2)); 
			}else{
				$("#line_dis_26").html("0"); 
			}
			$("#linepay_money_26").html("￥"+parseFloat(p-umoeny).toFixed(2));  
		}

		if ($("#Voucher").html()=="0")
		{
			$("#deduction").html("");
		}else{
			$("#deduction").html("抵扣金额："+parseFloat($("#Voucher").html()).toFixed(2));
		}

	}

	function getprices(){
		//计算总价格
		var a = parseFloat($("#tl_money").val());     //固定订单总金额

		if ($("#Voucher").html()=="" || $("#Voucher").html()==undefined){
			$("#Voucher").html(0);
		}
		var p = parseFloat(a)-parseFloat($("#Voucher").html());		  //固定抵用总金额;
		
		if (p<=0)
		{
			p=0;
		}
		return p.toFixed(2);
				
	}
	function OrderPayCalculat() {

	    if (!$('#my_27').is(':checked')) {
			
	        jQuery("#user_pay_money").val(0);
	    
	    } else {
		
	        jQuery("#user_pay_money").val(jQuery("#umoeny").html());

	    }	   
	    payu();

	}	 
		 

	</script>
    <style>
	#user_pay_money{height: 35px;border: 1px solid #eee;padding: 0 10px;width: 50px;margin: 0 5px;text-align: center;line-height:35px;}
	#linepay_money_27,#linepay_money_26{float: right;line-height: 37px;font-size: 18px;color: #DFAD50;}
	#linepay_money_26{line-height: 67px;}

	#cyq{float:right;}
	.symbol{font-size:12px;margin-left:5px;color: #DFAD50;}
	.symbol2{font-size:12px;margin-left:5px;color:#eb8500;}
	#Voucher{color: #DFAD50;font-size:18px;}
	#Charge{float: right;vertical-align: middle;line-height: 67px;margin-left: 5px;margin-right: -10px;}
	#Charge b{font-weight: normal;}
	</style>
	<table width="100%" border="0" cellpadding="1" cellspacing="1" class="ctable">
	
		<tr id="payshow_27" >
			 <td width="120" class="cleft">
				 <label>
					 <input type="checkbox" name="PayMentID" onclick="OrderPayCalculat();" value="0" id="my_27" checked />
				     余额支付
				 </label>
			 </td>
			 <td>
				 <font color="#999999" id="linepay_money_27">{KS:UserMoney} </font>
				 <font color="#999999">您的可用余额：{$GetCurrencySymbol} <span style="color:red" id="umoeny">{KS:UserMoney}</span>{$GetCurrencyUnit} 输入可用支付的金额 <input type="text" id="user_pay_money" name="user_pay_money" value="{KS:UserMoney}" width="30px"/></font>
			 </td>
		</tr>
	    <tr id="payshow_26" style="display:none">
			 <td width="120" class="cleft">
				 <label>							
					选择支付类型
				 </label>
			 </td>
			 <td>
			 	 <font color="#999999" >{KS:Intro}</font>
				 <font color="#999999" id="Charge">(不含手续费 <b id="line_dis_26"></b>)</font>
				 <font color="#999999" id="linepay_money_26"> </font>
			     
			 </td>
		</tr>
	
		<tr id="dyq" style="display:none">
			<td class="cleft">
			抵用
			</td>
			<td>
				 <span id="cyq" >
				     <font class="grey-color"></font>
					 <span class="Voucher" style="display:none"></span>
					 <span class="symbol">￥</span>
					 <span id="Voucher" class="Voucher">0</span>
				 </span>
			</td>
		</tr>
	</table>
	<br/>
   
	]]>
   </label>
</labeltemplate>