/***************************************
 * (c)デイリーナイトスクープ
 * http://www.naisuku.jp/
 ***************************************/

$(function(){
	// object
	var $slider = $('#coverGirl');

	// var
	var width = 636;
	var item_count = parseInt($('dl dd', $slider).size()) / 2;
	var locked = false;
	var autoTime = 5000; //間隔
	var duration = 800;
	var easing = "easeInBack";

	$($('dd.photoView div', $slider).get(0)).fadeIn(1500);
	$($('dd.dataView div', $slider).get(0)).fadeIn(1500);
	$($('dl', $slider)).css('width', width * item_count + 'px');

	$('.prev', $slider).click(function(){
		if (!locked && item_count > 1) {
			locked = true;
			var now_left = parseInt($('dl', $slider).css('left'));
			cur = Math.abs(parseInt(now_left / 636));

			if (cur == 0) {
				$('dl', $slider).prepend($($('dd.photoView', $slider).get(item_count-1)));
				$('dl', $slider).prepend($($('dd.dataView', $slider).get(item_count-1)));
				cur += 1;
				$('dl', $slider).css('left', '-'+(cur)*width+'px');
			}

			$($('dd.dataView div', $slider).get(cur)).fadeOut(800);
			$($('dd.photoView div', $slider).get(cur)).fadeOut(800);
			$($('dd.dataView div', $slider).get(cur - 1)).fadeIn(1200);
			$($('dd.photoView div', $slider).get(cur - 1)).fadeIn(1200);
			$('dl', $slider).animate(
				{left: '-'+(cur -1)*width+'px'},
				{
					duration: duration,
					easing: easing,
					complete: function(){
						locked = false;
					}
				}
			);
		}
		return false;
	}).mouseover(function(){
		clearInterval(timer);
	}).mouseout(function(){
		timer = setInterval(autoMove,  autoTime);
	});

	$('dd', $slider).mouseover(function(){
		clearInterval(timer);
	}).mouseout(function(){
		timer = setInterval(autoMove,  autoTime);
	});

	$('.next', $slider).click(function(){
		if (!locked && item_count > 1) {
			locked = true;
			var now_left = parseInt($('dl', $slider).css('left'));
			cur = Math.abs(parseInt(now_left / 636));
			if (cur == item_count - 1) {
				$('dl', $slider).append($($('dd.dataView', $slider).get(0)));
				$('dl', $slider).append($($('dd.photoView', $slider).get(0)));
				cur -= 1;
				$('dl', $slider).css('left', '-'+(cur)*width+'px');
			}

			$($('dd.dataView div', $slider).get(cur)).fadeOut(800);
			$($('dd.photoView div', $slider).get(cur)).fadeOut(800);
			$($('dd.dataView div', $slider).get(cur + 1)).fadeIn(1200);
			$($('dd.photoView div', $slider).get(cur + 1)).fadeIn(1200);

			$('dl', $slider).animate(
				{left: '-'+(cur + 1)*width+'px'},
				{
					duration: duration,
					easing: easing,
					complete: function(){
						locked = false;
					}
				}
			);
		}

		return false;
	}).mouseover(function(){
		clearInterval(timer);
	}).mouseout(function(){
		timer = setInterval(autoMove,  autoTime);
	});

	function autoMove() {
		locked = true;
		var now_left = parseInt($('dl', $slider).css('left'));
		cur = Math.abs(parseInt(now_left / 636));
		if (cur == item_count - 1) {
			$('dl', $slider).append($($('dd.dataView', $slider).get(0)));
			$('dl', $slider).append($($('dd.photoView', $slider).get(0)));
			cur -= 1;
			$('dl', $slider).css('left', '-'+(cur)*width+'px');
		}

		$($('dd.dataView div', $slider).get(cur)).fadeOut(800);
		$($('dd.photoView div', $slider).get(cur)).fadeOut(800);
		$($('dd.dataView div', $slider).get(cur + 1)).fadeIn(1200);
		$($('dd.photoView div', $slider).get(cur + 1)).fadeIn(1200);

		$('dl', $slider).animate(
			{left: '-'+(cur + 1)*width+'px'},
			{
				duration: duration,
				easing: easing,
				complete: function(){
					locked = false;
				}
			}
		);
	};

	timer = setInterval(autoMove,  autoTime);
});