//-------------------------------------------
// File Name	:about.js
// Contents		:アバウト
// Copyright (c) 1998-2011 studio e-space Inc.
//-------------------------------------------
var about_flag=0;

$( function() {

//メニュー選択
	$('#about_main li.outline').click(function () {
		aboutChange1();
		about_flag=0;
	});		
	
	$('#about_main li.story').click(function () {
		aboutChange2();
		about_flag=2;
	});		
	
	$('#about_main li.recruit').click(function () {
		aboutChange3();
		about_flag=1;
	});		
	
	$('#about_main .recruit .btn_open').click(function () {
		//画像切り替え
		$('#recruit_main').css({"display":"block"}).animate({top:'220px'},{duration: "slow", easing: "jswing"});
		mCustomScrollbars();
	});		
	
	$('#recruit_main .btn_close').click(function () {
		//画像切り替え
		$('#recruit_main').animate({top:'750px'},{duration: "slow", easing: "jswing",complete: function(){$('#recruit_main').css({"display":"none"});}});
	});		
	
	$('#about_main .next').click(function () {
		 about_flag ++;
		//画像切り替え
		if(about_flag==0){
			aboutChange1();
		} else if(about_flag==1){
			aboutChange3();
		} else if(about_flag==2){
			aboutChange2();
		}

	});		
	
	
	$('#about_main .prev').click(function () {
		about_flag --;
		//画像切り替え
		if(about_flag==0){
			aboutChange1();
		} else if(about_flag==1){
			aboutChange3();
		} else if(about_flag==2){
			aboutChange2();
		}

	});		
	
	
	//リクルートチェックボックス切り替え
	$('#recruit_main p.checkbtn').click(function () {
		var changeSrc = $(this).find('img').attr('src').replace('off', 'on');
		$(this).find('img').attr('src',changeSrc);
	});		
	
	
//END	
});		

function aboutChange1(){
			var changeSrc = $('#about_main li.outline').find('img').attr('src').replace('off', 'on');
			$('#about_main li.outline').find('img').attr('src',changeSrc);
	
			var changeSrc_story = $('#about_main li.story').find('img').attr('src').replace('on', 'off');
			$('#about_main li.story').find('img').attr('src',changeSrc_story);
			var changeSrc_recruit = $('#about_main li.recruit').find('img').attr('src').replace('on', 'off');
			$('#about_main li.recruit').find('img').attr('src',changeSrc_recruit);
	
			//画像切り替え
			$('#about_main .left .text_area .outline').fadeIn("slow");
			$('#about_main .left .text_area .story').fadeOut("slow");
			$('#about_main .left .text_area .recruit').fadeOut("slow");
	
			//画像切り替え
			$('#recruit_main').animate({top:'750px'},{duration: "slow", easing: "jswing",complete: function(){$('#recruit_main').css({"display":"none"});}});
	
			//ボタン切り替え
			$('#about_main .prev').hide();
			$('#about_main .next').show();
}


function aboutChange2(){
			var changeSrc = $('#about_main li.story').find('img').attr('src').replace('off', 'on');
			$('#about_main li.story').find('img').attr('src',changeSrc);
	
			var changeSrc_outline = $('#about_main li.outline').find('img').attr('src').replace('on', 'off');
			$('#about_main li.outline').find('img').attr('src',changeSrc_outline);
	
			var changeSrc_recruit = $('#about_main li.recruit').find('img').attr('src').replace('on', 'off');
			$('#about_main li.recruit').find('img').attr('src',changeSrc_recruit);
			
			//画像切り替え
			$('#about_main .left .text_area .outline').fadeOut("slow");
			$('#about_main .left .text_area .story').fadeIn("slow");
			$('#about_main .left .text_area .recruit').fadeOut("slow");
			
			//画像切り替え
			$('#recruit_main').animate({top:'750px'},{duration: "slow", easing: "jswing",complete: function(){$('#recruit_main').css({"display":"none"});}});
			
			//ボタン切り替え
			$('#about_main .prev').show();
			$('#about_main .next').hide();
}


function aboutChange3(){
			var changeSrc = $('#about_main li.recruit').find('img').attr('src').replace('off', 'on');
			$('#about_main li.recruit').find('img').attr('src',changeSrc);
	
			var changeSrc_outline = $('#about_main li.outline').find('img').attr('src').replace('on', 'off');
			$('#about_main li.outline').find('img').attr('src',changeSrc_outline);
	
			var changeSrc_story = $('#about_main li.story').find('img').attr('src').replace('on', 'off');
			$('#about_main li.story').find('img').attr('src',changeSrc_story);
			
			//画像切り替え
			$('#about_main .left .text_area .outline').fadeOut("slow");
			$('#about_main .left .text_area .story').fadeOut("slow");
			$('#about_main .left .text_area .recruit').fadeIn("slow");
			
			//ボタン切り替え
			$('#about_main .prev').show();
			$('#about_main .next').show();
}

//アバター画像の切り替え
function about_avator(i){
	
	switch(i){
		case 0:
			
			$("#about_avator").css("background-position","-2px -1px");
			
//			setTimeout('about_avator(1)',1000);
			break;

		case 1:

			$("#about_avator").css("background-position","-81px -1px");
			break;
		
		case 2:

			$("#about_avator").css("background-position","-160px -1px");
			break;

		case 3:

			$("#about_avator").css("background-position","-318px -1px");
			break;
		
		case 4:

			$("#about_avator").css("background-position","-397px -1px");
			break;

		case 5:

			$("#about_avator").css("background-position","-476px -1px");
			break;
	}
}

//アバターの歩く座標を計算
function aboutAvatorWalk(i){
	
	var client_X	= document.documentElement.clientWidth;
	var about_X		= parseInt($("#about_area").css("width"));
	var avator_X	= parseInt($("#loggerhead_avator").css("left"));
	
	var move_X = (client_X/2) - (about_X/2) + 50;
	
	switch(i){
		case 0:
			$("#about_avator").css("left", "-65px");
		
			break;
		
		case 1:
			about_avator(2);
			$("#about_avator").css("left", (move_X/3) + "px");
		
			break;
		
		case 2:
			about_avator(3);
			$("#about_avator").css("left", (move_X/3) + (move_X/3) + "px");
		
			break;
		
		case 3:
			about_avator(4);
			$("#about_avator").css("left", move_X + "px");
			setTimeout('about_avator(0)',500);
		
			break;
	}
}