window.addEvent('domready', function(){
	
	
	Element.implement({
		addLiveEvent: function(event, selector, fn){
			this.addEvent(event, function(e){
				var t = $(e.target);
				if (t.match(selector)){
					fn.apply(t, [e]);
				}
			}.bindWithEvent(this, selector, fn));
		}
	});
	
	$$('h1 a').addEvent('click', function(){
		$$('.active').removeClass('active');
		var req = new Request({url:'/pages/index.html?' + Math.random(),
			onComplete: function(txt){
				fader(txt, 'wrap');
			}
		}).send();
		return false;
	});
	
	$$('#navigation li a').addEvent('click', function(e){
		$$('.active').removeClass('active');
		this.addClass('active');
		var ref = this.get('href');
		var loc = ref.split("=");
		var urlreq;
		if(loc[1] == 'works'){
			urlreq = loc[1] + '.php?'
		} else {
			urlreq = loc[1] + '.html?'
		}
		
		var req = new Request({url:'/pages/' + urlreq + Math.random(),
			onComplete: function(txt){
				fader(txt, 'wrap');
			}
		}).send();
		e.stop();
		
	});
	
	$(document.body).addLiveEvent('mouseover', 'a.event', function(e){
		var ref = this.get('href');
		var loc = ref.substr(-4)
		this.set('href', '/#' + loc);
	});
	
	$(document.body).addLiveEvent('click', 'a.event', function(e){
		$$('#sidebar-left .active').removeClass('active');
		this.addClass('active');
		var ref = this.get('href');
		var loc = ref.split("#");
		
		var req = new Request({url:'/pages/years/' + loc[1] + '.html?' + Math.random(),
			onComplete: function(txt){
				fader(txt, 'content');
			}
		}).send();
		e.stop();
	});
	
	$(document.body).addLiveEvent('click', '.workl', function(e){
		var ref = this.get('href');
		var loc = ref.split("=");
		
		var req = new Request({url:'/pages/works/' + loc[1] + '.html?' + Math.random(),
			onComplete: function(txt){
				fader(txt, 'content');
			}
		}).send();
		e.stop();
	});
	
	// REEL //
	
	$(document.body).addLiveEvent('click', 'a.reel', function(e){
		var ref = this.get('href');
		var loc = ref.split("=");
		var req = new Request({url:'/images/' + loc[1] + '.html' + '?' + Math.random(),
			onComplete: function(txt){
				fader(txt, 'content');
			}
		}).send();
		e.stop();
	});
	
	// $(document.body).addLiveEvent('click', 'a.reel', function(e){
	// 		var link = this.get('href');
	// 		
	// 		var hght = $$('.reel-img').get('height');
	// 		$$('#img-cont').set('height', hght)
	// 		
	// 		$$('#img-cont').fade('out');
	// 		
	// 		var load_img = function(){
	// 			$$('.reel-img').destroy();
	// 			parse_xml();
	// 		};
	// 		load_img.delay(750);
	// 		
	// 		var fadeback = function(){ $$('#img-cont').fade('in'); };
	// 		fadeback.delay(900);
	// 		
	// 		e.stop();
	// 	});
	
	
	
	function opener(el){
		var hght = $(el).getSize();

		var eff = new Fx.Morph($(el));
		eff.start({
			'height': hght.y
		});
		open = true;
	}

	function fader(txt, el){
		var eff = new Fx.Morph($(el));
		eff.start({
			'opacity': [1, 0]
		}).chain(function(){
			eff.start({
				'opacity': [0,1]
			});
			$(el).innerHTML = txt;
			opener(el);
		});
	}
	
});