//ミリ秒
var ROTATION = 33;
var SPEED = 2;
// スライドする？
var ROTETING = true;
// 触らない!
var RIGHT = 0;
var LEFT = -1;
var MOVE_TO_THE = RIGHT;
var TimerId = 0;
var MARGIN = 8;
$(document).ready(function() {
	// 初期化
	var imgs = $('#slide li img');
	var as = $('#slide li a');
	$('#slide ul').remove();
	$('#slide').css('position', 'relative');
	$('#slide').css('overflow', 'hidden');
	// オーバーレイテキスト
	var p = document.createElement('p');
	$(p).css('position', 'absolute');
	$(p).css('width', 212);
	$(p).css('height', 120);
	// リンク
	var anc = document.createElement('a');
	$(anc).css('display', 'block');
	$(anc).css('position', 'absolute');
	$(anc).css('width', 212);
	$(anc).css('height', 120);
	var top = 0;
	var left = -420;
	for ( var i = 0; i < imgs.length; ++i) {
		var img = imgs[i];
		var a = as[i];
		// 画像
		var width = $(img).width();
		// 1.6.3,chrome対策
		if(0 >= width) {
			width = $(img).attr('width');
		}
		var height = $(img).height();
		// 1.6.3,chrome対策
		if(0 >= height) {
			height = $(img).attr('height');
		}
		$(img).css('position', 'absolute');
		$(img).css('top', top);
		$(img).css('left', left);
		$(img).css('z-index', i);
		$('#slide').append(img);
		// テキスト
		var olp = $(p).clone();
		$(olp).text($(img).attr('alt'));
		$(olp).css('top', top);
		$(olp).css('left', left);
		$(olp).css('z-index', i + 200);
		$('#slide').append(olp);
		// リンク
		var link = $(anc).clone();
		$(link).bind('mouseover', function(event) {
			clearInterval(TimerId);
		});
		$(link).bind('mouseout', function(event) {
			if(MOVE_TO_THE == RIGHT) {
				slideRight();
			}
			if(MOVE_TO_THE == LEFT) {
				slideLeft();
			}
		});
		$(link).attr({href : $(a).attr('href')});
		$(link).css('top', top);
		$(link).css('left', left);
		$(link).css('z-index', i + 300);
		$('#slide').append(link);
			
		left = left + Number(width) + MARGIN;
	}
	if(ROTETING) {
		slideRight();
	}
});

function getPx(str) {
	var index = str.lastIndexOf('px');
	if(0 > index) {
		return 0;
	}
	return Number(str.substring(0, index));
}

function slideRight() {
	var objs = $('#slide').children();
	clearInterval(TimerId);
	TimerId = setInterval(function() {
		for(var i = 0; i < objs.length; ++i) {
			var obj = objs[i];
			var leftPx = getPx($(obj).css('left'));
			$(obj).css('left', leftPx - SPEED);
			if(-440 >= getPx($(obj).css('left'))) {
				$(obj).css('left', 1540);
			}
		}
	}, ROTATION);
}

function slideLeft() {
	var objs = $('#slide').children();
	clearInterval(TimerId);
	TimerId = setInterval(function() {
		for(var i = 0; i < objs.length; ++i) {
			var obj = objs[i];
			var leftPx = getPx($(obj).css('left'));
			$(obj).css('left', leftPx + SPEED);
			if(1540 <= getPx($(obj).css('left'))) {
				$(obj).css('left', -440);
			}
		}
	}, ROTATION);
}

function clickMoveToTheRight() {
	if(MOVE_TO_THE == RIGHT) {
		return;
	}
	MOVE_TO_THE = RIGHT;
	slideRight();
}

function clickMoveToTheLeft() {
	if(MOVE_TO_THE == LEFT) {
		return;
	}
	MOVE_TO_THE = LEFT;
	slideLeft();
}