/*
 *  2010.08.30
 *  カタリスト使用時
 */




//メイン画像フォルダ
var imageFolder = 'index201009';

//ボタン01の設定
var button01pass = 'contents/event/event20100622a.html';
var button01target = '_self';
var button01alt = 'eneloop lite ® 新発売';
var button01image = 'images/button_lite.jpg';

//ボタン02の設定
var button02pass = 'contents/town/index.html';
//var button02target = '_self';
var button02alt = 'ぼくとお散歩しよ！ エネルーピータウン';
var button02image = 'images/button_town2.jpg';

//スクロールボタン01の設定
var sButton01pass = "javascript:openNewWindow('song/index.html','song','status=status=yes,scrollbars=no,resizable=no,width=530,height=640')";
var sButton01target = '';
var sButton01alt = '歌って踊ろう！エネルーピーソング';
var sButton01image = 'images/button_song.gif';

//スクロールボタン02の設定
var sButton02pass = 'contents/gallery/kabegami.html';
var sButton02target = '_self';
var sButton02alt = 'エネルーピー壁紙ダウンロード';
var sButton02image = 'images/button_kabegami.jpg';

//スクロールボタン03の設定
var sButton03pass = 'contents/funfun_land/manga.html';
var sButton03target = '_self';
var sButton03alt = 'マンガエネルーピー';
var sButton03image = 'images/button_manga.jpg';

//スクロールボタン04の設定
var sButton04pass = 'contents/eneloop_house/whats.html';
var sButton04target = '_self';
var sButton04alt = 'エネループってなに？';
var sButton04image = 'images/button_whats.jpg';

//スクロールボタン05の設定
var sButton05pass = 'http://eneloopy.com/contents/funfun_land/calendar01/index.html';
var sButton05target = '_self';
var sButton05alt = '日めくりエネルーピー';
var sButton05image = 'images/button_himekuri.jpg';

//スクロールボタン06の設定
var sButton06pass = 'http://eneloopy.com/photo/';
var sButton06target = '_blank';
var sButton06alt = '作品募集中 レアエネルーピーが当たる！';
var sButton06image = 'images/button_photo.jpg';

//スクロールボタン07の設定
var sButton07pass = 'contents/gallery/papercraft.html';
var sButton07target = '_self';
var sButton07alt = '作ろう！ペーパークラフト';
var sButton07image = 'images/button_paper.jpg';

//スクロールボタン08の設定
var sButton08pass = 'contents/funfun_land/game.html';
var sButton08target = '_self';
var sButton08alt = 'FUNFUN LAND ゲームであそぼう';
var sButton08image = 'images/button_game.jpg';




var mainContent = '';


mainContent += '<div id="homeMainArea">';
	
	//メインエリア（背景・壁紙GET!・ストップボタン2個・グローバルナビ）
	mainContent += '<img src="images/' + imageFolder + '/main.jpg" alt="eneloopy" width="920" height="600" /><br />';
	
	mainContent += '<div id="getButton">';
	mainContent += '<a href="contents/gallery/kabegami.html" title="壁紙GET!"><img src="images/' + imageFolder + '/get.jpg" alt="壁紙GET!" width="60" height="60" /></a>';
	mainContent += '</div>';
	
	mainContent += '<div id="stopButton01">';
	mainContent += '<a href="' + button01pass + '" target="' + button01target + '" title="' + button01alt + '"><img src="' + button01image + '" alt="' + button01alt + '" width="125" height="100" /></a>';
	mainContent += '</div>';
	
	mainContent += '<div id="stopButton02">';
	mainContent += '<a href="' + button02pass + '" title="' + button02alt + '"><img src="' + button02image + '" alt="' + button02alt + '" width="125" height="100" /></a>';
	mainContent += '</div>';
	
	//スクロールボタンエリア
	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="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton02">';
			mainContent += '<a href="' + sButton02pass + '" target="' + sButton02target + '" title="' + sButton02alt + '"><img src="' + sButton02image + '" alt="' + sButton02alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton03">';
			mainContent += '<a href="' + sButton03pass + '" target="' + sButton03target + '" title="' + sButton03alt + '"><img src="' + sButton03image + '" alt="' + sButton03alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton04">';
			mainContent += '<a href="' + sButton04pass + '" target="' + sButton04target + '" title="' + sButton04alt + '"><img src="' + sButton04image + '" alt="' + sButton04alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton05">';
			mainContent += '<a href="' + sButton05pass + '" target="' + sButton05target + '" title="' + sButton05alt + '"><img src="' + sButton05image + '" alt="' + sButton05alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton06">';
			mainContent += '<a href="' + sButton06pass + '" target="' + sButton06target + '" title="' + sButton06alt + '"><img src="' + sButton06image + '" alt="' + sButton06alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton07">';
			mainContent += '<a href="' + sButton07pass + '" target="' + sButton07target + '" title="' + sButton07alt + '"><img src="' + sButton07image + '" alt="' + sButton07alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
			
			mainContent += '<div id="sButton08">';
			mainContent += '<a href="' + sButton08pass + '" target="' + sButton08target + '" title="' + sButton08alt + '"><img src="' + sButton08image + '" alt="' + sButton08alt + '" width="125" height="100" /></a>';
			mainContent += '</div>';
		
		mainContent += '</div>';
		
	mainContent += '</div>';
	
	mainContent += '<div id="nextButton">';
	mainContent += '<a href="javascript:void(0)" title="next"><img src="images/next_button.jpg" alt="next" width="20" height="100" /></a>';
	mainContent += '</div>';
	
	mainContent += '<div id="backButton">';
	mainContent += '<a href="javascript:void(0) " title="back"><img src="images/back_button.jpg" alt="back" width="20" height="100" /></a>';
	mainContent += '</div>';
	
	mainContent += '<div class="clearBoth"></div>';
	
mainContent += '</div>';




//メインエリア用CSS
mainContent += ''
+'<style TYPE="text/css">'
+'<!--'
+'#homeMainArea {'
+'	position:relative;'
+'}'
+'/*----------------------------------------*/'
+'#getButton {'
+'	position:absolute;'
+'	left:847px;'
+'	top:13px;'
+'	width:60px;'
+'	height:60px;'
+'}'
+'#getButton a:hover {'
+'	background-color:transparent;'
+'}'
+'#getButton a:hover img {'
+'	visibility:hidden;'
+'}'
+'#getButton a {'
+'	display:block;'
+'	height: 60px;'
+'	width: 60px;'
+'	background: url(images/' + imageFolder + '/get_over.jpg);'
+'}'
+'/*----------------------------------------*/'
+'#stopButton01 {'
+'	position:absolute;'
+'	left:40px;'
+'	top:422px;'
+'}'
+'#stopButton02 {'
+'	position:absolute;'
+'	left:168px;'
+'	top:422px;'
+'}'
+'#stopButton01 a:hover img, #stopButton02 a:hover img {'
+'	filter: alpha(opacity=70);'
+'	-moz-opacity:0.7;'
+'	opacity:0.7;'
+'}'
+'/*----------------------------------------*/'
+'#scrollArea {'
+'	position:absolute;'
+'	left:346px;'
+'	top:422px;'
+'	width: 508px;'
+'	height: 100px;'
+'	overflow:hidden;'
+'}'
+'#scrollArea div {'
+'	position:absolute;'
+'	left:0px;'
+'	top:0px;'
+'}'
+'#scrollArea div a:hover img {'
+'	filter: alpha(opacity=70);'
+'	-moz-opacity:0.7;'
+'	opacity:0.7;'
+'}'
+'#nextButton {'
+'	position:absolute;'
+'	left:321px;'
+'	top:422px;'
+'	width:20px;'
+'	height:100px;'
+'}'
+'#nextButton a:hover {'
+'	background-color:transparent;'
+'}'
+'#nextButton a:hover img {'
+'	visibility:hidden;'
+'}'
+'#nextButton a {'
+'	display:block;'
+'	height: 100px;'
+'	width: 20px;'
+'	background: url(images/next_button_over.jpg);'
+'}'
+'#backButton {'
+'	position:absolute;'
+'	left:860px;'
+'	top:422px;'
+'	width:20px;'
+'	height:100px;'
+'}'
+'#backButton a:hover {'
+'	background-color:transparent;'
+'}'
+'#backButton a:hover img {'
+'	visibility:hidden;'
+'}'
+'#backButton a {'
+'	display:block;'
+'	height: 100px;'
+'	width: 20px;'
+'	background: url(images/back_button_over.jpg);'
+'}'



+'-->'
+'</style>';




document.write(mainContent);




//ボタン配置処理
var loopStop = 0;
var sPosition = 0;
var buttonSize = 125+3;
var buttonCount = 8;
var nextPoint = "-=128px";
var backPoint = "+=128px";
var schoolCount = 20;

$(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)/20;
		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/20;
		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 + ')',10);
	}else{
		schoolCount=20;
		loopStop = 0;
	}
}

function buttonReset() {
	$('div#sButton01').css({left:0});
	$('div#sButton02').css({left:128});
	$('div#sButton03').css({left:256});
	$('div#sButton04').css({left:384});
	$('div#sButton05').css({left:512});
	$('div#sButton06').css({left:640});
	$('div#sButton07').css({left:768});
	$('div#sButton08').css({left:896});
}

function buttonCheck() {
	if(loopStop == 0){
		$('div#scrollBox').css({left:$('div#scrollBox').position().left - 1});
		
		if(sPosition < (buttonSize*8)*-1){
			$('div#scrollBox').css({left:sPosition-(buttonSize*8)*-1});
			buttonReset();
			//alert("aaa" + $('div#scrollBox').position().left);
		}
		
		if(sPosition > (buttonSize*8)){
			$('div#scrollBox').css({left:sPosition-(buttonSize*8)});
			buttonReset();
			//alert("bbb" + $('div#scrollBox').position().left);
		}
	}
	
	sPosition = $('div#scrollBox').position().left;
	
	if(sPosition > buttonSize*-1 && sPosition < buttonSize*4){
		$('div#sButton01').css({left:0});
	}else if(sPosition > 0){
		$('div#sButton01').css({left:buttonSize*-8});
	}else{
		$('div#sButton01').css({left:buttonSize*8});
	}
	
	if(sPosition > buttonSize*-2 && sPosition < buttonSize*3){
		$('div#sButton02').css({left:buttonSize});
	}else if(sPosition > 0){
		$('div#sButton02').css({left:buttonSize*-7});
	}else{
		$('div#sButton02').css({left:buttonSize*9});
	}
	
	if(sPosition > buttonSize*-3 && sPosition < buttonSize*2){
		$('div#sButton03').css({left:buttonSize*2});
	}else if(sPosition > 0){
		$('div#sButton03').css({left:buttonSize*-6});
	}else{
		$('div#sButton03').css({left:buttonSize*10});
	}
	
	if(sPosition > buttonSize*-4 && sPosition < buttonSize*1){
		$('div#sButton04').css({left:buttonSize*3});
	}else if(sPosition > 0){
		$('div#sButton04').css({left:buttonSize*-5});
	}else{
		$('div#sButton04').css({left:buttonSize*11});
	}
	
	if(sPosition > buttonSize*-5 && sPosition < 0){
		$('div#sButton05').css({left:buttonSize*4});
	}else if(sPosition > 0){
		$('div#sButton05').css({left:buttonSize*-4});
	}else{
		$('div#sButton05').css({left:buttonSize*12});
	}
	
	if(sPosition > buttonSize*-6 && sPosition < buttonSize*-1){
		$('div#sButton06').css({left:buttonSize*5});
	}else{
		$('div#sButton06').css({left:buttonSize*-3});
	}
	
	if(sPosition > buttonSize*-7 && sPosition < buttonSize*-2){
		$('div#sButton07').css({left:buttonSize*6});
	}else{
		$('div#sButton07').css({left:buttonSize*-2});
	}
	
	if(sPosition > buttonSize*-8 && sPosition < buttonSize*-3){
		$('div#sButton08').css({left:buttonSize*7});
	}else if(sPosition > buttonSize*8){
		$('div#sButton08').css({left:buttonSize*-9});
	}else if(sPosition > 0){
		$('div#sButton08').css({left:buttonSize*-1});
	}
	

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