﻿// JavaScript Document
$(document).ready(function () {

	var ss;
	var className = "";
	var count = 0;
	var index = 0;
	var disTime = 0;
	var animateTime = 700;
	play = function (obj) {
		if (obj.className != null) {
			className = obj.className;
		}
		if (obj.count != null) {
			count = obj.count;
		}
		if (obj.index != null) {
			index = obj.index;
		}
		if (obj.disTime != null) {
			disTime = obj.disTime;
		}
		if (obj.animateTime != null) {
			animateTime = obj.animateTime;
		}
		clearInterval(ss);
		ss = setInterval(steps, disTime + animateTime);
	};
	steps = function () {
		index++;
		if (index == count) index = 0;
		$("." + className).animate({ scrollLeft: index * 750 }, animateTime);
		$(".switchable-nav li").removeClass("active");
		$(".switchable-nav li").eq(index).addClass("active");
	};
	next = function () {
		index++;
		if (index == count) index = 0;
		$("." + className).animate({ scrollLeft: index * 750 }, animateTime);
		$(".switchable-nav li").removeClass("active");
		$(".switchable-nav li").eq(index).addClass("active");
	};
	
	function showTopMenu(id) {
		$("#t_" + id).mouseenter(function () {
			$(this).addClass("hover");
			$("#tm_" + id).show();
		});
		$(".t-" + id).mouseleave(function () {
			$("#t_" + id).removeClass("hover");
			$("#tm_" + id).hide();
		});
		$("#tm_" + id).mouseleave(function () {
			$("#t_" + id).removeClass("hover");
			$(this).hide();
		});
	}

	$(document).ready(function () {
		$(".layt").find("a").each(function () {
			$(this).append("<div class='layer' style='height:" + $(this).height() + "px;display:none;'></div>")
			$(this).hover(function () {
				$(this).find("div").eq(0).show();
			}, function () {
				$(this).find("div").eq(0).hide();
			});
		});
		$(".layt").each(function (_index) {
			$(this).mouseover(function () {
				$(".scrollwrapper").stop();
				clearInterval(ss);
				$(".scrollwrapper").animate({ scrollLeft: _index * 750 }, 100);
				$(".switchable-nav li").removeClass("active");
				$(".switchable-nav li").eq(_index).addClass("active");
				index = _index;
			});
			$(this).mouseout(function () {
				play({ index: index, count: count, className: className, disTime: disTime });
			});
		});
		$(".switchable-nav").find("li").each(function (_index) {
			$(this).hover(function () {
				$(".scrollwrapper").stop();
				clearInterval(ss);
				$(".scrollwrapper").animate({ scrollLeft: _index * 750 }, animateTime);
				$(".switchable-nav li").removeClass("active");
				$(".switchable-nav li").eq(_index).addClass("active");
				index = _index;
			}, function () {
				play({ index: index, count: count, className: className, disTime: disTime });
			});
		});
		$(".btn-next").click(function () {
			$(".scrollwrapper").stop();
			clearInterval(ss);
			next();
			play({ index: index, count: count, className: className, disTime: disTime });
		});
		$(".hotKinds").find("div").each(function (_index) {
			if (_index != 0) {
				$(this).hover(function () {
					$(this).css("border", "1px solid #d90a19");
					$(this).find("li").eq(0).find("a").css("color", "#d90a19");
				}, function () {
					if ($(this).attr("class").indexOf("bgcAlternate") > -1) $(this).css("border", "1px solid #f0f5f6");
					else $(this).css("border", "1px solid #FFFFFF");
					$(this).find("li").eq(0).find("a").css("color", "#333333");
				});
			}
		});
		
	//左侧产品列表鼠标移上去出现框
	
		$(".leftCon").find("div").each(function (_prolist) {
			if (_prolist != 0) {
				$(this).hover(function () {
					$(this).css("background", "#fff");
					$(this).css("border", "1px dashed #d90a19");
				   // $(this).find("li").eq(0).find("a").css("color", "#d90a19");
				}, function () {
					if ($(this).attr("class").indexOf("bgcAlternate") > -1) $(this).css("background", "#fff");
					else $(this).css("background", "#f1f0f0");
					$(this).css("border", "1px dashed #f1f0f0");
				   // $(this).find("li").eq(0).find("a").css("color", "#666");
				});
			}
		});
	//
	
	//右侧商品细则
	
		$(".shopOne").find("div").each(function (_shop) {
			if (_shop != 0) {
				$(this).hover(function () {
					$(this).css("background", "#fff7f7");
					$(this).css("border", "1px solid #c01d1d");
				}, function () {
					if ($(this).attr("class").indexOf("bgcAlternate") > -1) $(this).css("background", "#fff7f7");
					else $(this).css("background", "#f5f5f5");
					$(this).css("border", "1px solid #ccc");
				   
				});
			}
		});
	//
	
		
		
		
		
		
		/*showTopMenu("vjia");
		showTopMenu("nav");*/
		play({ index: 0, count: $(".layt").length, className: "scrollwrapper", disTime: 3000 });
	});



	// JavaScript Document 搜索框
	var VJiaNav =
	{
		timeoutId: 0,
		btnClassName: null,
		menuClassName: null,
		btnActiveClass: null,
		isStart: false,
		currentIndex: 0,
		load: function (options) {
			var settings = {
				btnEle: null,
				btnActiveClass: null,
				menuEle: null
			}; if (options) { $.extend(settings, options); }
	
			VJiaNav.btnClassName = settings.btnEle;
			VJiaNav.menuClassName = settings.menuEle;
			VJiaNav.btnActiveClass = settings.btnActiveClass;
			$(VJiaNav.menuClassName).each(function () {
				//if ($(this).html() != "") {
				$(this).hover(function () {
					clearTimeout(VJiaNav.timeoutId);
				}, function () {
					VJiaNav.timeoutId = setTimeout(VJiaNav.hide, 300);
				});
				//}
			})
	
			$(VJiaNav.btnClassName).each(function (i) {
				$(this).hover(function () {
					VJiaNav.hide();
					if (settings.btnActiveClass != null) {
						$(this).addClass(settings.btnActiveClass);
					}
					if ($(VJiaNav.menuClassName).length > i) {
						if ($(VJiaNav.menuClassName)[i].children.length != 0)
							$(VJiaNav.menuClassName).eq(i).show();
					}
					if (!VJiaNav.isStart) { clearTimeout(VJiaNav.timeoutId); VJiaNav.isStart = true; }
				}, function () {
					VJiaNav.currentIndex = i;
					if (VJiaNav.isStart)
					{ VJiaNav.timeoutId = setTimeout(VJiaNav.hide, 300); VJiaNav.isStart = false; }
				})
			});
		},
		hide: function () {
			$(VJiaNav.btnClassName).eq(VJiaNav.currentIndex).attr("class", $(VJiaNav.btnClassName).eq(VJiaNav.currentIndex).attr("class").replace("_on", ""));
			$(VJiaNav.btnClassName + "." + VJiaNav.btnActiveClass).removeClass(VJiaNav.btnActiveClass);
			$(VJiaNav.menuClassName).hide();
		}
	}

	function OnEnter(field) {
		if (field.value == field.defaultValue) {
			$(field)
			.css("border", "1px solid #9c9c9c")
			.css("borderRight", "none")
			.css("color", "#000")
			.val("");
		} else {
			field.focus();
		}
	}

	function OnExit(field) {
		if (field.value == "") {
			$(field)
			.css("border", "1px solid #ccc")
			.css("borderRight", "none")
			.css("color", "#999")
			.val(field.defaultValue);
		}
	}

	$(function () {
	
		VJiaNav.load({ btnEle: ".mainNav li:gt(1) a", menuEle: ".navMenu", btnActiveClass: "on" });
	
		$(".mainNav li a").each(function () {
			if ($(this).attr("class").indexOf("on") == -1) {
				$(this).hover(
					function () {
						//if ($(this).attr("class").substr(8, 1) == "8") return;
						$(this).attr("class", $(this).attr("class").substring(0, 9) + "_on track");
					},
					function () {
						$(this).attr("class", $(this).attr("class").substring(0, 9) + " track");
					}
				);
			}
	});

	$(".navMenu").each(function (i) {
		if ($(this).attr("class").indexOf("on") == -1) {
			$(this).mouseenter(function () {
				$(".mainNav li a").eq(i + 1).attr("class", $(".mainNav li a").eq(i + 1).attr("class").substring(0, 9) + "_on track");
			});
		}
	});


    $(".hsjNav li a").each(function () {
        if ($(this).attr("class").indexOf("on") == -1) {
            $(this).hover(
				function () {
				    $(this).attr("class", $(this).attr("class").substring(0, 8) + "_on track");
				},
				function () {
				    $(this).attr("class", $(this).attr("class").substring(0, 8) + " track");
				}
			);
        }
    });
	
	
	//下拉分类
	if($.browser.msie&&$.browser.version==6){
	$('#hdNav> li').hover(function(){
		var $slideDiv=$(this).find('div.navp');
		if ($slideDiv.length === 0) {
			return;
		}
		$(this).children("a").addClass("hover");
		$slideDiv.show();
		$(this).append('<iframe id="selectMask" style="position:absolute;left:95px;z-index:-1;" frameborder="0"></iframe>');
		$('#selectMask').height($slideDiv.height()+3).width($slideDiv.width()+6);	
	},
		function(){
			var $this=$(this);
			var $slideDiv=$this.find('div.navp');
			if ($slideDiv.length === 0) {
				return;
			}
			$slideDiv.hide();
			$this.find('iframe').remove().end().children("a").removeClass('hover');
			});
		//修复IE6不缓存背景图
		try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
	}else{
	$("#hdNav> li").hover(function(){
		var $slideDiv=$(this).find('div.navp');
		if ($slideDiv.length === 0) {
			return;
		}
		$(this).children("a").addClass("hover");
		$slideDiv.show();
	}, function(){
		var $this=$(this);
		var $slideDiv=$this.find('div.navp');
		if ($slideDiv.length === 0) {
			return;
		}
		$slideDiv.hide();
		$this.children("a").removeClass('hover');
	});
	}

	//我的麦网下拉v2
	$("li.hdMy").hover(function(){
		$(this).find("ul").show();
	}, function(){
		$(this).find("ul").hide();
	});
	
	//新导航结束
	
	
	//如何使用积分开始
	$(function(){
		//头部导航 公用
		$('#hNavDown').hover(function(){
			$(this).find('.how_jf').show();
		},function(){
			$(this).find('.how_jf').hide();
		})
		
		})
	//如何使用积分结束
	
	});
}
)
