/*
 *  2011.07.10
 */




//スクロールボタン01の設定
var sButton01pass = "/issyuki/movie.html";
var sButton01target = '_self';
var sButton01alt = 'biceを送る会';
var sButton01image = '/issyuki/images/movie/m01.jpg';

//スクロールボタン02の設定
var sButton02pass = "/issyuki/movie12.html";
var sButton02target = '_self';
var sButton02alt = '下北440';
var sButton02image = '/issyuki/images/movie/m12.jpg';

//スクロールボタン03の設定
var sButton03pass = "/issyuki/movie13.html";
var sButton03target = '_self';
var sButton03alt = 'ノーベルナイト';
var sButton03image = '/issyuki/images/movie/m13.jpg';

//スクロールボタン04の設定
var sButton04pass = "/issyuki/movie14.html";
var sButton04target = '_self';
var sButton04alt = 'レコーディング';
var sButton04image = '/issyuki/images/movie/m14.jpg';

//スクロールボタン05の設定
var sButton05pass = "/issyuki/movie15.html";
var sButton05target = '_self';
var sButton05alt = 'Music Den';
var sButton05image = '/issyuki/images/movie/m15.jpg';

//スクロールボタン06の設定
var sButton06pass = "/issyuki/movie2.html";
var sButton06target = '_self';
var sButton06alt = 'レッドバルーン';
var sButton06image = '/issyuki/images/movie/m02.jpg';

//スクロールボタン07の設定
var sButton07pass = "/issyuki/movie3.html";
var sButton07target = '_self';
var sButton07alt = 'bice';
var sButton07image = '/issyuki/images/movie/m03.jpg';

//スクロールボタン08の設定
var sButton08pass = "/issyuki/movie4.html";
var sButton08target = '_self';
var sButton08alt = 'cine love 4';
var sButton08image = '/issyuki/images/movie/m04.jpg';

//スクロールボタン09の設定
var sButton09pass = "/issyuki/movie5.html";
var sButton09target = '_self';
var sButton09alt = 'iPadにチャレンジ！';
var sButton09image = '/issyuki/images/movie/m05.jpg';

//スクロールボタン10の設定
var sButton10pass = "/issyuki/movie6.html";
var sButton10target = '_self';
var sButton10alt = 'CINELOVE';
var sButton10image = '/issyuki/images/movie/m06.jpg';

//スクロールボタン11の設定
var sButton11pass = "/issyuki/movie7.html";
var sButton11target = '_self';
var sButton11alt = 'AXテレビ出演';
var sButton11image = '/issyuki/images/movie/m07.jpg';

//スクロールボタン12の設定
var sButton12pass = "/issyuki/movie8.html";
var sButton12target = '_self';
var sButton12alt = 'slowdive2002';
var sButton12image = '/issyuki/images/movie/m08.jpg';

//スクロールボタン13の設定
var sButton13pass = "/issyuki/movie9.html";
var sButton13target = '_self';
var sButton13alt = '「エコ計画」 TVCM';
var sButton13image = '/issyuki/images/movie/m09.jpg';

//スクロールボタン14の設定
var sButton14pass = "/issyuki/movie10.html";
var sButton14target = '_self';
var sButton14alt = 'テレビ 「うれる堂」';
var sButton14image = '/issyuki/images/movie/m10.jpg';

//スクロールボタン15の設定
var sButton15pass = "/issyuki/movie11.html";
var sButton15target = '_self';
var sButton15alt = 'punonpen';
var sButton15image = '/issyuki/images/movie/m11.jpg';

//スクロールボタン16の設定
var sButton16pass = "/issyuki/movie16.html";
var sButton16target = '_self';
var sButton16alt = 'air-ing';
var sButton16image = '/issyuki/images/movie/m16.jpg';

//スクロールボタン16の設定
var sButton16pass = "/issyuki/movie17.html";
var sButton16target = '_self';
var sButton16alt = 'ユニバーサルホーム ＜地熱床＞篇';
var sButton16image = '/issyuki/images/movie/m17.jpg';


var mainContent = '';

//スクロールボタンエリア
mainContent += '<div id="scrollArea">';
	
	mainContent += '<div id="scrollBox">';
	
		mainContent += '<div id="sButton01">';
		mainContent += '<a href="' + sButton01pass + '" target="' + sButton01target + '" title="' + sButton01alt + '"><img src="' + sButton01image + '" alt="' + sButton01alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton01alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton02">';
		mainContent += '<a href="' + sButton02pass + '" target="' + sButton02target + '" title="' + sButton02alt + '"><img src="' + sButton02image + '" alt="' + sButton02alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton02alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton03">';
		mainContent += '<a href="' + sButton03pass + '" target="' + sButton03target + '" title="' + sButton03alt + '"><img src="' + sButton03image + '" alt="' + sButton03alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton03alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton04">';
		mainContent += '<a href="' + sButton04pass + '" target="' + sButton04target + '" title="' + sButton04alt + '"><img src="' + sButton04image + '" alt="' + sButton04alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton04alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton05">';
		mainContent += '<a href="' + sButton05pass + '" target="' + sButton05target + '" title="' + sButton05alt + '"><img src="' + sButton05image + '" alt="' + sButton05alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton05alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton06">';
		mainContent += '<a href="' + sButton06pass + '" target="' + sButton06target + '" title="' + sButton06alt + '"><img src="' + sButton06image + '" alt="' + sButton06alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton06alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton07">';
		mainContent += '<a href="' + sButton07pass + '" target="' + sButton07target + '" title="' + sButton07alt + '"><img src="' + sButton07image + '" alt="' + sButton07alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton07alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton08">';
		mainContent += '<a href="' + sButton08pass + '" target="' + sButton08target + '" title="' + sButton08alt + '"><img src="' + sButton08image + '" alt="' + sButton08alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton08alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton09">';
		mainContent += '<a href="' + sButton09pass + '" target="' + sButton09target + '" title="' + sButton09alt + '"><img src="' + sButton09image + '" alt="' + sButton09alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton09alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton10">';
		mainContent += '<a href="' + sButton10pass + '" target="' + sButton10target + '" title="' + sButton10alt + '"><img src="' + sButton10image + '" alt="' + sButton10alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton10alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton11">';
		mainContent += '<a href="' + sButton11pass + '" target="' + sButton11target + '" title="' + sButton11alt + '"><img src="' + sButton11image + '" alt="' + sButton11alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton11alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton12">';
		mainContent += '<a href="' + sButton12pass + '" target="' + sButton12target + '" title="' + sButton12alt + '"><img src="' + sButton12image + '" alt="' + sButton12alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton12alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton13">';
		mainContent += '<a href="' + sButton13pass + '" target="' + sButton13target + '" title="' + sButton13alt + '"><img src="' + sButton13image + '" alt="' + sButton13alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton13alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton14">';
		mainContent += '<a href="' + sButton14pass + '" target="' + sButton14target + '" title="' + sButton14alt + '"><img src="' + sButton14image + '" alt="' + sButton14alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton14alt;
		mainContent += '</div>';
		
		mainContent += '<div id="sButton15">';
		mainContent += '<a href="' + sButton15pass + '" target="' + sButton15target + '" title="' + sButton15alt + '"><img src="' + sButton15image + '" alt="' + sButton15alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton15alt;
		mainContent += '</div>';

		mainContent += '<div id="sButton16">';
		mainContent += '<a href="' + sButton16pass + '" target="' + sButton16target + '" title="' + sButton16alt + '"><img src="' + sButton16image + '" alt="' + sButton16alt + '" width="120" height="80" /></a><br />';
		mainContent += sButton16alt;
		mainContent += '</div>';
	
	mainContent += '</div>';
	
mainContent += '</div>';

mainContent += '<div id="nextButton">';
mainContent += '<a href="javascript:void(0)" title="next"><img src="/issyuki/images/movie/next.png" alt="next" width="40" height="120" /></a>';
mainContent += '</div>';

mainContent += '<div id="backButton">';
mainContent += '<a href="javascript:void(0) " title="back"><img src="/issyuki/images/movie/back.png" alt="back" width="40" height="120" /></a>';
mainContent += '</div>';




//ムービーエリア用CSS
mainContent += ''
+'<style TYPE="text/css">'
+'<!--'
+'#scrollArea {'
+'	position: relative;'
+'	width: 860px;'
+'	height: 120px;'
+'	margin: 0 0 0 40px;'
+'	overflow:hidden;'
+'	background: url(/issyuki/images/movie/bg.png);'
+'}'
+'#scrollArea div {'
+'	position:absolute;'
+'	left:0px;'
+'	top:0px;'
+'}'
+'#scrollArea div a:hover img {'
+'	filter: alpha(opacity=70);'
+'	-moz-opacity:0.7;'
+'	opacity:0.7;'
+'}'
+'#scrollBox {'
+'	margin: 10px 0 0 0;'
+'}'
+'#scrollBox div {'
+'	width: 145px;'
+'	height: 110px;'
+'	text-align: center;'
+'}'
+'#nextButton {'
+'	position:absolute;'
+'	left:0px;'
+'	top:0px;'
+'	width:40px;'
+'	height:120px;'
+'}'
+'#backButton {'
+'	position:absolute;'
+'	left:900px;'
+'	top:0px;'
+'	width:40px;'
+'	height:120px;'
+'}'
+'-->'
+'</style>';




document.write(mainContent);




//ボタン配置処理
var loopStop = 0;
var sPosition = 0;
var buttonSize = 145;
var buttonCount = 16;
var nextPoint = "-=145px";
var backPoint = "+=145px";
var schoolCount = 40;

$(document).ready(function() {
	
	function sAnimeNext() {
		var tp = $('div#scrollBox').position().left;
		var np = tp/buttonSize;
		np = Math.floor(np);
		np = tp - (buttonSize*(Number(np)-1));
		np = (np*-1)/40;
		buttonSchool(np);
	}
	
	function sAnimeBack() {
		var tp = $('div#scrollBox').position().left;
		var np = tp/buttonSize;
		np = Math.floor(np);
		np = ((tp - (buttonSize*(Number(np)+1)))-buttonSize-buttonSize)*-1;
		np = np/40;
		buttonSchool(np);
	}
	
	function sAnimeReplayN() {
		loopStop = 0;
	}
	
	function sAnimeReplayB() {
		loopStop = 0;
	}
	
	$("div#backButton").click(function() {
		if(loopStop == 0){
			loopStop = 1;
			sAnimeNext();
		}
	})
	
	$("div#nextButton").click(function() {
		if(loopStop == 0){
			loopStop = 1;
			sAnimeBack();
		}
	})
	
	buttonReset();
	buttonCheck()
});


function buttonSchool(cmd) {
	schoolCount--;
	var np = cmd;
	$('div#scrollBox').css({left:$('div#scrollBox').position().left + np});
	if(schoolCount > 0){
		setTimeout('buttonSchool(' + np + ')',20);
	}else{
		schoolCount=40;
		loopStop = 0;
	}
}

function buttonReset() {
	$('div#sButton01').css({left:0});
	$('div#sButton02').css({left:145});
	$('div#sButton03').css({left:290});
	$('div#sButton04').css({left:435});
	$('div#sButton05').css({left:580});
	$('div#sButton06').css({left:725});
	$('div#sButton07').css({left:870});
	$('div#sButton08').css({left:1015});
	$('div#sButton09').css({left:1160});
	$('div#sButton10').css({left:1305});
	$('div#sButton11').css({left:1450});
	$('div#sButton12').css({left:1595});
	$('div#sButton13').css({left:1740});
	$('div#sButton14').css({left:1885});
	$('div#sButton15').css({left:2030});
	$('div#sButton16').css({left:2175});
}

function buttonCheck() {
	if(loopStop == 0){
		$('div#scrollBox').css({left:$('div#scrollBox').position().left - 1});

		if(sPosition < (buttonSize*buttonCount)*-1){
			$('div#scrollBox').css({left:sPosition-(buttonSize*buttonCount)*-1});
			buttonReset();
			//alert("aaa" + $('div#scrollBox').position().left);
		}
		
		if(sPosition > (buttonSize*buttonCount)){
			$('div#scrollBox').css({left:sPosition-(buttonSize*buttonCount)});
			buttonReset();
			//alert("bbb" + $('div#scrollBox').position().left);
		}
	}
	
	sPosition = $('div#scrollBox').position().left;
	



	if(sPosition > buttonSize*-1 && sPosition < buttonSize*6){
		$('div#sButton01').css({left:0});
	}else if(sPosition > 0){
		$('div#sButton01').css({left:buttonSize*-16});
	}else{
		$('div#sButton01').css({left:buttonSize*16});
	}

	if(sPosition > buttonSize*-2 && sPosition < buttonSize*5){
		$('div#sButton02').css({left:buttonSize});
	}else if(sPosition > 0){
		$('div#sButton02').css({left:buttonSize*-15});
	}else{
		$('div#sButton02').css({left:buttonSize*17});
	}

	if(sPosition > buttonSize*-3 && sPosition < buttonSize*4){
		$('div#sButton03').css({left:buttonSize*2});
	}else if(sPosition > 0){
		$('div#sButton03').css({left:buttonSize*-14});
	}else{
		$('div#sButton03').css({left:buttonSize*18});
	}

	if(sPosition > buttonSize*-4 && sPosition < buttonSize*3){
		$('div#sButton04').css({left:buttonSize*3});
	}else if(sPosition > 0){
		$('div#sButton04').css({left:buttonSize*-13});
	}else{
		$('div#sButton04').css({left:buttonSize*19});
	}

	if(sPosition > buttonSize*-5 && sPosition < buttonSize*2){
		$('div#sButton05').css({left:buttonSize*4});
	}else if(sPosition > 0){
		$('div#sButton05').css({left:buttonSize*-12});
	}else{
		$('div#sButton05').css({left:buttonSize*20});
	}

	if(sPosition > buttonSize*-6 && sPosition < buttonSize*1){
		$('div#sButton06').css({left:buttonSize*5});
	}else if(sPosition > 0){
		$('div#sButton06').css({left:buttonSize*-11});
	}else{
		$('div#sButton06').css({left:buttonSize*21});
	}

	if(sPosition > buttonSize*-7 && sPosition < 0){
		$('div#sButton07').css({left:buttonSize*6});
	}else if(sPosition > 0){
		$('div#sButton07').css({left:buttonSize*-10});
	}else{
		$('div#sButton07').css({left:buttonSize*22});
	}

	if(sPosition > buttonSize*-8 && sPosition < buttonSize*-1){
		$('div#sButton08').css({left:buttonSize*7});
	}else if(sPosition > 0){
		$('div#sButton08').css({left:buttonSize*-9});
	}

	if(sPosition > buttonSize*-9 && sPosition < buttonSize*-2){
		$('div#sButton09').css({left:buttonSize*8});
	}else if(sPosition > buttonSize*15){
		$('div#sButton09').css({left:buttonSize*-22});
	}else if(sPosition > 0){
		$('div#sButton09').css({left:buttonSize*-8});
	}

	if(sPosition > buttonSize*-10 && sPosition < buttonSize*-3){
		$('div#sButton10').css({left:buttonSize*9});
	}else if(sPosition > buttonSize*14){
		$('div#sButton10').css({left:buttonSize*-21});
	}else if(sPosition > 0){
		$('div#sButton10').css({left:buttonSize*-7});
	}

	if(sPosition > buttonSize*-11 && sPosition < buttonSize*-4){
		$('div#sButton11').css({left:buttonSize*10});
	}else if(sPosition > buttonSize*13){
		$('div#sButton11').css({left:buttonSize*-20});
	}else if(sPosition > 0){
		$('div#sButton11').css({left:buttonSize*-6});
	}

	if(sPosition > buttonSize*-12 && sPosition < buttonSize*-5){
		$('div#sButton12').css({left:buttonSize*11});
	}else if(sPosition > buttonSize*12){
		$('div#sButton12').css({left:buttonSize*-19});
	}else if(sPosition > 0){
		$('div#sButton12').css({left:buttonSize*-5});
	}

	if(sPosition > buttonSize*-13 && sPosition < buttonSize*-6){
		$('div#sButton13').css({left:buttonSize*12});
	}else if(sPosition > buttonSize*11){
		$('div#sButton13').css({left:buttonSize*-18});
	}else if(sPosition > 0){
		$('div#sButton13').css({left:buttonSize*-4});
	}

	if(sPosition > buttonSize*-14 && sPosition < buttonSize*-7){
		$('div#sButton14').css({left:buttonSize*13});
	}else if(sPosition > buttonSize*10){
		$('div#sButton14').css({left:buttonSize*-17});
	}else if(sPosition > 0){
		$('div#sButton14').css({left:buttonSize*-3});
	}

	if(sPosition > buttonSize*-15 && sPosition < buttonSize*-8){
		$('div#sButton15').css({left:buttonSize*14});
	}else if(sPosition > buttonSize*9){
		$('div#sButton15').css({left:buttonSize*-16});
	}else if(sPosition > 0){
		$('div#sButton15').css({left:buttonSize*-2});
	}

	if(sPosition > buttonSize*-16 && sPosition < buttonSize*-9){
		$('div#sButton16').css({left:buttonSize*15});
	}else if(sPosition > buttonSize*8){
		$('div#sButton16').css({left:buttonSize*-15});
	}else if(sPosition > 0){
		$('div#sButton16').css({left:buttonSize*-1});
	}


	
	setTimeout('buttonCheck()',40);
}