var timer =null;
	var $i,$c,count=0;
	var k = 3; // in second
	function autoPlay(items){
		if (timer ==null){
			timer = setInterval(function () {
				if (count >4){
					count =0;
				}
				var i = count+1;
				if (i >4){
					i =0;
				}
				jQuery("#imgControl >li >a").eq(count).removeClass("Active");
				jQuery("#imgControl>li >a").eq(i).addClass("Active");
				items.find(">li").eq(i).animate({opacity: 1});
				items.find(">li").eq(count).animate({opacity: 0
				});
				items.find(">li").eq(count).removeClass("img_act");
				items.find(">li").eq(i).addClass("img_act");
				$i = items.find(">li").eq(i);
				$c = jQuery("#imgControl>li >a").eq(i);
				count++;
			}, k*1000);
		}
	}
	jQuery(document).ready(function () {
		$i = jQuery("#img > li").eq(0);
		$c = jQuery("#imgControl > li > a").eq(0);
		autoPlay(jQuery("#img"))
		jQuery("#boxEvent").hover(function(){
			clearInterval(timer);
			timer =null;
		},function(){
			autoPlay(jQuery("#img"));
		});
		jQuery("#imgControl >li").mouseover(function(){
			var j = jQuery(this).prevAll().length;
			if (j == $i.prevAll().length){
				clearInterval(timer);
				timer =null;
				return false;
			}
			$c.removeClass("Active");
			jQuery("#imgControl>li >a").eq(j).addClass("Active");
			jQuery("#img>li").eq(j).stop().animate({opacity: 1});
			$i.stop().animate({opacity: 0});
			$i.removeClass("img_act");
			jQuery("#img>li").eq(j).addClass("img_act");
			$i = jQuery("#img >li").eq(j);
			$c = jQuery("#imgControl>li >a").eq(j);
			count = j;
		});
	 });