﻿$().ready(function(){
	// 上方選單連結
	$("#hnav #item1").click(function(){window.location.href='/login.aspx';});
	$("#hnav #item2").click(function(){window.location.href='/user/order.aspx';});
	$("#hnav #item3").click(function(){window.location.href='/guestbook.aspx';});
	$("#hnav #item4").click(function(){window.location.href='/paid.aspx';});
	$("#hnav #item5").click(function(){window.location.href='/cart.aspx';}).mouseover(function(){
	    if($("#popup_cart").css("display")!="none") return false;
	    $("#popup_cart").show();
	    setBasketHtml();
	});
	
	
	// 搜尋
	$("#btn_search").click(function(){
	    $.cookie("sh_keyword", $("#tb_keyword").val());
	    window.location.href = "/search.aspx";
	});
	
    // 商品分類
    $.getJSON("/ajax/category.aspx", {pi: 0}, function(data){
        l1val = $.cookie("lcat_l1_val");
        $.each(data.items, function(i, item){
            $("#cat_l1").append("<li id=\"cid_" + item.id + "\" onclick=\"return bindSubCat(this," + item.id + ");\">" + item.name + "</li>");
            if(l1val == item.id) bindSubCat($("#cid_" + item.id), item.id);
        });
    });
    
    
    // 購物車清單
    $("#popup_cart #bd").html(getPopupCartHtml());
    
    
    // 隱藏購物車清單
    var hidePopupCartPanel = 0;
    $("#hnav #item5, #popup_cart").mouseover(function(){
        hidePopupCartPanel = 0;
        $("#popup_cart").stopTime("tm_PopupCart");
    }).mouseout(function(){
        $("#popup_cart").everyTime(500, "tm_PopupCart", function(i) {
            hidePopupCartPanel ++;
            if(hidePopupCartPanel >= 2) {
                $("#popup_cart").stopTime("tm_PopupCart");
                $("#popup_cart").hide();
            }
        });
    });
    
    
    // 店長的話
    $.post("/ajax/hotmsg.aspx", function(result) {$("#shopmsg_text").html(result);});
    
    // 左方側欄廣告
    $.post("/ajax/home_side_banner.aspx", function(result) {$("#panel_sidebn").html(result);});
});



// 子分類
function bindSubCat(sender, args) {
    if($(sender).hasClass("on")) return false;
	$("#cat_l1 > li").removeClass("on");
	$(".cat_l2").remove();
	$.getJSON("/ajax/category.aspx", {pi: args}, function(data){
		if(data.items.length==0) {
			window.location.href = "/categories.aspx?cid=" + args;
		}
		else {
			whtm = "<ul class=\"cat_l2\">";
			$.each(data.items, function(i, item){
				whtm += "<li onclick=\"selectedSubCat(this," + item.id + ");\">" + item.name + "</li>";
			});
			whtm += "</ul>";
			$(sender).append(whtm).addClass("on");
			return false;
		}
    });
}


// 選取子分類
function selectedSubCat(sender, args) {
    l1id = $(sender).parent().parent().attr("id");
    l1val = l1id.substr(l1id.indexOf("_") + 1);
    $.cookie("lcat_l1_val", l1val);
    window.location.href = "/categories.aspx?cid=" + args;
}


// 取得 popup 購物車的 html
function getPopupCartHtml() {
    var d=new Date();
    var html = $.ajax({url: "/ajax/popup_cart.aspx?t=" + d.getTime(), async: false}).responseText;
    return html;
}


// 刪除選取的購物車項目
function basket_del(sender, args) {
    $("#" + args + " :checkbox:checked").each(function(i, obj){
        pid = $(this).val();
        $.post("/ajax/basket_upd.aspx", {pid: pid, qty: 0}, function(){setBasketHtml();});
    });
    return false;
}

// 更新購物車 (Client Side)
function setBasketHtml() {
    $("#popup_cart #bd").html(getPopupCartHtml());
    $("#popup_cart").css("top", $("#hnav").offset().top + $("#hnav").height());
	$("#popup_cart").css("left", "470px");
}

// 更新購物車 (Server Side)
function basket_upd(sender, args) {
    $("#" + args + " :text").each(function(i, obj){
        pid = $(this).attr("id").substr(("popupCart_qty_").length);
        qty = Number($(this).val());
        $.post("/ajax/basket_upd.aspx", {pid: pid, qty: qty}, function(){setBasketHtml();});
    });
    return false;
}