/*
 * Script: debunote-cover.js - code for cover pages
 * Author: Lim Chee Aun
 */

window.addEvent('domready', function(){
	if(!$('debunote-back-cover')){
		$('debunote-cover-1').setOpacity(0);
		$('debunote-cover-1').setStyles('position: absolute; left: 45px;');
		$('debunote-cover-2').setStyles('position: absolute; left: 45px; width: 0; overflow: hidden; margin-left: 450px');
		$('debunote-cover-2').setOpacity(0);
	}
});

window.addEvent('load', function(){
	if(!$('debunote-back-cover')) front_cover_fx();
	else back_cover_fx();
});

function front_cover_fx(){
	var cover1effect = $('debunote-cover-1').effects();
	var cover2effect = $('debunote-cover-2').effects();

	cover1effect.start({'opacity': 1});

	$('open-cover').addEvent('click', function(){
		cover1effect.start({
			'opacity': 0,
			'width': 0
		});
		cover2effect.start({
			'opacity': 1,
			'width': 450,
			'margin-left': 0
		});
	});

	$('front-cover').addEvent('click', function(){
		new Fx.Scroll(window, {duration: 1000}).toTop();
		cover1effect.start({
			'opacity': 1,
			'width': 450
		});
		cover2effect.start({
			'opacity': 0,
			'width': 0,
			'margin-left': 450
		});
	});
}

function back_cover_fx(){
	$('debunote-back-cover').effect('opacity').set(0).start(1);
}