function myMooTools(){					
	
	preload_stuff();

	var pageEffects = [];
	$$('.page_content').each(function(el, i){
		pageEffects[i] = el.effect('opacity', {duration: 500, wait: true});
	});

	var scroll = new Fx.Scroll('container', {
		wait: false,
		duration: 2500,
		transition: Fx.Transitions.Quad.easeOut
	});
	
	var menufx = $('menu').effect('opacity', {duration: 500, wait: true});
	
	var singerbgSlide = new Fx.Slide('singer_background');

	// Menu items -> links
	$$('#menu img').addEvent('click', function(e) {
		e = new Event(e).stop();
		menufx.start(0);		
		singerbgSlide.slideOut();
		
		pageEffects.each(function(el){
			el.start(0);
		});			

		(function() {
			// For the sake of smoother sliding in everything non-Safari
			$$('.page_content').setStyle('display','none');
			$('menu').setStyle('display','none');
			
			scroll.toElement(this.id.substr(2));	
		}).delay(500, this); // 500 = menufx.duration

		(function() {
			// For the sake of smoother sliding in everything non-Safari
			$$('.page_content').setStyle('display','block');
			$('menu').setStyle('display','block');
			
			singerbgSlide.slideIn();
			menufx.start(1);
			pageEffects.each(function(el){
				el.start(1);
			});			
		}).delay(3000, this); // 3000 = menufx.duration + scroll.duration
		
	});
	
	// Make page_content scrollable
	var page_scrollers = [];
	$$('.page_content').each(function(content, i){
		page_scrollers[i] = new Scroller(content, {area: 100, velocity: 0.5});
		content.addEvent('mouseover', page_scrollers[i].start.bind(page_scrollers[i]));
		content.addEvent('mouseout', page_scrollers[i].stop.bind(page_scrollers[i]));
	});
	
	// Make links to previous events clickable
	var linknames = ["dancing_prev_events_link", "singing_prev_events_link", "travels_prev_events_link"];
	
	linknames.each(function(alink, i){
		$(alink).addEvent('click', function(e){
			var type = alink.substr(0, alink.indexOf('_'));
			$(type+"_prev_events").innerHTML = "loading...";
						
			var url = (type=="travels" ? "travels" : "events")+".php?past=1&type="+type;
			var preveajax = new Ajax(url, {
				method: 'get',
				update: $(type+'_prev_events')
			}).request();
			
		});
	});
	
	// Make journal expander clickable
	$("journal_more_link").addEvent('click', fetch_journal);
}

function fetch_journal(e) {
		e = new Event(e).stop();
		var start = this.href.substr(this.href.lastIndexOf("#")+1);
		var url = "journal.php?start="+start;
	
		var waiter = new Element('div');
		waiter.innerHTML = "loading...";
		waiter.injectBefore($('journal_more'));
		$('journal_more').remove();

		var journalajax = new Ajax(url, {
			method: 'get',
			update: waiter
		}).request();		
		
		journalajax.addEvent('onComplete', function() {
			$("journal_more_link").addEvent('click', fetch_journal);
		});
}

function preload_stuff() {
	var path = "IMG/layout/";
	var preload_images = [

		path + 'bg.jpg',
		path + 'contact.jpg',
		path + 'contact.png',
		path + 'dancer.jpg',
		path + 'dancer.png',
		path + 'education.png',
		path + 'events.png',
		path + 'experience.png',
		path + 'glow.png',
		path + 'index.jpg',
		path + 'index.png',
		path + 'journal.jpg',
		path + 'journal.png',
		path + 'links.jpg',
		path + 'links.png',
		path + 'menubg.png',
		path + 'model.jpg',
		path + 'model.png',
		path + 'model_header.png',
		path + 'profile.png',
		path + 'singer.jpg',
		path + 'singer.png',
		path + 'singer_background.png',
		path + 'travels.png'	
	];
	
	var preloadfx = $('preload').effect('opacity', {duration: 500, wait: true});
	var percent = 0;
	
	new Asset.images(preload_images, {
		onProgress: function(i) {
			percent = ((i+1)/preload_images.length*100).round();
			$('preload_percent').innerHTML = percent;
		},
		onComplete: function() {
			preloadfx.start(1,0);
			(function(){
				$('preload').remove();
			}).delay(500);
		}
	});
	
			
}
window.addEvent('domready', myMooTools);