/*******************************************************************************
 * Antran Product JavaScript
 * 
 * http://www.antran.cn
 * 
 * Copyright (c) 2008 Antran. All rights reserved.
 */

$().ready(function() {

	$productListForm = $("#productListForm");
	$pageNumber = $("#pageNumber");
	$pageSize = $("#pageSize");
	$brandId = $("#brandId");
	$orderType = $("#orderType");
	$viewType = $("#viewType");
	$tableType = $("#tableType");
	$pictureType = $("#pictureType");
	$addFavorite = $(".addFavorite");
	$addCartItem = $(".addCartItem");
	$addCartItemTip = $("#addCartItemTip");
	$tipClose = $("#addCartItemTip .tipClose");
	$addCartItemTipMessageIcon = $("#addCartItemTipMessageIcon");
	$addCartItemTipMessage = $("#addCartItemTipMessage");
	$addCartItemTipInfo = $("#addCartItemTipInfo");

	// 商品分类菜单
	$(".productCategory ul.menu").superfish({
				delay : 100
			});

	// 缩略图滚动栏
	$(".productContent .scrollable").scrollable({
				speed : 600
			});

	// Tab效果
	$(".productContent ul.productImageTab").tabs(".productImage .tabContent", {
				event : "mouseover"// 触发tab切换的事件
			});

	// Tab效果
	$(".productContent ul.productAttributeTab").tabs(
			".productBottom .tabContent", {
				effect : "fade",// 逐渐显示动画
				fadeInSpeed : 500,// 动画显示速度
				event : "mouseover"// 触发tab切换的事件
			});

	// 商品图片放大镜效果
	$("a.zoom").zoomimage({
				opacity : 0.6,
				controlsTrigger : "mouseover",
				controls : true,
				centered : true,
				hideSource : true
			});

	// 更多商品参数
	var productAttributeTab = $(".productContent ul.productAttributeTab")
			.tabs();
	$("#moreProductAttribute").click(function() {
				var index = productAttributeTab.getIndex();
				if (index == 0) {
					productAttributeTab.next();
				}
			});
	
	// 选择品牌
	$brandId.change(function() {
				$pageNumber.val("1");
				$productListForm.submit();
			});

	// 每页显示数
	$pageSize.change(function() {
				$pageNumber.val("1");
				$productListForm.submit();
			});

	// 商品排序
	$orderType.change(function() {
				$pageNumber.val("1");
				$productListForm.submit();
			});

	// 列表方式查看
	$tableType.click(function() {
				$viewType.val("tableType");
				$productListForm.submit();
				return false;
			});

	// 图片方式查看
	$pictureType.click(function() {
				$viewType.val("pictureType");
				$productListForm.submit();
				return false;
			});

	// 添加商品至购物车
	$addCartItem.click(function() {
				var $this = $(this);
				var id = $this.metadata().id;

				var x = $this.offset().left - 50;
				var y = $this.offset().top + $this.height() + 6;
				$addCartItemTip.css({
							"left" : x,
							"top" : y
						});

				var quantity = $("#quantity").val();
				if (quantity == null) {
					quantity = 1;
				}
				var reg = /^[0-9]*[1-9][0-9]*$/;
				if (!reg.test(quantity)) {
					$addCartItemTipMessageIcon.removeClass("successIcon")
							.addClass("errorIcon");
					$addCartItemTipMessage.text("加入购物车失败！");
					$addCartItemTipInfo.text("商品数量必须为正整数！");
					$addCartItemTip.fadeIn();
					return false;
				}
				$.ajax({
							url : shopxx.base
									+ "/shop/cart_item!ajaxAdd.action",
							data : {
								"id" : id,
								"quantity" : quantity
							},
							dataType : "json",
							beforeSend : function() {
								$this.attr("disabled", true);
							},
							success : function(data) {
								$.flushCartItemList();
								if (data.status == "success") {
									$addCartItemTipMessageIcon
											.removeClass("errorIcon")
											.addClass("successIcon");
									$addCartItemTipMessage.text(data.message);
									$addCartItemTipInfo.text("共计商品："
											+ data.totalQuantity + "件，总计金额："
											+ data.totalPrice);
								} else if (data.status == "error") {
									$addCartItemTipMessageIcon
											.removeClass("successIcon")
											.addClass("errorIcon");
									$addCartItemTipMessage.text(data.message);
									$addCartItemTipInfo.empty();
								}
								$addCartItemTip.fadeIn();
								$this.attr("disabled", false);
							}
						});
			});

	// 添加购物车提示框隐藏
	$tipClose.click(function() {
				$addCartItemTip.fadeOut();
				return false;
			});

	// 产品收藏
	$addFavorite.click(function() {
				var $this = $(this);
				if ($.cookie("loginMemberUsername") == null) {
					$.flushHeaderInfo();
					$.loginWindowShow();
					return false;
				} else {
					var id = $(this).metadata().id;
					$.ajax({
								url : shopxx.base
										+ "/shop/favorite!ajaxAdd.action",
								data : {
									"id" : id
								},
								dataType : "json",
								beforeSend : function() {
									$this.attr("disabled", true);
								},
								success : function(data) {
									$.tip(data.status, data.message);
									$this.attr("disabled", false);
								},
								error : function(data) {
									if ($.cookie("loginMemberUsername") == null) {
										$.flushHeaderInfo();
										$.loginWindowShow();
										return false;
									}
									$this.attr("disabled", false);
								}
							});
				}
			});

	// 添加商品浏览记录
	var maxProductHistoryListCount = 5; // 最大商品浏览记录数
	$.addProductHistory = function(name, htmlFilePath) {
		var productHistory = {
			name : name,
			htmlFilePath : htmlFilePath
		};
		var productHistoryArray = new Array();
		var productHistoryListCookie = $.cookie("productHistoryList");
		if (productHistoryListCookie) {
			productHistoryArray = eval(productHistoryListCookie);
		}
		var productHistoryListHtml = "";
		for (var i in productHistoryArray) {
			productHistoryListHtml += '<li><a href="'
					+ productHistoryArray[i].htmlFilePath + '">'
					+ productHistoryArray[i].name + '</a></li>';
		}
		for (var i in productHistoryArray) {
			if (productHistoryArray[i].htmlFilePath == htmlFilePath) {
				return;
			}
		}
		if (productHistoryArray.length >= maxProductHistoryListCount) {
			productHistoryArray.shift();
		}
		productHistoryArray.push(productHistory);
		var newProductHistoryCookieString = "";
		for (var i in productHistoryArray) {
			newProductHistoryCookieString += ',{name: "'
					+ productHistoryArray[i].name + '", htmlFilePath: "'
					+ productHistoryArray[i].htmlFilePath + '"}'
		}
		newProductHistoryCookieString = "["
				+ newProductHistoryCookieString.substring(1,
						newProductHistoryCookieString.length) + "]";
		$.cookie("productHistoryList", newProductHistoryCookieString, {
					path : "/"
				});
	}

	// 刷新验证码图片
	function commentCaptchaImageRefresh() {
		$("#commentCaptchaImage")
				.attr(
						"src",
						shopxx.base + "/captcha.jpg?timestamp"
								+ (new Date()).valueOf());
	}

	// 点击刷新验证码图片
	$("#commentCaptchaImage").click(function() {
				commentCaptchaImageRefresh();
			});

    var $comment = $("#comment");
	var $commentForm = $("#commentForm");
	var $commentContent = $("#commentContent");
	var $commentCaptcha = $("#commentCaptcha");
	var forCommentId = null;
	var ajaxUrl = shopxx.base + "/shop/comment!save.action";
	$commentForm.submit(function() {
		if (!$.memberVerify()) {
			$.loginWindowShow();
			return false;
		}
		if ($.trim($commentContent.val()) == "") {
			$.message("请输入评论内容!");
			return false;
		}
		if ($.trim($commentCaptcha.val()) == "") {
			$.message("请输入您的验证码!");
			return false;
		}

		$.ajax({
			url : ajaxUrl,
			data : $commentForm.serialize(),
			dataType : "json",
			beforeSend : function() {
				$commentForm.find("submitCommentButton").attr("disabled", true);
			},
			success : function(data) {
				$.message(data.message);
				if (data.status == "success") {
					var username = $.cookie("loginMemberUsername");
					if (username == null) {
						username = "游客";
					}
					if (forCommentId == null) {
						var commentItemHtml = '<div class="commentItem"><p><span class="red">'
								+ username
								+ '</span> '
								+ new Date().toLocaleDateString()
								+ '</p><p><pre>'
								+ htmlEscape($commentContent.val())
								+ '</pre></p></div><div class="blank"></div>';
						$comment.prepend(commentItemHtml);
					} else {
						var replyHtml = '<div class="reply"><p><span class="red">'
								+ username
								+ '</span> '
								+ new Date().toLocaleDateString()
								+ '</p><p><pre>'
								+ htmlEscape($commentContent.val())
								+ '</pre></p></div>';
						$("#commentItem" + forCommentId).append(replyHtml);
					}
					$commentContent.val("");
				}
			},
			complete : function() {
				$commentForm.find("submitCommentButton")
						.attr("disabled", false);
				$commentCaptcha.val("");
				commentCaptchaImageRefresh();
			}
		});
		return false;
	});

	// 商品浏览记录列表
	var productHistoryArray = new Array();
	var productHistoryListCookie = $.cookie("productHistoryList");
	if (productHistoryListCookie) {
		productHistoryArray = eval(productHistoryListCookie);
	}
	var productHistoryListHtml = "";
	for (var i in productHistoryArray) {
		productHistoryListHtml += '<li><span class="icon">&nbsp;</span><a href="'
				+ productHistoryArray[i].htmlFilePath
				+ '">'
				+ productHistoryArray[i].name + '</a></li>';
	}
	$("#productHistoryListDetail").html(productHistoryListHtml);

});