var $xform = {
	validator : null,
	send : function(){
		var f=$("#xform");
		if(!this.validator)
			this.validator=f.validate();
		if(this.validator.form()){
		    window.open('http://mobile.truelife.com/phoneSetting/phone_activate_code.aspx?msisdn=' + $("input[name=tbMobileNo]").val() + '&model=' +  $("select[name=ddModel]").val() + '&command=getcode&activateGPRS=' + $("input[name=cbGPRS]").attr("checked"),'popup','scrollbars=no,width=465,height=385');
		}
	},
	init:function(){
		var msgRequired = " *";
		$("#xform").validate({
			rules : {
				ddBrand : "required",
				ddModel : "required",
				tbMobileNo: {
				    required: true,
				    mobile : true,
				    number : true
				}
			},
			messages: {
				ddBrand:msgRequired,
				ddModel:msgRequired,
				tbMobileNo:msgRequired
			}
		});
	}
};

$(function(){ 
    $.validator.addMethod("mobile", function(value, element) { 
        return this.optional(element) || (value.length==10&&value.indexOf("08")==0);
    }, "mobile no invalid");
	$xform.init();
	$xform.send();

    var url="/PhoneSetup.aspx";
    var brand=$("select[name=ddBrand]");
    var model=$("select[name=ddModel]");
    brand.change(function(){
        var val=brand.val();
        model.val("");
        $("*:gt(0)",model).remove();
        if(val.lenght!=0){
            $.getJSON(url,{
                 type:"phone"
                ,brand:val
            },function(json){
                $.each(json,function(i,o){
                    model.append("<option value='"+o.value+"'>"+o.value+"</option>");
                });
            });     
        }
    });
    $.getJSON(url,null,function(json){
        $.each(json,function(i,o){
            brand.append("<option value='"+o.value+"'>"+o.value+"</option>");
        });
    });
    
	$("#btSubmit").click(function(){
		$xform.send();
		return false;
	});
});