// JavaScript Document
	
	var KareIdx = 1;
	function scrPost1() {
			$("#film").animate({left: 0}, 1000);
			$("#info1").fadeIn(1000);
			$("#info2").hide();
			$("#info3").hide();
			$("#info4").hide();
			$("#post1").addClass("active");
			$("#post2").removeClass();
			$("#post3").removeClass(); 
			$("#post4").removeClass(); 
			KareIdx = 1;
	}
	
	
	function scrPost2() {
			$("#film").animate({left: -900}, 1000);
			$("#info1").hide();
			$("#info2").fadeIn(1000);
			$("#info3").hide();
			$("#info4").hide();
			$("#post1").removeClass();
			$("#post2").addClass("active");
			$("#post3").removeClass(); 
			$("#post4").removeClass(); 
			KareIdx = 2;
	}
	
	function scrPost3() {
			$("#film").animate({left: -1800}, 1000);
			$("#info1").hide();
			$("#info2").hide();
			$("#info3").fadeIn(1000);
			$("#info4").hide();
			$("#post1").removeClass();
			$("#post2").removeClass();
			$("#post3").addClass("active"); 
			$("#post4").removeClass();
			KareIdx = 3;
	}
		function scrPost4() {
			$("#film").animate({left: -2700}, 1000);
			$("#info1").hide();
			$("#info2").hide();
			$("#info2").hide();
			$("#info4").fadeIn(1000);
			$("#post1").removeClass();
			$("#post2").removeClass();
			$("#post3").removeClass();
			$("#post4").addClass("active"); 
			KareIdx = 4;
	}
	

$(document).ready(function() {	
					$("#post1").click (function () { scrPost1(); }	);
					$("#post2").click (function () { scrPost2(); }	);
					$("#post3").click (function () { scrPost3(); }	);
					$("#post4").click (function () { scrPost4(); }	);
				   });
	

	function scrollKareta() {
		switch(KareIdx) {
			case 1 : scrPost2(); break;
			case 2 : scrPost3(); break;
			case 3 : scrPost1(); break;
			case 4 : scrPost4(); break;
			default: scrPost1(); 
		}
	}