$(function () {
	$(".yx-rotaion").yx_rotaion({auto:true});
	focus();
});


function focus() {
	var timer=null;
	var num=0;
	var len=$('.focus_new ul li').length;
	var oW=$('.focus_new ul li').width();
	var oHtml='';
	
	$('.focus_new ul').width(len*oW);
    for (var i = 0; i < len; i++) {
		oHtml+='<li></li>';
	}

	$('.focus').append('<div class="focus_nav"></div>');
	$('.focus_nav').html('<ul>'+oHtml+'</ul>');
	$('.focus_nav').find('li').eq(0).addClass('active');

    $('.focus').hover(function() {
    	clearInterval(timer);
    }, function() {
    	autoPlay();
    });

	autoPlay();
	function autoPlay() {
		timer=setInterval(function () {
			num>len-2?num=0:num++;
			common(num);
		},4000)
	}
	$('.focus_nav ul li').mouseover(function() {
		num=$(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$('.focus_new ul').stop().animate({'marginLeft': -num*oW}, 800);
	});

	$('.right').click(function() {
		num>len-2?num=0:num++;
		common(num);
	});
	$('.left').click(function() {
		num<1?num=len-1:num--;
		common(num);
	});

	function common(i) {
		$('.focus_new ul').stop().animate({'marginLeft': -i*oW}, 800);
		$('.focus_nav ul li').eq(i).addClass('active').siblings().removeClass('active');
	}
}