var fx1 = new Fx.Morph('page-img1', { fps: 600, duration: 800, transition: Fx.Transitions.Circ.easeOut });
function displayImage() {
	$('page-img1').setStyles({ opacity : 0 });
	fx1.pause();
	fx1.start({
		opacity : 1,
		height: 513,
		left: 13
	});
}

var fx2 = new Fx.Morph('page-img2', { fps: 600, duration: 800, transition: Fx.Transitions.Circ.easeOut });
function ttDisplayImage() {
	$('page-img2').setStyles({ opacity : 0 });
	fx2.pause();
	fx2.start({
		opacity : 1,
		height: 300,
		left: 785
	});
}

var fx3 = new Fx.Morph('page-ball', { fps: 600, duration: 600, transition: Fx.Transitions.Circ.easeOut });
function ballDisplayImage() {
	$('page-ball').setStyles({ opacity : 0 });
	fx3.pause();
	fx3.start({
		opacity : 1,
		top: 58
	}).chain(function(){
		fx3.start({
			top: 53
		}).chain(function(){
			fx3.start({
				top: 58
			});
		});
	});
}

var fx4 = new Fx.Morph('girls-photo', { fps: 800, duration: 800, transition: Fx.Transitions.Circ.easeOut });
$$('ul#girls-list img').addEvents({
	'click' : function(){
		if ($('girls-photo').getProperty('index') == this.id) return false;
		var self = this;
		fx4.pause();
		fx4.start({
			opacity: 0,
			width: 400,
			height: 400
		}).chain(function(){
			$('girls-photo').src = self.getProperty('big_src');
			$('girls-photo').setProperty('index', self.id);
			fx4.start({
				opacity: 1,
				width: 400,
				height: 400
				});
			});
	}
});

displayImage();
ttDisplayImage();
ballDisplayImage.delay(1000);

/*opacity:0;filter:Alpha(opacity=0);(写在第72行的style下)
var fx1 = new Fx.Morph('page-img1', { fps: 600, duration: 600, transition: Fx.Transitions.Circ.easeOut });
function displayImage() {
	fx1.pause();
	fx1.start({
		opacity : 0,
		height: 513,
		left: -17
	}).chain(function(){
		fx1.start({
			opacity: 1,
			height: 513,
			left: 13
		});
	});
}*/

/*
var fx1 = new Fx.Morph('page-img1', { fps: 600, duration: 600, transition: Fx.Transitions.Circ.easeOut });
function displayImage() {
	$('page-img1').setStyles({ opacity : 0 });
	fx1.pause();
	fx1.start({
		opacity : [0, 1],
		height: 513,
		left: [-97, 13]
	});
}
*/

/*
var fx2 = new Fx.Morph('page-img2', { fps: 600, duration: 600, transition: Fx.Transitions.Circ.easeOut });
function ttDisplayImage() {
	fx2.pause();
	fx2.start({
		opacity : 0,
		height: 300,
		left: 785
	}).chain(function(){
		fx2.start({
			opacity: 1,
			height: 300,
			left: 755
		});
	});
}
*/