// JavaScript Document



//Hide all .sheet but first one.
window.onload = function hideAllSheet() {
	var mySheets = document.getElementsByClassName('sheet');
	for ( var i=1, L=mySheets.length; i<L; i++) {
		//new Effect.Fade(mySheets[i]);
		mySheets[i].style.display = 'none';
	}
	mySheets[0].style.opacity = 0.999999;
}


//Sheet changer with fade in and out effect.
function changeEffect(postId) {
	var mySheets = document.getElementsByClassName('sheet');
	for ( var i=0, L=mySheets.length; i<L; i++) {
		if ( mySheets[i].style.display != 'none' ) {
			break;
		}
	}	
	var myAppear = document.getElementById(postId);
	if ( myAppear == mySheets[i] ) {
		//same sheet
		//alert('同じです');
		var myOpacity = mySheets[i].style.opacity;
		var myAlpha = mySheets[i].style.alpha;
		//alert(myAlpha);
		if ( myOpacity == 0.999999 ) {
			mySheets[i].style.display = 'none';
			new Effect.Appear(myAppear, {duration:3,delay:0});
		}
	} else {
		//other sheet
		//alert('違います');
		new Effect.Fade(mySheets[i],{duration:1});
		new Effect.Appear(myAppear, {duration:3,delay:0});
	}
	
	
	//mySheets[i].style.display = 'none';
	//new Effect.Fade(mySheets[i],{duration:1});
	
	//new Effect.Appear(myAppear, {duration:3,delay:0});
}