/*

	javascript for navigation bar


*/


window.addEvent('domready', function(){

var navDivs = $$('#navbar div'); /*  navigation div links  */

navDivs.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:300, wait:false});

	var elementsAnchorHref = "";
	var elementChildren = element.childNodes;

	/* loop through children looking for an anchor element */
	for(var i=0; i<elementChildren.length; i++) {
	
		if (elementChildren[i].nodeType == 1) {
			elementsAnchorHref = elementChildren[i].getAttribute("href");
		}
	
	}

	elementsAnchorHref = elementsAnchorHref.substring(elementsAnchorHref.lastIndexOf("/")+1, elementsAnchorHref.length); /* get page name - strip out everything before the last forward slash */
	var currentPage = document.URL;
	currentPage  = currentPage.substring(currentPage.lastIndexOf("/")+1, currentPage.length); /* get page name - strip out everything before the last forward slash */

		
	/* keep 100% opacity for the div relating to this page */
	if(currentPage == elementsAnchorHref) {
	element.setOpacity(1);

	}
	else {
	element.setOpacity(0.5);
	}
	
	/* get this div's top */
	
	
 	var originalTop = isNaN(element.getStyle("top")) ? 0 :  element.getStyle("top");

 	/* set the new top this div will move to */
 	var newTop = (originalTop - 10);

 
	element.addEvent('mouseenter', function(){
		fx.start({
			'top': newTop,
			'opacity': 1
		});
	});
 
	element.addEvent('mouseleave', function(){
	
		/* only alter opacity for non current page divs */
		if(currentPage == elementsAnchorHref) {
				fx.start({
					'top': originalTop
				});
		}
		else {
				fx.start({
					'top': originalTop,
					'opacity': 0.5
				});
		
		}

	});
	
	
 	element.addEvent('click', function(){
		fx.start({
			'top': newTop,
			'opacity': 1
		});
	});
 
});


});