//Javascript functions that are used on the home pages
// require jquery-twzipcode-1.1.js
javascript:window.history.forward(1);
$(function(){
	var item_product = 990;
	var item1_product = 1290;
	var item2_product = 200;
	var item3_product = 990;
	var item4_product = 1290;
	$('#billing_zip').twzipcode({
	  countyName: 'billing_city', //指定縣市下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_county[] */
	  areaName: 'billing_county', //指定鄉鎮市區下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_area[] */
	  zipName: 'billing_zipcode' //指定郵遞區號輸入框名稱 (String) /* 若不指定則預設名稱為 zip_code[] */
	});
	$('#delivery_zip').twzipcode({
	  countyName: 'delivery_city', //指定縣市下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_county[] */
	  areaName: 'delivery_county', //指定鄉鎮市區下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_area[] */
	  zipName: 'delivery_zipcode' //指定郵遞區號輸入框名稱 (String) /* 若不指定則預設名稱為 zip_code[] */
	});

	var $addr1 = $('#billing_city, #billing_county');
	$addr1.change(function(){
		$addr1.add("#billing_zipcode").valid();
	});

	var $addr2 = $('#delivery_city, #delivery_county');
	$addr2.change(function(){
		$addr2.add("#delivery_zipcode").valid();
	});

	var $qty = $('#qty');
	var $qty1 = $('#qty1');
	var $qty2 = $('#qty2');
	var $qty3 = $('#qty3');
	var $qty4 = $('#qty4');
	var $payment = $('#payment');
	var $billing_name = $('#billing_name');
	var $billing_sex = $('#billing_sex');
	var $billing_year = $('#billing_year');
	var $billing_month = $('#billing_month');
	var $billing_day = $('#billing_day');
	var $billing_tel = $('#billing_tel');
	var $billing_mobile = $('#billing_mobile');
	var $billing_city = $('#billing_city');
	var $billing_county = $('#billing_county');
	var $billing_zipcode = $('#billing_zipcode');
	var $billing_addr = $('#billing_addr');
	var $billing_mail = $('#billing_mail');
	var $billing_same_delivery = $('#billing_same_delivery');
	var $delivery_name = $('#delivery_name');
	var $delivery_sex = $('#delivery_sex');
	var $delivery_tel = $('#delivery_tel');
	var $delivery_mobile = $('#delivery_mobile');
	var $delivery_city = $('#delivery_city');
	var $delivery_county = $('#delivery_county');
	var $delivery_zipcode = $('#delivery_zipcode');
	var $delivery_mail = $('#delivery_mail');
	var $delivery_addr = $('#delivery_addr');

	var $inputBilling = $(":input[name^='billing']");
	var $tblShipping = $('#tblShipping');
	var $total_amount = $('#total_amount');

	var calculateMoney = function(){
		$total_amount.text(item_product*$qty.val() + item1_product*$qty1.val() + item2_product*$qty2.val() + item3_product*$qty3.val() + item4_product*$qty4.val());
		if ($qty.val()==0 && $qty1.val() ==0 && $qty2.val() ==0 && $qty3.val() ==0 && $qty4.val() ==0){
			alert('你沒有購買物品！');
			return false;
			//$qty.val(1);
		}
	};

	calculateMoney();

	$qty.bind('change', calculateMoney);

	$qty1.bind('change', calculateMoney);

	$qty2.bind('change', calculateMoney);

	$qty3.bind('change', calculateMoney);
	
	$qty4.bind('change', calculateMoney);

        var $notice = $("#notice").tabs("#notice div.pane", {tabs: 'h3', effect: 'slide', initialIndex: null});
        var $order_info = $('#order_info');
        var $order_process = $('#order_process');
	var fnCopyBilling = function(){
		$delivery_name.val($billing_name.val()).attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_sex.val($billing_sex.val()).attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_tel.val($billing_tel.val()).attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_mobile.val($billing_mobile.val()).attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_city.val($billing_city.val()).change().attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_county.val($billing_county.val()).change().attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_zipcode.val($billing_zipcode.val()).attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_addr.val($billing_addr.val()).attr('readonly', 'readonly').addClass("readonly").valid();
		$delivery_mail.val($billing_mail.val()).attr('readonly', 'readonly').addClass("readonly").valid();
	};

	$billing_same_delivery.click(function () {
      if ($billing_same_delivery.attr('checked')) {
		fnCopyBilling();
		//$tblShipping.hide();
		$inputBilling.bind('change', fnCopyBilling);
      }else{
		$tblShipping.find(':input').not('#delivery_zipcode').removeAttr('readonly').removeClass("readonly");
		//$tblShipping.show();
		$inputBilling.unbind('change', fnCopyBilling);
	  }
    });

	$("form").validate({
		success: "valid",
		rules: {
			qty: {required: true, range: [0, 50]},	
			qty1: {required: true, range: [0, 50]},	
			qty2: {required: true, range: [0, 50]},	
			qty3: {required: true, range: [0, 50]},	
			qty4: {required: true, range: [0, 50]},	
			payment: {required: true, range: [1, 2]},
			billing_name: {required: true, rangelength: [2, 45]},
			billing_sex: {required: true, sex: ["M", "F"]},
			billing_year: {required: true},
			billing_month: {required: true},
			billing_day: {required: true},
			billing_tel: {required: true, tel: true},
			billing_mobile: {required: true, mobile: true},
			billing_city: {required: true},
			billing_county: {required: true},
			billing_zipcode: {required: true},
			billing_addr: {required: true, addr: true},
			billing_mail: {required: true, email: true},
			delivery_name: {required: true, rangelength: [2, 45]},
			delivery_sex: {required: true, sex: ["M", "F"]},
			delivery_tel: {required: true, tel: true},
			delivery_mobile: {required: true, mobile: true},
			delivery_city: {required: true},
			delivery_county: {required: true},
			delivery_zipcode: {required: true},
			delivery_addr: {required: true, addr: true},
			delivery_mail: {required: true, email: true}
		},
		messages: {
			qty : {range: jQuery.format("購買數量介於 {0} 和 {1} 之間，超過請來電洽詢！")},
			qty1 : {range: jQuery.format("購買數量介於 {0} 和 {1} 之間，超過請來電洽詢！")},
			qty2 : {range: jQuery.format("購買數量介於 {0} 和 {1} 之間，超過請來電洽詢！")},
			qty3 : {range: jQuery.format("購買數量介於 {0} 和 {1} 之間，超過請來電洽詢！")},
			qty4 : {range: jQuery.format("購買數量介於 {0} 和 {1} 之間，超過請來電洽詢！")}
		},
		submitHandler: function(form) {
                    if ($order_info.is(":checked") === false){
                        alert('請先閱讀「訂購需知」並勾選「我已閱讀」！');
                        $('h3:eq(0)', $notice).click();
                        var offset = $notice.offset();
                        $(window).scrollTop(offset.top);
                        $order_info.focus();
                        return false;
                    }
                    
                    if ($order_process.is(":checked") === false){
                        alert('請先閱讀「訂購需知」並勾選「我已閱讀」！');
                        $('h3:eq(1)', $notice).click();
                        var offset = $notice.offset();
                        $(window).scrollTop(offset.top);
                        $order_process.focus();
                        return false;
                    }

			var msg = [];
			msg[msg.length] = '請確定以下訂單資料\n\n';
			msg[msg.length] = 'Shakeweight(Men) 搖擺鈴鐵灰男版數量：' + $qty1.val() + '\n\n';
			msg[msg.length] = 'Shakeweight(Women) 窈擺鈴純白女版數量：' + $qty.val() + '\n\n';
			msg[msg.length] = 'Counter 計數器數量：' + $qty2.val() + '\n\n';
			msg[msg.length] = 'Shakeweight(LIGHT) 搖擺鈴數量：' + $qty3.val() + '\n\n';
			msg[msg.length] = 'Shakeweight(Men)(Yellow) 搖擺鈴數量：' + $qty4.val() + '\n\n';
			msg[msg.length] = '金額：' + $total_amount.text() + '\n\n';
			msg[msg.length] = '付款方式：' + $payment.find(':selected').text() + '\n';

			msg[msg.length] = '\n==付款人資料==\n\n';
			msg[msg.length] = '付款人姓名：' + $billing_name.val() + '\n';
			if ($billing_sex.val() == 'M'){
				msg[msg.length] = '付款人姓別：男\n';
			}else{
				msg[msg.length] = '付款人姓別：女\n';
			}
			msg[msg.length] = '付款人生日：' + $billing_year.val() + '-' + $billing_month.val() + '-' + $billing_day.val() +'\n';
			msg[msg.length] = '付款人電話：' + $billing_tel.val() + '\n';
			msg[msg.length] = '付款人手機：' + $billing_mobile.val() + '\n';
			msg[msg.length] = '付款人縣市：' + $billing_city.val() + '\n';
			msg[msg.length] = '付款人鄉鎮市區：' + $billing_county.val() + '\n';
			msg[msg.length] = '付款人郵遞區號：' + $billing_zipcode.val() + '\n';
			msg[msg.length] = '付款人地址：' + $billing_addr.val() + '\n';
			msg[msg.length] = '付款人電子郵件：' + $billing_mail.val() + '\n';

			msg[msg.length] = '\n==收件人資料==\n\n';
			msg[msg.length] = '收件人姓名：' + $delivery_name.val() + '\n';
			if ($delivery_sex.val() == 'M'){
				msg[msg.length] = '收件人姓別：男\n';
			}else{
				msg[msg.length] = '收件人姓別：女\n';
			}
			msg[msg.length] = '收件人電話：' + $delivery_tel.val() + '\n';
			msg[msg.length] = '收件人手機：' + $delivery_mobile.val() + '\n';
			msg[msg.length] = '收件人縣市：' + $delivery_city.val() + '\n';
			msg[msg.length] = '收件人鄉鎮市區：' + $delivery_county.val() + '\n';
			msg[msg.length] = '收件人郵遞區號：' + $delivery_zipcode.val() + '\n';
			msg[msg.length] = '收件人地址：' + $delivery_addr.val() + '\n';
			msg[msg.length] = '收件人電子郵件：' + $delivery_mail.val() + '\n';
			if (confirm(msg.join(''))) {
				form.submit();
			}else{
				alert('您已取消訂購');
				return false;
			}
		}
	});

	
	$retcode_msg = $('#retcode_msg');
	if ($retcode_msg.length > 0 )
	{
		alert($retcode_msg.text());
	}

//        $('#mysubmit').click(function(){
//            $notice.colorbox({width:"50%", height:"60%", inline:true, href:"#notice"});
//        });

});