//uses mootools 1.2beta2
//requires: assets, fx.transitions, fx.slide, fx.tween, domready
window.addEvent('domready', function() {
	mySlideFx = new Fx.Slide('photo', {duration: 500, mode: 'horizontal', transition: Fx.Transitions.Cubic.easeOut}).hide();
	
	function onProperLoad() {
		$('photo').style.visibility = 'visible';
		mySlideFx.slideIn();
	}
	
	if (!$('intro')) {
		var myImage = new Asset.image($('pic').getProperty('src'), {id: 'pic', onload: onProperLoad});
	} else {
		var row1Fx = new Fx.Slide('row1c', {duration: 500, mode: 'horizontal', transition: Fx.Transitions.Cubic.easeOut}).hide();
		var row2Fx = new Fx.Slide('row2c', {duration: 500, mode: 'horizontal', transition: Fx.Transitions.Cubic.easeOut}).hide();
		var row3Fx = new Fx.Slide('row3c', {duration: 500, mode: 'horizontal', transition: Fx.Transitions.Cubic.easeOut}).hide();
	
		// chain happy
		row1Fx.slideIn().chain(function(){
			row2Fx.slideIn().chain(function(){
				row3Fx.slideIn().chain(function(){
					$('photo').style.visibility = 'visible';
					mySlideFx.slideIn();
				});
			});
		});
	}

	//links cause photo to fade out
	var fadeFx = new Fx.Tween('photo', 'opacity');
	$$('a').addEvent('click', function(e){
		if (this.getProperty('rel') != 'statement') {
			e = new Event(e).stop();
			var page = this.getProperty('href');
			
			$('statement').innerHTML = 'Details';
			var mySlider = new Fx.Slide('extra', {duration: 300, mode: 'horizontal'});
			mySlider.slideOut();
			
			fadeFx.start(0.01).chain(function(){
				window.location.href = page;
			});
		} else {
			// console.log(this.getProperty('rel'));
		}
	});
	
});