$(function(){
	var i=0;
	var _old=$(".sls-pagination a.current")
	var _oldImg=$("#slideshow a.active")
	//ここからクリック処理
	$(".sls-pagination a").bind('click',clickAction)
	_old.unbind('click',clickAction)
	//
	function clickAction(){
		//
		clearInterval(clearID)
		clearID=setInterval(crossFade, 4700 );
		i=$(".sls-pagination a").index($(this))
		active()	
	};
	function active(){
		
		//
		var _targetNav=$(".sls-pagination a").eq(i)
		_targetNav.addClass("current");
		_targetNav.unbind('click',clickAction)
		_old.removeClass("current");
		_old.bind('click',clickAction)
		_old=_targetNav;
		//
		var _target=$("#slideshow a").eq(i);
		//
		$("#slideshow a").removeClass("last-active");
		_target.addClass("active");
		_oldImg.removeClass("active").addClass("last-active");
		//
		_target.stop().css({opacity: 0.0})
        .animate({opacity: 1.0}, 1000, function() {
        });
		_oldImg=_target
	}
	//ここからインターバル処理
	var clearID=setInterval(crossFade, 4700 );
	function crossFade(){
		if(i<$("#slideshow a").length-1){
			i++
		}else{
			i=0
		}
		active()
	}
});