window.addEvent('domready', function(){
	setupZoom('0');
	
	var scroll = new Fx.Scroll('frame', {
			wait: false,
			duration: 400,
			transition: Fx.Transitions.Quad.easeInOut
	});
 	var nav_links = $$("#nav li");
	function toggle_colors() {	
		nav_links.each(function(esto, i) {
			esto.removeClass('active');
		});
	};

 
	$('home_h3_link').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('about_pane');
		toggle_colors();
		$('nav_about').toggleClass('active');
		setupZoom('0');
	});
	
	$('nav_about').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('about_pane');
		toggle_colors();
		this.toggleClass('active');
		setupZoom('0');
	});
 
	$('nav_work1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('work_pane1');
		toggle_colors();
		this.toggleClass('active');
		setupZoom('800');
	});
	$('nav_work2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('work_pane2');
		toggle_colors();
		this.toggleClass('active');
		setupZoom('1600');
	});
	
	$('nav_references').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('references_pane');
		toggle_colors();
		this.toggleClass('active');
	});
 
	$('nav_contact').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('contact_pane');
		toggle_colors();
		this.toggleClass('active');
	});
	
		
});