// javascript document
$(function(){
	 $(".mainlevel:has(div)").hover(function(){
	  $(this).children("div").stop(true,true).slidedown(300)
	  },function(){
	  $(this).children("div").stop(true,true).slideup(1)
	  })
	 
	  
	});

//focus ����ҳ����ͼ
$(function() {
	var swidth = $("#focus").width(); //��ȡ����ͼ�ŀ�ȣ���ʾ�����
	var len = $("#focus ul li").length; //��ȡ����ͼ����
	var index = 0;
	var pictimer;
	
	//���´���������ְ�ť�ͱ�ť��i�͸������
	var btn = "<div class='btnbg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span>" + (i+1) + "</span>";
	}
	btn += "</div>"
	$("#focus").append(btn);
	$("#focus .btnbg").css("opacity",0.5);
	
	//ϊ���ְ�ť�����껬���¼�������ʾ��ӧ������
	$("#focus .btn span").mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showpics(index);
	}).eq(0).trigger("mouseenter");
	
	//����ϊ���ҹ�����������liԪ�ض�����ͬһ�����󸡶�������������ҫ�������χulԪ�صŀ��
	$("#focus ul").css("width",swidth * (len + 1));
	
	//��껬��ijli�е�ijdiv�������ͬ��divԪ�ص�͸���ȣ�����li�ı���ϊ��ɫ�����ի��б䰵��ч��
	$("#focus ul li div").hover(function() {
		$(this).siblings().css("opacity",0.7);
	},function() {
		$("#focus ul li div").css("opacity",1);
	});
	
	//��껬�ͻ���ͼʱֹͣ�զ����ţ�����ʱ��ʼ�զ�����
	$("#focus").hover(function() {
		clearinterval(pictimer);
	},function() {
		pictimer = setinterval(function() {
			if(index == len) { //�������ֵ����liԪ�ظ�����˵�����һ��ͼ������ϣ�������ҫ��ʾ��һ��ͼ��������showfirpic()��ȼ������ֵ����
				showfirpic();
				index = 0;
			} else { //�������ֵ������liԪ�ظ���������ͨ״̬�л�������showpics()
				showpics(index);
			}
			index++;
		},3000); //��3000�����զ����ŵļ�����λ������
	}).trigger("mouseleave");
	
	//��ʾͼƭ���������ݽ��յ�indexֵ��ʾ��ӧ������
	function showpics(index) { //��ͨ�л�
		var nowleft = -index*swidth; //����indexֵ����ulԪ�ص�leftֵ
		$("#focus ul").stop(true,false).animate({"left":nowleft},500); //ͨ��animate()����ulԪ�ع������������position
		$("#focus .btn span").removeclass("on").eq(index).addclass("on"); //ϊ��ǰ�i�ť�л���ѡ�е�ч��
	}
	
	function showfirpic() { //���һ��ͼ�զ��л�����һ��ͼʱר��
		$("#focus ul").append($("#focus ul li:first").clone());
		var nowleft = -len*swidth; //ͨ��liԪ�ظ�������ulԪ�ص�leftֵ��ҳ�������һ��liԪ�ص��ұ�
		$("#focus ul").stop(true,false).animate({"left":nowleft},500,function() {
			//ͨ��callback���ڶ����������ulԪ�����¶�λ����㣬ȼ��ɾ�����һ�����ƹ�ȥ��Ԫ��
			$("#focus ul").css("left","0");
			$("#focus ul li:last").remove();
		}); 
		$("#focus .btn span").removeclass("on").eq(0).addclass("on"); //ϊ��һ����ť���ѡ�е�ч��
	}
});

//����ч��
$(document).ready(function () {
$('.ul1 li').hover(
function () {
	$('.ul1 li').removeclass('hover');
	$(this).addclass('hover');
}
);
}); 
//���ذ�ť