window.onDomReady(function(){

/*sliding content */
$('stepOne').effect('height').set(0); /*set the height of stepOne to be 0*/
$('stepOne').effect('color').set('FFFFFF'); 

var readFx = new Fx.Styles('stepOne', {duration:300, trainsition:Fx.Transitions.backIn});
var i=0;
	$ES('#stepOneRead').addEvent('click',function(){
	if(i==0){
	readFx.start({
	'height':['0','128'],
	'background-color': ['ffffff','555555'],
	'padding': ['0', '8']
		});
	i=1;
	}
	});
												
	$ES('#stepOneMinimize').addEvent('click', function() {
	readFx.start({    
	'background-color': ['555555', 'ffffff'],
	'height': ['128', '0'],
	'padding': ['8', '0']
		});
		});
	
/*tip*/
var Tips1 = new Tips($$('.tip'));
var Tips2 = new Tips($$('.reflect'));

/*menu*/
$('menulist_1').effect('opacity').set(0);
$('menulist_1').effect('height').set(0);
$('menulist_3').effect('opacity').set(0);
$('menulist_3').effect('height').set(0);
$('menulist_4').effect('opacity').set(0);
$('menulist_4').effect('height').set(0);
$('menulist_5').effect('opacity').set(0);
$('menulist_5').effect('height').set(0);
var navFx1 = new Fx.Styles('menulist_1',{duration:400, transition: Fx.Transitions.Bounce.easeOut});
	$ES('#menulink_1').addEvent('mouseover',function() {
		navFx1.start({
			'height':['0','22'],
			'opacity':['0','1']
		});
	});


var navFx3 = new Fx.Styles('menulist_3',{duration:400, transition: Fx.Transitions.Bounce.easeOut});
	$ES('#menulink_3').addEvent('mouseover',function() {
		navFx3.start({
			'height':['0','66'],
			'opacity':['0','1']
		});
	});


var navFx4 = new Fx.Styles('menulist_4',{duration:400, transition: Fx.Transitions.Bounce.easeOut});
	$ES('#menulink_4').addEvent('mouseover',function() {
		navFx4.start({
			'height':['0','66'],
			'opacity':['0','1']
		});
	});


var navFx5 = new Fx.Styles('menulist_5',{duration:400, transition: Fx.Transitions.Bounce.easeOut});
	$ES('#menulink_5').addEvent('mouseover',function() {
		navFx5.start({
			'height':['0','66'],
			'opacity':['0','1']
		});
	});

});