/*
Drama Creation INC. 多瑪創意整合行銷
http://www.drama.com.tw
*/
function animateShoppingBar()
{
	var s = $('#shopping');
	var width = $(window).width();
	s.css({left:(width-s.width())/2});
	$(window).load(function()
	{
		$('#shopping').fadeIn('slow');
	});
	barCheck = setInterval('checkBarPosition()',500);
}

function checkBarPosition()
{
	var h = $(window).height();
	var h2 = $(window).scrollTop();
	var realH = h + h2 - $('#shopping_top').height();
	$('#shopping').animate({top:realH},100);
}

function testBox(txt)
{
	if($('#testBox').is('*'))
	{
		$('#testBox').html($('#testBox').html() + txt);
	}
	else
	{
		$(document.createElement('div')).attr({id:'testBox'}).css({top:'0px',right:'0px',width:'200px',height:'50px',position:'absolute',zIndex:'30000',border:'1px solid #FF0000',backgroundColor:'#FFFFFF',opacity:0.9}).appendTo('body').html(txt);
	}
}

function checkPassword()
{	
	var email = $('#pwEmail');
	if($.trim(email.val()) == '')
	{
		alert('請填寫Email');
		email.focus();
		return false;
	}
	
	$.ajax(
	{
		type:'GET',
		url:'ajax/password_check.php?email='+encodeURI(email.val())+'&r='+Math.random(),
		beforeSend:function()
		{
			showOverlay();
		},
		error:function(a,b,c)
		{
			closeOverlay();
			alert('與伺服器連結發生錯誤');
		},
		complete:function(r)
		{
			closeOverlay();
			var res = r.responseText;
			switch(res)
			{
				case '0':
				alert('沒有此Email');
				break;
				
				case '1':
				alert('Email已順利寄出');
				break;
				
				default:
				alert('系統發生錯誤');
				break;
			}
		}
	});
}

function closeOverlay()
{
	$('#overlay').remove();
	$('#loading').remove();
}

function showOverlay()
{
		var l = ($(window).width() - 150)/2+'px';
		var t = ((($(window).height() - 30))/2)+$(window).scrollTop() + 'px';
		
		$(document.createElement('div')).attr('id','overlay').css({position:'absolute',backgroundColor:'#FFFFFF',opacity:0.6,width:'100%',height:$(document).height()+'px',left:'0px',top:'0px',zIndex:2000}).appendTo($('body'));
		
		$(document.createElement('div')).attr('id','loading').css({position:'absolute',width:'150px',height:'30px',left:l,top:t,zIndex:2002,border:'1px solid #000000',padding:'8	px 0 0 0',backgroundColor:'#FFFFFF'}).html('<img src="images/ajax-loader.gif"> 處理中').appendTo($('body'));
}

function marketAjax(val)
{
	switch(val)
	{
		case 1:
			$.ajax(
			{
				type: 'GET',
				url: 'ajax/market_category.php?require=city&value='+encodeURI($('#city').val())+'&r='+Math.random(),
				success: function()
				{
					$('#category option:eq(0)').text('載入中...');
				},				
				complete: function(r)
				{
					var res = r.responseText;
					if(res != '')
					{
						$('#category option:eq(0)').text('選擇商品類別');
						$('#category').attr('disabled',false);
						$('#category option:gt(0)').remove();
						$('#category').append(res);
						$('#product option:eq(0)').text('選擇產品名稱');
						$('#product').attr('disabled',true);
						$('#product option:gt(0)').remove();
					}
					else
					{
						$('#category').attr('disabled',true);
						$('#category option:gt(0)').remove();
					}
				},
				error: function()
				{
					alert('資料庫連線發生錯誤');
				}
			});
		break;
		
		case 2:
			$.ajax(
			{
				type: 'GET',
				url: 'ajax/market_category.php?require=category&value='+encodeURI($('#category').val())+'&r='+Math.random(),
				success: function()
				{
					$('#product option:eq(0)').text('載入中...');
				},				
				complete: function(r)
				{
					var res = r.responseText;
					if(res != '')
					{
						$('#product option:eq(0)').text('選擇產品名稱');
						$('#product').attr('disabled',false);
						$('#product option:gt(0)').remove();
						$('#product').append(res);
					}
					else
					{
						$('#product option:eq(0)').text('選擇產品名稱');
						$('#product').attr('disabled',true);
						$('#product option:gt(0)').remove();
					}
				},
				error: function()
				{
					alert('資料庫連線發生錯誤');
				}
			});
		break;
	}
}

//展現付款方式
function displayPayDiv()
{
	var payDiv = gId('payDiv');
	payDiv.style.display == 'none' ? payDiv.style.display = 'block' : payDiv.style.display = 'none';
}

//更新購物車
function updCart(id)
{
	var qty = gId('qty'+id);
	var c = /[^\s^\n]/;
	var n = /^\d+$/;
	if(!qty.value.match(c))
	{
		alert('請填寫數量');
		qty.focus();
		return;
	}

	if(!qty.value.match(n))
	{
		alert('請填寫正確數字格式');
		qty.focus();
		return;
	}
	
		var ajax = openAjax();
		var url = 'ajax/shopping_cart.php?fun=3&id='+encodeURI(id)+'&qty='+encodeURI(qty.value)+'&t='+Math.random();
		ajax.open('GET',url,true);
		ajax.onreadystatechange = function()
		{
			if(ajax.readyState == 4)
			{
				if(ajax.status == 200)
				{
					var res = ajax.responseText;
					if(res == 'ok')
					{
						alert('順利更新');
						window.location.reload();
					}
					else
					{
						alert(res);
					}
				}
				else
				{
					alert('與伺服器溝通發生錯誤');
				}
			}
		}
		ajax.send(null);
}

//刪除購物車
function delCart(id)
{
	if(confirm('確定要刪除嘛？'))
	{
		window.location.reload();
		var ajax = openAjax();
		var url = 'ajax/shopping_cart.php?fun=2&id='+encodeURI(id)+'&t='+Math.random();
		ajax.open('GET',url,true);
		ajax.onreadystatechange = function()
		{
			if(ajax.readyState == 4)
			{
				if(ajax.status == 200)
				{
					var res = ajax.responseText;
					if(res == 'ok')
					{
						alert('順利刪除');
						window.location.reload();
					}
					else
					{
						alert(res);
					}
				}
				else
				{
					alert('與伺服器溝通發生錯誤');
				}
			}
		}
		ajax.send(null);
	}
}

//增加到購物車
function addToCart()
{
	var qty = gId('qty');
	var id = gId('id');
	var c = /[^\s^\n]/;
	var n = /^\d+$/;
	if(!qty.value.match(c))
	{
		alert('請填寫數量');
		qty.focus();
		return;
	}

	if(!qty.value.match(n))
	{
		alert('請填寫正確數字格式');
		qty.focus();
		return;
	}
	
	var ajax = openAjax();
	var url = 'ajax/shopping_cart.php?fun=1&id='+encodeURI(id.value)+'&qty='+encodeURI(qty.value)+'&t='+Math.random();
	ajax.open('GET',url,true);
	ajax.onreadystatechange = function()
	{
		if(ajax.readyState == 4)
		{
			if(ajax.status == 200)
			{
				displayLoading(2);
				var ajaxRes = ajax.responseText;
				if(ajaxRes == 'joinmember')
				{
					alert('請先加入或登入會員');
					window.location = 'member_register.php';
				}
				else
				{
					alert(ajaxRes);
					window.location.reload();
				}
			}
			else
			{
				displayLoading(2);
				alert('與伺服器溝通發生錯誤');	
			}
		}
		else
		{
			displayLoading(1);
		}
	}
	ajax.send(null);
}

//display loading
function displayLoading(way)
{
	var loading = gId('loading');
	switch(way)
	{
		case 1:
			loading.style.display = 'block';
		break;
			
		case 2:
			loading.style.display = 'none';
		break;
	}
}

//確認會員資料
function memSync()
{
	gId('username').innerHTML = parent.gId('username').value;
	gId('realname').innerHTML = parent.gId('realname').value;
	genderArr = parent.document.getElementsByName('gender');
	if(genderArr[0].checked) gId('gender').innerHTML = '女';
	if(genderArr[1].checked) gId('gender').innerHTML = '男';
	gId('year').innerHTML = parent.gId('year').options[parent.gId('year').selectedIndex].value;
	gId('month').innerHTML = parent.gId('month').options[parent.gId('month').selectedIndex].value;
	gId('date').innerHTML = parent.gId('date').options[parent.gId('date').selectedIndex].value;
	gId('email').innerHTML = parent.gId('email').value;
	gId('address').innerHTML = parent.gId('zip').value + parent.gId('address').value;
	if(parent.gId('edm').checked) gId('edm').innerHTML = '是'; else gId('edm').innerHTML = '否';
	gId('office').innerHTML = parent.gId('office_area').value + '-' + parent.gId('office_phone').value;
	gId('home').innerHTML = parent.gId('home_area').value + '-' + parent.gId('home_phone').value;
	gId('cell').innerHTML = parent.gId('cell').value;
}

//改變會員表單路徑
function memSubmit()
{
	var frm = parent.document.getElementById('form1');
	frm.action = 'member_write.php';
	frm.submit();
}

//檢查會員帳號
function checkUsername()
{
	var val = document.getElementById('username');
	if(val.value != '')
	{
		var ajax = openAjax();
		var memberExist = document.getElementById('memberExist');
		var spryMem = document.getElementById('spryMem');
		var url = 'ajax/check_member.php?username='+encodeURI(val.value)+'&t='+Math.random();
		ajax.open('GET',url,true);
		ajax.onreadystatechange = function()
		{
			if(ajax.readyState == 4)
			{
				if(ajax.status == 200)
				{
					var res = ajax.responseText;
					switch(res)
					{
						case '0':
							memberExist.innerHTML = '此帳號可以使用';
							spryMem.value = 1;
						break;
						
						case '1':
							memberExist.innerHTML = '此帳號已有人使用';
							spryMem.value = 2;
						break;
					}
				}
				else
				{
					alert('與Server溝通發生錯誤');	
				}
			}
		}
		ajax.send(null);
	}
}

function openAjax()
{
	var ajax;
		try{
			ajax = new XMLHttpRequest();
		}catch(ee){
			try{
				ajax = new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){
				try{
					ajax = new ActiveXObject("Microsoft.XMLHTTP");
				}catch(E){
					ajax = false;
				}
			}
		}
		return ajax;
}

function gId(id)
{
	return document.getElementById(id);
}