$(document).ready(function(){

	// 共通処理 --------------------------------------------

	var length = $("#mainvisual ul li").length;	// 画像数
	var current = 0;	// カレント
	var time = 1000;	// 切り替え時間
	var myHandle = 0;	// タイマー

	// タイマー
	function startTimer() {
		if (myHandle != 0){
      clearInterval(myHandle); // setInterval()を解除する
		}
		myHandle = setInterval(arrowNextClick, 8000);
	}
	function stopTimer(){
   if (myHandle != 0){
      clearInterval(myHandle); // setInterval()を解除する
      myHandle = 0;
   }
	}

	startTimer();

	// 矢印 ------------------------------------------

	// 設置
//	$('#mainvisual').append('<p class="prev"><img src="./site/images_vi/btn_prev.gif" /></p>');
//	$("#mainvisual p.prev").css({ 'z-index':50 });
//	$("#mainvisual p.prev").stop().animate({ opacity:0 }, { duration:0 });
//	$('#mainvisual').append('<p class="next"><img src="./site/images_vi/btn_next.gif" /></p>');
//	$("#mainvisual p.next").css({ 'z-index':51 });
//	$("#mainvisual p.next").stop().animate({ opacity:0 }, { duration:0 });

	$('#mainvisual').append('<p class="prevBg"><img src="./site/images_vi/pointer.gif" /></p>');
	$("#mainvisual p.prevBg").css({ 'z-index':100 });
	$('#mainvisual').append('<p class="nextBg"><img src="./site/images_vi/pointer.gif" /></p>');
	$("#mainvisual p.nextBg").css({ 'z-index':101 });

	// イベント
	function arrowMouseOver(event) {
		stopTimer();
//		$("#mainvisual p.prev").stop().animate({ opacity:1 }, { duration:250 });
//		$("#mainvisual p.next").stop().animate({ opacity:1 }, { duration:250 });
	}
	function arrowMouseOut(event) {
		startTimer();
//		$("#mainvisual p.prev").stop().animate({ opacity:0 }, { duration:250 });
//		$("#mainvisual p.next").stop().animate({ opacity:0 }, { duration:250 });
	}
	function arrowPrevMouseOver(event) {
		picReadyPrev();
		$("#mainvisual ul li").eq(current).stop().animate({ left:'44px' }, 500, 'easeOutCubic');
	}
	function arrowPrevMouseOut(event) {
		$("#mainvisual ul li").eq(current).stop().animate({ left:'0px' }, 500, 'easeOutCubic');
	}
	function arrowPrevClick(event) {
		picReadyPrev();
		$("#mainvisual ul li").eq(current).stop().animate({ left:'698px' }, { duration:1000, easing:'easeOutCubic' });

		if(current - 1 < 0) current = length - 1;
		else current--;

		arrowLock();
		setTimeout(arrowUnlock, time);
		naviLock();
		naviRefresh();
		setTimeout(naviUnlock, time);
	}
	function arrowNextMouseOver(event) {
		picReadyNext();
		$("#mainvisual ul li").eq(current).stop().animate({ left:'-44px' }, 500, 'easeOutCubic');
	}
	function arrowNextMouseOut(event) {
		$("#mainvisual ul li").eq(current).stop().animate({ left:'0px' }, 500, 'easeOutCubic');
	}
	function arrowNextClick(event) {
		picReadyNext();
		$("#mainvisual ul li").eq(current).stop().animate({ left:'-698px' }, { duration:1000, easing:'easeOutCubic' });

		if(current + 1 > length - 1) current = 0;
		else current++;

		arrowLock();
		setTimeout(arrowUnlock, time);
		naviLock();
		naviRefresh();
		setTimeout(naviUnlock, time);
	}

	// ロック
	function arrowLock() {
		$("#mainvisual").css('cursor', 'auto');
		$("#mainvisual p.prevBg").css('display', 'none');
		$("#mainvisual p.nextBg").css('display', 'none');
	}

	// アンロック（イベント有効）
	function arrowUnlock() {
		$("#mainvisual").css('cursor', 'pointer');
		$("#mainvisual p.prevBg").css('display', 'block');
		$("#mainvisual p.nextBg").css('display', 'block');
	}

	// 初期動作
	$("#mainvisual").bind("mouseover", {}, arrowMouseOver);
	$("#mainvisual").bind("mouseout", {}, arrowMouseOut);
	$("#mainvisual p.prevBg").bind("click", arrowPrevClick);
	$("#mainvisual p.prevBg").bind("mouseover", arrowPrevMouseOver);
	$("#mainvisual p.prevBg").bind("mouseout", arrowPrevMouseOut);
	$("#mainvisual p.prevBg").css('cursor', 'pointer');
	$("#mainvisual p.prevBg").css('display', 'none');
	$("#mainvisual p.nextBg").bind("click", arrowNextClick);
	$("#mainvisual p.nextBg").bind("mouseover", arrowNextMouseOver);
	$("#mainvisual p.nextBg").bind("mouseout", arrowNextMouseOut);
	$("#mainvisual p.nextBg").css('cursor', 'pointer');
	$("#mainvisual p.nextBg").css('display', 'none');
	setTimeout(arrowUnlock, time);

	// 画像 ------------------------------------------

	// 設置
	$("#mainvisual ul").css({ 'position':'relative' });
	$("#mainvisual ul li").css({ 'position':'absolute', 'top':'0', 'left':'0' });

	// 順番準備（左）
	function picReadyPrev() {
		$("#mainvisual ul li").each(function(i) {
			if(i != current){
			  $(this).css('z-index', '0');
			}else{
				$("#mainvisual ul li").eq(current).css('z-index', '20');
			}
		});
		if(current - 1 < 0){
			$("#mainvisual ul li").eq(length - 1).css('z-index', '19');
			$("#mainvisual ul li").eq(length - 1).css({ left:'0px' });
		}else{
			$("#mainvisual ul li").eq(current - 1).css('z-index', '19');
			$("#mainvisual ul li").eq(current - 1).css({ left:'0px' });
		}
	}

	// 順番準備（右）
	function picReadyNext() {
		$("#mainvisual ul li").each(function(i) {
			if(i != current){
			  $(this).css('z-index', '0');
			}else{
				$("#mainvisual ul li").eq(current).css('z-index', '20');
			}
		});
		if(current + 1 > length - 1){
			$("#mainvisual ul li").eq(0).css('z-index', '19');
			$("#mainvisual ul li").eq(0).css({ left:'0px' });
		}else{
			$("#mainvisual ul li").eq(current + 1).css('z-index', '19');
			$("#mainvisual ul li").eq(current + 1).css({ left:'0px' });
		}
	}

	// 順番準備（任意）
	function picReadyLeave(buff) {
		$("#mainvisual ul li").each(function(i) {
			if(i != current){
			  $(this).css('z-index', '0');
			}else{
				$("#mainvisual ul li").eq(current).css('z-index', '20');
			}
		});
		$("#mainvisual ul li").eq(buff).css('z-index', '19');
		$("#mainvisual ul li").eq(buff).css({ left:'0px' });
	}

	// 初期動作
	picReadyNext();

	// ナビゲーション ------------------------------------------

	// 設置
	var buff = '<ul>';
	for(i = 0; i < length; i++) {
		buff += '<li><img src="./site/images_vi/navi_off.gif" class="off" /><img src="./site/images_vi/navi_on.gif" class="on" /></li>';
	}
	buff += '</ul>';
	$('#mainNavi').append(buff);
	$("#mainNavi ul li img.on").stop()
		.animate({ opacity:0 }, { duration:0 });

	// イベント
	function naviClick(event) {
		var index = $("#mainNavi ul li").index(this);
		picReadyLeave(index);

		if(current < index){
			$("#mainvisual ul li").eq(current).stop().animate({ left:'-698px' }, { duration:1000, easing:'easeOutCubic' });
		} else {
			$("#mainvisual ul li").eq(current).stop().animate({ left:'698px' }, { duration:1000, easing:'easeOutCubic' });
		}

		current = index;
		naviLock();
		naviRefresh();
		setTimeout(naviUnlock, time);
	}
	function naviMouseOver(event) {
		stopTimer();
		var index = $("#mainNavi ul li").index(this);
		$("#mainNavi ul li img.on").eq(index).animate({ opacity:1 }, { duration:250 });
	}
	function naviMouseOut(event) {
		startTimer();
		var index = $("#mainNavi ul li").index(this);
		$("#mainNavi ul li img.on").eq(index).animate({ opacity:0 }, { duration:250 });
	}

	// 更新
	function naviRefresh() {
		$("#mainNavi ul li").each(function(i) {
			if(current != i){
				$(this).find("img.on").animate({ opacity:0 }, { duration:time });
			} else {
				$(this).find("img.on").animate({ opacity:1 }, { duration:time });
			}
		});
	}

	// ロック
	function naviLock() {
		$("#mainNavi ul li").each(function() {
			$(this).unbind("click");
			$(this).unbind("mouseover");
			$(this).unbind("mouseout");
			$(this).css('cursor', 'auto');
		});
	}

	// アンロック（イベント有効）
	function naviUnlock() {
		$("#mainNavi ul li").each(function(i) {
			if(current != i){
				$(this).bind("click", {}, naviClick);
				$(this).bind("mouseover", {}, naviMouseOver);
				$(this).bind("mouseout", {}, naviMouseOut);
				$(this).css('cursor', 'pointer');
			}
		});
	}

	// 初期動作
	naviRefresh();
	setTimeout(naviUnlock, time);

});

function OpenDate(y,m,d,str) {
	var now = new Date();
	var point = new Date(y, m - 1, d);
	var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) );

	if(countdown > 0) {
	}else{
		document.write(str);
	}
}

function CloseDate(y,m,d,str) {
	var now = new Date();
	var point = new Date(y, m - 1, d);
	var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) );

	if(countdown > 0) {
		document.write(str);
	}else{
	}
}