//取得留言表列表資訊
function ShowGuestList(Url){
	$('#GuestbookBlock div.Scroll').html('<div class="main-r9">資料讀取中.....請稍後</div>');
	$.get(Url, function(data){
		$('#GuestbookBlock div.Scroll').html(data);
		$('#GuestbookBlock div.Scroll .PageBar a').click(function(){
			ShowGuestList(this.href);
			return false;
		});
	});
}

$(document).ready(function(){
	//取得留言資訊
	ShowGuestList('/guestbook/list');
	//訪客留言
	if($('a.Enter').length>0){

		var Dialogmsg='<div id="DialogForm" style="display:none;"><table width="800" cellspacing="0" cellpadding="0" border="0" align="center"><tr><th valign="bottom" bgcolor="#fffbe8"><img height="117" width="800" border="0" alt="太和殿" src="images/04_report/page_title.jpg"/></th></tr><tr><td class="Contents" bgcolor="#fffbe8"><form method="POST" action="/guestbook/list" name="GuestForm" id="GuestForm"><table width="80%" border="0" align="center" cellpadding="1" cellspacing="1"><tbody class="main-c9"><tr><td align="right">訪客姓名：</td><td align="left"><input type="text" id="Name" class="text" name="Name"/></td></tr><tr><td align="right">訪客E-Mail ：</td><td align="left"><input type="text" size="53" id="Email" class="text" name="Email"/></td></tr><tr><td align="right" valign="top">留言內容：</td><td align="left"><div class="main-r9">( 換行請按Enter鍵 )</div><textarea id="Note" class="text" rows="5" cols="50" name="Note"/></td></tr><tr><td></td><td height="60" align="left"><input value="確定送出" id="Submit" class="button-c" name="Submit" type="submit"><input value="重新輸入" id="ResetButton" class="button-c" name="ResetButton" type="reset"><input value="取消放棄" id="Close" class="button-c Close" name="Close" type="button"></td></tr></tbody></table></form></td></tr></table></div>';
		if($('#DialogForm').length<1){
			$('body').append(Dialogmsg);
		}

		if($('#DialogForm .Close').length>0){
			$('#DialogForm .Close').click(function(){
				$.unblockUI();
			});
		}
		//發表按鈕
		$('a.Enter').click(function(){
			$.blockUI({
				message: $('#DialogForm'),
				allowBodyStretch:false,
				css:{
					top:0,
					left: (($(window).width()-800)/2)+'px',
					width: 800,
					border:'none',
					backgroundColor:'#000',
					cursor:'default'
				},
				overlayCSS:{
					backgroundColor:'#000',
					opacity:'1',
					cursor:'default'
				}
			});
			$('.blockPage').css('position','absolute');
		});
		//檢驗資訊
		$('#GuestForm').validate({
			success:'valid',
			errorElement:'div',
			errorClass:'Error',
			debug: true,
			rules:{
				'Name':{
					required:true,
					minlength:2
				},
				'Email':{
					required:true,
					email:true
				},
				'Note':{
					required:true,
					minlength:10
				}
			},
			messages:{
				'Name':{
					required:'請輸入您的姓名!!',
					minlength:'姓名長度至少要大於兩個字元!!'
				},
				'Email':{
					required:'請輸入您的E-Mail帳號!!',
					email:'您輸入的E-Mail帳號格是錯誤!!'
				},
				'Note':{
					required:'未填寫留言內容資訊',
					minlength:'留言內容資訊不得少於10個字'
				}
			},
			submitHandler:function(){
				$.post(
					'/guestbook/insert',
					'PostAccessKey='+$('#PostAccessKey').html()+'&'+$('#GuestForm').serialize(),
					function(JsonData){
						if(JsonData.Status==true){
							alert('留言成功，感謝您對我們的支持!!');
							ShowGuestList('/guestbook/list');
							$.unblockUI();
						}
						else{
							alert('資料傳遞錯誤!!請重新輸入!!');
						}
					}
				,'json');
			}
		});
	}
});