var $j = jQuery.noConflict();
    
        $j(document).ready(function(){
            document.getElementById('ddlProduct').options.add(new Option('--Please select product--', '--'));
            document.getElementById('ddlServer').value = '-1';
            document.getElementById('txtProductPrice1').value = '';
            document.getElementById('moneyType').value = 'USD';
        });
        
        function changeMoneyType(moneyType){
            if(document.getElementById('ddlServer').value == '-1' || document.getElementById('ddlProduct').value == '--'){
                alert('Please select your product');
                return;
            }
            var srcMoneyType = document.getElementById('moneyType').value;
            if(srcMoneyType == moneyType){
                return;
            }
            $j('#div_waite2').show();
            document.getElementById('moneyType').value = moneyType;
         //   var goldTbl = '<table id="tblGold" border="0" cellpadding="0" cellspacing="0" class="table_gold_list" style="cursor:hand"><tr><th>NAME</th><th>TOTAL</th></tr><div id="div_waite" style="margin-left: 30px; position: absolute;"><img src="images/process.gif" width="40px" height="40px"></img></div></table>';
         //   $j('#div_gold').html(goldTbl);
         //   document.getElementById('ddlServer').value = '-1';
         //   document.getElementById('ddlProduct').length = 0;
         //   document.getElementById('ddlProduct').options.add(new Option('--Please select product--', '--'));
            var ddlServer = document.getElementById('ddlServer');
            document.getElementById('ddlServer').disabled = true;
            $j.ajax({
                url : 'GoldProduct.aspx?rd=' + Math.random(),
                type : 'post',
                data : 'operate=GetGoldList&serverCode=' + $j('#ddlServer').val() + '&serverName=' + ddlServer.options[ddlServer.selectedIndex].text + '&moneyType=' + $j('#moneyType').val(),
                dataType : 'json',
                success : function(json){
                    document.getElementById('ddlServer').disabled = false;
                    if(moneyType == "USD"){
                        document.getElementById('sp_moneyType').innerHTML = '$';
                    }else if(moneyType == "EUR"){
                        document.getElementById('sp_moneyType').innerHTML = '€';
                    }else if(moneyType == "GBP"){
                        document.getElementById('sp_moneyType').innerHTML = '￡';
                    }
                    var productIndex = parseInt(document.getElementById('ddlProduct').selectedIndex) - 1;
                    var name = json[productIndex].ProductName;
                    var price = json[productIndex].SaleProductPrice;
                    document.getElementById('txtProductPrice1').value = price;
                    document.getElementById('hidden_price').value = price;
                    document.getElementById('hidden_productName').value = name;
                    bindTable(json);
                    $j('#div_waite2').hide();
                }
            });
        }
        
        function serverChange(){
            document.getElementById('txtProductPrice1').value = '';
            if(document.getElementById('ddlServer').value == '-1'){
                var tbl = '<table id="tblGold" border="0" cellpadding="0" cellspacing="0" class="table_gold_list"><tr><th>NAME</th><th>TOTAL</th></tr></table>';
                $j('#div_gold').html('');
                $j('#div_gold').html(tbl);
                document.getElementById('txtProductPrice1').value = "";
                return;
            }
            
            var ddlServer = document.getElementById('ddlServer');
            var tblHead = '<table id="tblGold" border="0" cellpadding="0" cellspacing="0" class="table_gold_list" style="cursor:hand"><tr><th>NAME</th><th>TOTAL</th></tr><div id="div_waite" style="margin-left: 76px; position: absolute;"><img src="images/process.gif" width="40px" height="40px"></img></div>';
            $j('#div_gold').html('');
            $j('#div_gold').html(tblHead);
            document.getElementById('ddlServer').disabled = true;
            $j.ajax({
                url : 'GoldProduct.aspx?rd=' + Math.random(),
                type : 'post',
                data : 'operate=GetGoldList&serverCode=' + $j('#ddlServer').val() + '&serverName=' + ddlServer.options[ddlServer.selectedIndex].text + '&moneyType=' + $j('#moneyType').val(),
                dataType : 'json',
                success : function(json){
                    bindTable(json);
                    bindDropDownListProduct(json);
                    $j('#div_waite').hide();
                    document.getElementById('ddlServer').disabled = false;
                }
            });
        }
        
        function bindTable(json){
            var moneyChar = document.getElementById('sp_moneyType').innerHTML;
            var tblHead = '<table id="tblGold" border="0" cellpadding="0" cellspacing="0" class="table_gold_list" style="cursor:hand"><tr><th>NAME</th><th>TOTAL</th></tr><div id="div_waite" style="margin-left: 30px; position: absolute; display: none;"><img src="images/process.gif" width="40px" height="40px"></img></div>';
            if(json == null || json == undefined || json == ""){
                return;
            }
            
            var tblBody = "";
            for(var i = 0; i < json.length; i++){
                if(parseInt(i) % 2 == 0){
                    tblBody += '<tr id="tr'+i+'" onmouseover="javascript:this.bgColor='+"'#FCFEB7'"+'" onmouseout="javascript:this.bgColor='+"''"+'" onclick="showPrice(this);"><td id="tr'+i+'_td0">'+ json[i].ProductName +'</td><td id="tr'+i+'_td1">' + moneyChar + " " + json[i].SaleProductPrice + '</td></tr>';
                }else{
                    tblBody += '<tr id="tr'+i+'" bgcolor="#F0F6F9" onmouseover="javascript:this.bgColor='+"'#FCFEB7'"+'" onmouseout="javascript:this.bgColor='+"'#F0F6F9'"+'" onclick="showPrice(this);"><td id="tr'+i+'_td0">'+ json[i].ProductName +'</td><td id="tr'+i+'_td1">' + moneyChar + " " + json[i].SaleProductPrice + '</td></tr>';
                }
            }
            $j('#div_gold').html('');
            $j('#div_gold').html(tblHead + tblBody + '</table>');
        }
        
        function bindDropDownListProduct(json){
            document.getElementById('ddlProduct').length = 0;
            document.getElementById('ddlProduct').options.add(new Option('--Please select product--', '--'));
            if(json == null || json == undefined || json == ""){
                return;
            }
            
            var ddl = document.getElementById('ddlProduct');
            for(var i = 0; i < json.length; i++){
                ddl.options.add(new Option(json[i].ProductName, json[i].SaleProductPrice));
            }
        }
        
        function showPrice(doc,tp){
            var name;
            var price;
            if(tp == undefined || tp == null){
                name = document.getElementById(doc.id + '_td0').innerHTML;
                price = document.getElementById(doc.id + '_td1').innerHTML;
                price = price.substring(2, price.length);
                document.getElementById('ddlProduct').selectedIndex = parseInt(doc.id.substring(2,doc.id.length)) + 1;
            }
            if(tp == 'select'){
                name = doc.options[doc.selectedIndex].text;
                price = doc.value;
            }
            document.getElementById('txtProductPrice1').value = price;
            document.getElementById('hidden_price').value = price;
            document.getElementById('hidden_productName').value = name;
        }
        
        function validateForm(){
            // 验证 agreement
            if(document.getElementById('isAccept').checked == false){
                return false;
            }
            
            var product = document.getElementById('ddlProduct').value;
            if(product == '--'){
                alert('Please select your product');
                return false;
            }
            // 验证用户名
            var fName = document.getElementById('txtFName').value;
            var lName = document.getElementById('txtLName').value;
            if(fName == ''){
                alert('Please enter your first name');
                return false;
            }
            if(lName == ''){
                alert('Please enter your last name');
                return false;
            }
            if((fName + lName).length > 30){
                alert('Can not name more than 30 characters');
                return false;
            }
            
            // 验证Email
            var regEmail = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
            var email = document.getElementById('txtEmail').value;
            if(email == ''){
                alert('Please enter your email');
                return false;
            }
            if(!regEmail.test(email)){
                alert('Email is error');
                return false;
            }
            if(email.length > 30){
                alert('Your email is too long');
                return false;
            }
            
            // 验证CharName
            var charName = document.getElementById('txtCharName').value;
            if(charName == ''){
                alert('Please enter your char name');
                return false;
            }
            if(charName.length > 30){
                alert('Your char name is too long');
                return false;
            }
            
            // 验证BankPin
            var txtBankPin = document.getElementById('txtBankPin');
            if(txtBankPin && txtBankPin.value == ''){
                alert('Please enter your bank pin');
                return false;
            }
            
            // 验证密码
            var txtPwd1 = document.getElementById('txtPwd1');
            if(txtPwd1){
                var pwd1 = txtPwd1.value;
                var pwd2 = document.getElementById('txtPwd2').value;
                if(pwd1 == '' || pwd2 == ''){
                    alert('Please enter your password');
                    return false;
                }
                if(pwd1 != pwd2){
                    alert('Password is inconsistent');
                    return false;
                }
            }
            
            // 验证电话号码
            var phoneUS = document.getElementById('txtPhoneUS').value;
            var phone = document.getElementById('txtPhone').value;
            var regPhoneUS = /((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}/;
            var regInteger = /^[0-9]*[1-9][0-9]*$/;
            if(phoneUS == '' && phone == ''){
                alert('Please enter your phone');
                return false;
            }
            if(phoneUS != '' && !regPhoneUS.test(phoneUS)){
                alert('US phone number is error');
                return false;
            }
            if(phone != '' && !regInteger.test(phone)){
                alert('Phone number must be an integer');
                return false;
            }
            if(phone.length > 20){
                alert('Your phone number is too long');
                return false;
            }
            
            // 验证Commonts
            var note = document.getElementById('txtCommonts').value;
            if(note.length > 200){
                alert('Can not commonts more than 200 characters');
                return false;
            }
            
            return true;
        }
        
        function hideCoupon(){
            var coupon = document.getElementById('lblCoupon');
            if(coupon != null || coupon != undefined){
                coupon.style.display = 'none';
            }
        }