﻿// 页面UI效果共用脚本
// 创建时间：2010-5-19


$(document).ready(function() { // DOM加载完毕时执行的动作
	MainNav(); // 主导航
	FyInputWatermark(); //文本框水印
	FyTab(); // Tab选项卡效果  
    IsPageLoad = true; //Common.js中的全局变量，判断页面是否加载完毕
});

function MainNav() { // 主导航
	$(".menucontainer li.esp").hover(
		function() {
			$(this).addClass("current");
			$(this).children("div").show();
			var _w = $(this).children("div").width();
			var _obj;
			for(var i=1; i<$(this).find("a").size(); i++) {
				_obj = $(this).find("a").eq(i);
				_obj.css({"padding-right":(_w - _obj.width()-15)+"px"});
			}
		},
		function() {
			$(this).removeClass("current");
			$(this).children("div").hide();
		}
	);
}
function FyInputWatermark() { //文本框水印
	var trigger = $("input.FyInputWatermarkTrigger");
	for (var i=0; i<trigger.size(); i++) {
		var wmInput = trigger.eq(i);
		var txt = wmInput.attr("watermark");
		$("<span class=\"watermarkTxt\" id=\"_wmTxt_"+i+"\">" + txt + "</span>").appendTo($("body"));
		wmTxt = $("#_wmTxt_"+i);
		var left = (wmInput.offset().left+4)+"px";
		var top = wmInput.offset().top+"px";
		var lh = wmInput.outerHeight() + "px";
		wmTxt.css({"position":"absolute","left":left,"top":top,"white-space":"nowrap","line-height":lh,"color":"#CCC"});
		if ($.trim(wmInput.val())=="") {
			wmTxt.show();
		}
		else {
			wmTxt.hide();
		}
	}
	window.onresize=function() {
		for (var i=0; i<trigger.size(); i++) {
			var left = (trigger.eq(i).offset().left+4)+"px";
			var top = trigger.eq(i).offset().top+"px";
			$("#_wmTxt_"+i).css({"left":left,"top":top});
		}
	}
	trigger.focus(function(){
		$("#_wmTxt_"+trigger.index($(this))).hide();
	});
	trigger.blur(function(){
		if($.trim($(this).val())=="") $("#_wmTxt_"+trigger.index($(this))).show();
	});
	$("span.watermarkTxt").click(function(){
		trigger.eq($("span.watermarkTxt").index($(this))).focus();
	});
}
function FyTab() { // Tab选项卡效果
	$("ul[tabGroup] > li").click(function() {
		$(this).parent().find("li").removeClass("current");
		$(this).addClass("current");
		$("*[tab="+$(this).parent().attr("tabGroup")+"]").removeClass("current");
		$("*[tab="+$(this).parent().attr("tabGroup")+"]").eq($(this).attr("value")).addClass("current");
	});
}

// 侧栏折叠产品列表
$("#allProductsPulldown dt").click(function(){
	$("#allProductsPulldown dd").hide();
	$(this).siblings("dd").show();
});

// 产品详情页TAB切换
$("ul[tab] li").click(function() {
	$(this).siblings().removeClass("current").end().addClass("current");
	var i = $("ul[tab] li").index($(this));
	$("div[tab='"+$(this).parent().attr("tab")+"']").hide();
	$("div[tab='"+$(this).parent().attr("tab")+"']").eq(i).show();
});

// 产品详情页查看详细购买方式
$("#viewPurchaseDetail").click(function(){
	$(".productDetail ul[tab] li").removeClass("current");
	$(".productDetail ul[tab] li").eq(1).addClass("current");
	$("div[tab='"+$(".productDetail ul[tab]").attr("tab")+"']").hide();
	$("div[tab='"+$(".productDetail ul[tab]").attr("tab")+"']").eq(1).show();
});

// 相关培训视频滚动
$("#relatedVideo a.videoprev").click(function(){
	var item = $("#relatedVideo ul.videoList");
	if (item.find("li").size()<=3) return;
	item.animate({ marginLeft: "-690px" }, 1500, function() {
		for(i=0; i<=2; i++) {
			item.find("li:first").appendTo(item);
		}
		item.css({ marginLeft: "0px" });
	});
	return false;
});
$("#relatedVideo a.videonext").click(function(){
	var item = $("#relatedVideo ul.videoList");
	if (item.find("li").size()<=3) return;
	item.animate({ marginLeft: "690px" }, 1500, function() {
		for(i=0; i<=2; i++) {
			item.find("li:last").prependTo(item);
		}
		item.css({ marginLeft: "0px" });
	});
	return false;
});
