/* Copyright (c) Fluid Creativity, 2007 */

var initNavigation = function(){

	var popUp = function(){
		this.setStyles({
			marginTop: -15,
			zIndex: 2
		});
		
		if (this.hasClass('selected')) this.setStyle('zIndex', 1);
		
		if (!this.hasClass('first')) {
			if (!this.getPrevious().hasClass('selected')) {
				this.setStyles({
					marginLeft: -5,
					borderLeft: '5px solid #fff'
				});
			}
		} else {
			$$('#nav ul').setStyle('backgroundPosition', '0 100%');
		}

		if (!this.hasClass('last')) {
			if (!this.getNext().hasClass('selected')) {
				this.setStyles({
					borderRight: '5px solid #fff',
					marginRight: -5
				});
			}
		}

		this.firstChild.setStyle('paddingBottom', 20);
	}
	
	var popDown = function(){
		this.setStyles({
			marginTop: 0,
			marginLeft: 0,
			marginRight: 0,
			borderLeft: 'none',
			zIndex: 5
		});

		if (!this.hasClass('last')) {
			this.setStyle('borderRight', 'none');
		}
		
		if (this.hasClass('first')) {
			$$('#nav ul').setStyle('backgroundPosition', '0 15px');
		}

		this.firstChild.setStyle('paddingBottom', 5);
	}
	
	$$('#nav li').each(function(el){
		if (el.hasClass('selected')) {
			popUp.bind(el)();
		} else {
			el.addEvents({
				mouseenter: popUp.bind(el),
				mouseleave: popDown.bind(el)
			});
		}
	});
}

Window.addEvent('domready', initNavigation);