//
$(function(){
	if($(".prod_count").html() > 0 ){
		$("#float_shopping_car").show();
	}
	$("#shopping_car_div").dialog({
			autoOpen: false,
			show: "fade",
			hide: "fade",
			width:"750",
			minHeight:"400",
			minWidth:"750",
			maxHeight:"800",
			maxWidth:"750",
			modal: true
	});
	
	$('.sinya_coupon_bg').css("opacity","0.5");
	
	$.float_div('#float_shopping_car',600,10,25);
	
	$('#msg_box').dialog({ autoOpen: false,
			width:'370',minWidth:'370',maxWidth:'370',
			height:'250',minHeight:'250',maxHeight:'250',	
			modal: true 
	});
	
	$( "#shopping_car a,#float_shopping_car a" ).click(function() {
		shopping_car_prod(0,"show","","open");
	});

	$(".open_msn").click(function(){
		window.open('msn.php', 'MSN', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=602,height=590');
	})
	
	$(".favority").click(function(){
		favority("欣亞數位購物網", "http://www.sinya.com.tw");
	})
	
	$(".right_open").mouseover(function(){
		$(this).css("background-color","#DDD");
	}).mouseout(function(){
		$(this).css("background-color","#FFF");
	})
	
	$("input[name=checkbox]:checked").parent().parent().parent().parent().css('background-color','#FFF3E8');
	$("input[name=checkbox]").click(function(){
		if($(this).attr("checked")){
			$(this).parent().parent().parent().parent().css('background-color','#FFF3E8');
		}else{
			$(this).parent().parent().parent().parent().css('background-color','');
		}
	})
		
});
function msg_box(title,url){
	$("#ui-dialog-title-msg_box").html(title);
	$("#msg_box_iframe").attr("src",url);
	$('#msg_box').dialog("open");
}
function close_msg_box(){
	$('#msg_box').dialog('close');	
}

function check_order(){
	if($('#prod_order_img').length > 0 ){
		if(!confirm("本商品因熱銷目前己無存貨，如需訂購，本公司將為您訂購新品，需等待到貨時間約７天，此商品為特殊客訂商品故無法接受退貨，請確認需求後再下單。若屆時上游廠商因故缺貨、無交期、停產等相關無法出貨原因，訂購將會被取消，己付之款項，由欣亞予以無息退回。")){
			return false;
		}
	}
	return true;	
}

//處理購物車
function shopping_car_prod(id,type,move_id,buy,is_ins){
	
	if(!check_order()){return;}
	
	var add_buy;
	var mod_val="";
	var j;
	var ec_free = $('input[name=ec_free]:checked').val();
	var sp_type = 0;
	var sp = 0;
	var sp_txt = "";
	var one_hour = true;
	if(type=="show1"){
		type="show";
		one_hour = false;	
	}
	/*
	$("input[@name=add_buy][@checked]").each(function(){
       add_buy+=$(this).val()+",";
    })
	*/
	$('input[name=ec_free]:checked').each(function(){
		j++;
	});
	if(ec_free == undefined && type=='add' && j > 0){
		alert("請選擇一組贈品");	
	}
	
	if($('input[name=sinya_point]:checked').val() == 'y'){
		sp = 1;
	}
	switch($('input[name=pay_type]:checked').val()){
		case '1':
		case '3':
			sp_type = 1;		
			break;
		case '2':
		case '4':
			sp_type = 2;
			break;
		case '5':
			sp_type = 3;
			break;
		case '6':
			sp_type = 6;				
			break;
		case '7':
			sp_type = 12;				
			break;
		case '8':
			sp_type = 24;				
			break;
	}


	if(type=="mod"){
		if(buy=="checkout"){
			mod_val = $("#select_amount1_"+id).val();
		}else{
			mod_val = $("#select_amount_"+id).val();
		}
	}	
	$.ajax({
		url:"show_shopping_car_ajax.php",
		type:'post',
		dataType:'json',
		data:{prod_id:id,type:type,amount:$("#amount").val(),ec_free:ec_free,mod_val:mod_val,sp_type:sp_type,sp1:sp},
		success:function(json){

			if(json.err != undefined){
				if(buy=="buy"){
					location.href='checkout.php';
					return ;
				}
				alert(json.err);
				return false;
			}
			switch(type){
			  case 'add':
			  	if(buy == 'buy'){
					location.href='checkout.php';
					return ;
				}
				$.add2cart( move_id, 'float_shopping_car');			
				break;
			  case 'del':
			  case 'mod':			  	
			  case 'show':
				var html = "" ;
				$("#shopping_car_div tbody").html("");
				$("#shopping_list tbody").html("");
				if(json.count != 0){
					var sp_txt = "";
					$.each(json.table, function(i, val){
						if(i!="t" && i!="sp"){
							html += '<tr><td class="pn">'+val["name"]+'</td>';
							html += '<td>'+select_amount(val["amount"],val["max_amount"],i,"")+'</td>';
							html += '<td><span class="s1">'+val["price"]+'</span>元</td>';
							html += '<td><span class="s1">'+val["sum_price"]+'</span>元</td><td>';
							html += '<button onclick="shopping_car_prod('+ i +',\'del\')">取消</button>';	
							html += '</td></tr>';						
							f = new Array("ec_free","free");
							$.each(f, function(j, fn){
								if(val[fn]!=0){
									$.each(val[fn], function(j, val1){
										html += '<tr style="border-top: 1px dashed #EEEEEE;"><td class="sf">'+val1["name"]+'</td>';
										html += '<td>'+val1["amount"]+'</td>';
										html += '<td>贈品&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
									});
								}
							});	
						}else if(i=="sp"){
							if($("#checkout").attr("id") == "checkout"){
								sp_txt = val["name"] ;
								if(json.only_next==0){
									sp_txt += '<p style="padding-top:5px;">是否要馬上使用這次的欣台幣：<span><input type="radio" name="sinya_point_a" value="y" id="sinya_point1_a"><label for="sinya_point1_a">馬上抵用</label></span>　<span><input type="radio" name="sinya_point_a" value="n" id="sinya_point2_a"><label for="sinya_point2_a">下次再用</label></span></p>';
								}else{
								sp_txt += '<p style="padding-top:5px;"><span class="fr">本商品不適用欣台幣立即折活動<input type="radio" name="sinya_point_a" value="n" id="sinya_point2_a" style="display:none;"><label for="sinya_point2_a"></label></span></p>';
								}
							}else{
								sp_txt = val["name"];
							}
							html += '<tr><td class="sf">'+sp_txt+'</td>';
							html += '<td>'+1+'</td><td>贈品&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>';
							
							if(sp==1){
								$('#shopping_list_sp_sum').html('<span class="s1">-'+json.sp+'</span>元');
								//html += '<td><span class="s1">'+val["price"]+'</span>元</td><td>&nbsp;</td></tr>';
							}else{
								$('#shopping_list_sp_sum').html('');
								//html += '<td></td><td>&nbsp;</td></tr>';
							}
							
						}else{
							html += '<tr><td class="pn">'+val["name"]+'</td><td></td><td></td>';
							html += '<td><span class="s1">'+val["price"]+'</span>元</td><td></td></tr>';
						}
					});				
				}else{
					html = '<tr><td colspan="7">沒有商品</td></tr>';
					if($("#checkout").attr("id") == "checkout"){
						alert("沒有商品可結帳");
						location.href="index.php";
						return;
					}
				}
				$("#shopping_car_div tbody").append(html);
				$("#shopping_car_all_count").html(json.all_count);
				
				//結帳頁面
				if($("#checkout").attr("id") == "checkout"){	
					$("#shopping_list_all").html(json.list_all);			
					$("#shopping_list tbody").append(html);
					$("#shopping_list_all_count").html(json.all_count);
					if(json.only_next==1 && $('#sinya_point1').attr('checked')){ $('#sinya_point2').attr('checked',true); shopping_car_prod(0,'show');}
					
					if($('input[name=sinya_point]:checked').val()=='y'){
						$('#sinya_point1_a').attr('checked',true);
						sp_type_txt = "馬上折抵";
					}else{
						$('#sinya_point2_a').attr('checked',true);
						sp_type_txt = "下次使用，將於七日鑑賞期交易確認後方能生效，生效後才可使用";
					}

					if(json.sp1 >0){
						$("#show_sinya_point_txt").html(json.sp_txt+"<span class='fr'>"+json.sp1+"</span>元("+sp_type_txt+")");
						$('input[name=sinya_point_a]').click(function(){
							$("input[name=sinya_point][value='"+$('input[name=sinya_point_a]:checked').val()+"']").attr('checked',true);
							shopping_car_prod(0,'show');
						});
					}else{
						$("#show_sinya_point_txt").html('');
						$('#shopping_list_sp_sum').html('');
					}
					if(is_ins != 'n'){
						installment();
					}
					if(one_hour){
						one_hour_reset();
					}
				}
				
				if(buy=='open'){
					$("#shopping_car_div" ).dialog( "open" );
				}
				break;
			}
			$(".prod_count").html(json.count);
		},
		error: function (json,e){
			alert('Ajax 發生錯誤');
		}
	});
}

function select_amount(amount,max_amount,id,buy){
	if(buy=="checkout"){
		html = "<select onchange='shopping_car_prod(\""+id+"\",\"mod\",\"\",\"checkout\");' name='select_amount1_"+id+"' id='select_amount1_"+id+"'>";
	}else{
		html = "<select onchange='shopping_car_prod(\""+id+"\",\"mod\");' name='select_amount_"+id+"' id='select_amount_"+id+"'>";
	}
	for(i=1;i<=max_amount;i++){
		sel = (i==amount)?"selected='selected' ":"";
		html += "<option value='"+i+"' "+sel+">"+i+"</option>";
	}
	html += "</select>";
	return html;
}

//for banner
function onBefore() { $('#banner_output').fadeOut("fast"); }
function onAfter() { 
	$('#banner_output').hide();
	if(this.alt!=0){ $('#banner_output').addClass("banner_output_bg"); $('#banner_output').html(this.alt); $('#banner_output').fadeIn("fast"); }
}


//登入
function login(type){
	if(type=='checkout' || type=='login1'){
		acc = $("#account1");
		pass = $("#pass1");
		img = $("#imgc");
	}else{
		acc = $("#account");
		pass = $("#password");
		img = $("#imgcode");
	}
	if(acc.val()==""){
		acc.focus();
		alert("請輸入帳號");
		return false;	
	}
	if(pass.val()==""){
		pass.focus();
		alert("請輸入密碼");
		return false;
	}
	if(img.val()==""){
		img.focus();
		alert("請輸入驗証碼");
		return false;
	}
	$.ajax({
		url:"member_login.php",
		type:'post',
		dataType:'json',
		data:{account:acc.val(),password:pass.val(),imgcode:img.val()},
		success:function(json){
			if(json.err != undefined){
				alert(json.err);
				$("#checkimg").attr("src","checkimg.php");
				$("#img").attr("src","checkimg.php");
				return false;
			}
			$("#account").val("");
			$("#password").val("");
			$("#imgcode").val("");
			$("#cust_login").css("display","none");
			$("#cust_name").html(json.cust_name);
			$("#cust_islogin").show();
			alert(json.cust_name+' 您好，歡迎登入');
			if(json.url!= undefined){
				location.href = json.url ;
			}
			if(type=='checkout'){
				//checkout.js
				get_cust_info();	
			}
			if(type=='login1'){
				$("#float_login").dialog('close');
				$("#float_login").remove();
			}
		},
		error: function (json,e){
			alert('Ajax 發生錯誤');
		}
	});
}

function logout(){
		$.ajax({
		url:"member_logout.php",
		dataType:'json',
		success:function(json){
			alert(json);
			$("#checkimg").attr("src","checkimg.php");
			$("#cust_login").show();
			$("#cust_islogin").css("display","none");
			
		},
		error: function (json,e){
			alert('Ajax 發生錯誤');
		}
	});
}

//加到我的最愛
function favority(sTitle, sUrl){

    if (window.sidebar && window.sidebar.addPanel) {
        addBookmarkForBrowser = function(sTitle, sUrl) {
            window.sidebar.addPanel(sTitle, sUrl, "");
        }
    } else if (window.external) {
        addBookmarkForBrowser = function(sTitle, sUrl) {
            window.external.AddFavorite(sUrl, sTitle);
        }
    } else {
        addBookmarkForBrowser = function() {
            alert("do it yourself");
        }
    }

    return addBookmarkForBrowser(sTitle, sUrl);
}

(function($) {
	$.extend({
		float_div: function(source_id,speed,x,y) {
			$(window).load(function(){
				var $win = $(window),
					$ad = $(source_id).css({position:"absolute"}),
					_width = $ad.width(),
					_height = $ad.height(),
					_diffY = y, _diffX = x,	// 距離右及下方邊距
					_moveSpeed = speed;	// 移動的速度
	
				$ad.css({
					top: $(document).height(),
					left: $win.width() - _width - _diffX,
					opacity: 1
				});
				
				$win.bind('scroll resize', function(){
					var $this = $(this);		
					$ad.stop().animate({
						top: $this.scrollTop() + $this.height() - _height - _diffY,
						left: $this.scrollLeft() + $this.width() - _width - _diffX
					}, _moveSpeed);
				}).scroll();	// 觸發一次 scroll()
			});		 
		}
	});
})(jQuery);


//購物車效果
(function($) {

	$.extend({
		add2cart: function(source_id, target_id, callback) {
    
      var source = $('#' + source_id );
      var target = $('#' + target_id );
      target.show();
      var shadow = $('#' + source_id + '_shadow');
      if( !shadow.attr('id') ) {
          $('body').prepend('<div id="'+source.attr('id')+'_shadow" style="display: none; background-color: #ddd; border: solid 1px darkgray; position: static; top: 0px; z-index: 30000;">&nbsp;</div>');
          var shadow = $('#'+source.attr('id')+'_shadow');
      }    
      if( !shadow ) {
          alert('Cannot create the shadow div');
      }
	  
      shadow.width(source.css('width')).height(source.css('height')).css('top', source.offset().top).css('left', source.offset().left).css('opacity', 0.5).show();
      shadow.css('position', 'absolute');
      
      shadow.animate( { width: target.innerWidth(), height: target.innerHeight(), top: target.offset().top, left: target.offset().left }, { duration: 500 } )
        .animate( { width:0,height:0,opacity: 0 }, { duration: 100, complete: callback } );

		}
	});
	
})(jQuery);

