// JavaScript Document
var width;
	window.addEvent('domready', function(){	
		if($('slidecontent')){
			//width = $('slidecontent').getFirst('div.slide').getStyle('width').toInt();
			width = 690;
			
			var defaultSlide = $('slidecontent').getFirst('div.slide.default');
			
			defaultSlide = defaultSlide ? defaultSlide : $('slidecontent').getFirst('div.slide');
			
			$('slidecontent').getElements('div.slide').each(function(slide){
				
				slide.store('fx', new Fx.Morph(slide, {
					transition: Fx.Transitions.Quart.easeOut
				}));
				
				if(slide != defaultSlide)
					do_slide(slide, 'hide');
			});
			
			$('slidenav').getElements('li').each(function(button){
				button.addEvent('click', function(){
							
					$('slidecontent').getElements('div.slide').each(function(slide){
						if(slide.hasClass(button.get('class'))){
							do_slide(slide, 'in');
							slide.getParent().addClass('open').removeClass('closed');			
						} else {
							do_slide(slide, 'out');	
							slide.getParent().addClass('closed').removeClass('open');									
						}
					});
				});
			});
		}
		
		if($('teampage')){
			var teamlist = $('teampage').getElement('div.teampage');
			var members = {};
			var current = 0;
			
			$each(teamlist.getElements('.member'), function(member, number){
				members[number] = member;
			});
			
			slide_teampage(members, current, false);
			
			$('teampage').getElements('.arrow').each(function(arrow){
				arrow.addEvent('click', function(){
					if(arrow.hasClass('left')){
						current = members[current-1] ? current-1 : $H(members).getLength()-1;
					} else if(arrow.hasClass('right')){
						current = members[current+1] ? current+1 : 0;					
					}
					
					slide_teampage(members, current, true, arrow.hasClass('left') ? 'right' : 'left');
				});
			});
		}
	});
	
	
	function slide_teampage(members, currentMember, animate, direction){
		$each(members, function(member, number){	
			if(!member.retrieve('fx'))
				member.store('fx', new Fx.Morph(member, {
					transition: Fx.Transitions.Quart.easeOut
				}));
			
			if(number != currentMember)
				do_slide(member, animate ? 'out' : 'hide', direction);
				
			if(number == currentMember && animate)
				do_slide(member, 'in', direction);
		});
	}
	
	function do_slide(slide, direction, animate){
		var animate = animate ? animate : 'left';
		
		// animate left
		if(animate == 'left'){
			if(direction == 'out')
				slide.retrieve('fx').start({
					'left': 0 - width
				});
				
			if(direction == 'in')
				slide.retrieve('fx').start({
					'left': [width * 2, 0]
				});
				
		// animate right	
		} else if(animate == 'right'){
			if(direction == 'out')
				slide.retrieve('fx').start({
					'left': [0, width]
				});
				
			if(direction == 'in')
				slide.retrieve('fx').start({
					'left': [0 - width , 0]
				});
		}
		
		// hide
		if(direction == 'hide')	
				slide.retrieve('fx').set({
					'left': 0 - width
				});
	}