$(document).ready(function(){

	/**
	 * menu
	 *
	var src,num = 1;
	$("#menu").append("<li id=\"qlg\"><a>切换LOGO</a></li>"); 
	$("#qlg").click(function(){
		if (num == 4){
			src = "/php/img/logo.gif";
			num = 1;
		}else{
			src = "/php/img/"+num+".jpg";
			num++;
		}

		$("#logo img").attr("src",src);
	});

	/**
	 * 菜单
	 */
	$('#menu li ul li').css({"opacity":0.6}); //设置默认半透明
	$('#menu li').hover(function() {

		$('ul',this).slideDown("500").find("li").fadeTo("500", 0.6); //显示二级菜单并设置li透明度

		if ($(this).closest("li ul").is("ul")) $(this).css({"opacity":"1"});
		$(this).stop(true).animate({backgroundColor: '#6d6b6c'}, 1000);
		$('a:first',this).stop(true).animate({color: '#ffffff'}, 1000);

	},
	function() {

		$('ul',this).slideUp("500").find("li").fadeTo("500", 0); //隐藏二级菜单并设置li透明度

		
		if ($(this).closest("li ul").is("ul")) $(this).css({"opacity":"0.6"});
		$(this).stop(true).animate({backgroundColor: '#ffffff'}, 1000);
		$('a:first',this).stop(true).animate({color: '#6d6b6c'}, 1000);

	});

	/**
	 * 首页滚动滑块
	 */
	$("#slider").easySlider({
		prevId: 'prevBtn',
		prevText: 'Previous',
		nextId: 'nextBtn',
		nextText: 'Next',
		controlsShow: false, //默认为true，如果改为false滚动条滚动模式变为自动。
		controlsBefore: '', //默认为空，用于在控制按钮上增加自定义的HTML片段
		controlsAfter: '', //默认为空，用于在控制按钮上增加自定义的HTML片段
		controlsFade: true, //默认为true，如果设置成false，滚动到最后一页的时候按钮不会消失。
		firstId: 'firstBtn', //第一页按钮ID
		firstText: 'First', //第一页按钮文字
		firstShow: true, //是否显示第一页的按钮。
		lastId: 'lastBtn', //最后一页按钮ID
		lastText: 'Last', //最后一页按钮文字
		lastShow: true, //是否最后一页的按钮。
		vertical: false,
		speed: 800,
		auto: true, //设置滚动条自动滚动，一般不用修改。
		pause: 15000, //自动滚动时设置的滚动间隔时间的毫秒数。
		continuous: true //设置为true时，滚动到最后一页后会跳到第一页继续滚动。
	});


	/**
	 * 画廊滚动效果
	 */

	//初始化
	var speed = 30;
	var box = $("#gallery");
	var ul = box.find("ul");
	var li = box.find("ul li");
	var lis = box.find("ul > li");
	var len = li.length; //元素数量
	var li_w= li.outerWidth(true); //元素宽度
	var ul_w = len*li_w //容器宽度
	var oTime
	//设置宽度
	ul.css({"margin-left":"-"+ul_w+"px","width":ul_w*3+"px"})

	//	克隆ul对象 两次
	lis.clone().appendTo(ul);lis.clone().appendTo(ul);

	$(".left_fade").mousemove(function(e){
		var a = $(this).offset()
		speed = ($(this).width()-(e.pageX-a.left))/5
		speed = parseInt(speed)
	})

	$(".right_fade").mousemove(function(e){
		var a = $(this).offset()
		speed = (e.pageX-a.left)/5 //鼠标x位置 - 容器x位置 = 鼠标在容器的x位置
		speed = parseInt(speed)
	})

	//左控制
	$(".left_fade").hover(function left() {
		speed = parseInt(speed)
			if(parseInt(ul.css("marginLeft")) >= ul_w-ul_w) ul.css({"marginLeft":-ul_w})
			ul.animate({marginLeft:'+='+speed}, 1,function(){
				oTime = setTimeout(function(){left()},30)
			})
	},
	function() {clearTimeout(oTime);ul.stop();});

	//右控制
	$(".right_fade").hover(function right() {
			if(parseInt(ul.css("marginLeft")) <= -ul_w-ul_w) ul.css({"marginLeft":-ul_w})
			ul.animate({marginLeft:"-="+speed}, 1,"linear",function(){
			oTime = setTimeout(function(){right()},30)
		})
	},
	function() {clearTimeout(oTime);ul.stop();});
});