var startOffsetLeft = 0;
var myEffect = null;

	

function moveToCurrentNavElement(e){
	
	e = $(e);
	var leftCurrentElement = e.getCoordinates($('ulNav')).left;
	
	if($('navSelector').getStyle('left') != "0px")
	{
		myEffect.start({
		'opacity': [$('navSelector').getStyle('opacity'), 0.75],
		'left': [$('navSelector').getStyle('left'), leftCurrentElement-1] //Morphs the 'height' style from 10px to 100px.
		});
	}
	else {

		$('navSelector').setStyle('left', leftCurrentElement-1);

		myEffect.start({
		'opacity': [$('navSelector').getStyle('opacity'), 0.75] //Morphs the 'height' style from 10px to 100px.
		});

	}
}

function moveBack(){
	if(startOffsetLeft > 0)
	{
		myEffect.start({
		'left': [$('navSelector').getStyle('left'), startOffsetLeft-1] //Morphs the 'height' style from 10px to 100px.
		});
	}
	else
	{
		myEffect.start({
		'opacity': [$('navSelector').getStyle('opacity'), 0]
		});
	}
}

function positionAtStart() {
	
	if(startOffsetLeft > 0)
	{
		$('navSelector').setStyle('visibility', "visible");
		$('navSelector').setStyle('left', startOffsetLeft-1);
		$('navSelector').setStyle('opacity', 0.75);
		
	}
	else {
		$('navSelector').setStyle('visibility', "visible");
		$('navSelector').setStyle('left', 0);
		$('navSelector').setStyle('opacity', 0);
	}

}

 
window.addEvent('load', function() {
	
	if($('activeLink')){
		startOffsetLeft = $('activeLink').getCoordinates($('ulNav')).left;
	}
	
	//alert(startOffsetLeft);
	
	positionAtStart();
	
	
	myEffect = new Fx.Morph('navSelector', {
		duration: 1000,
		link: 'cancel',
		transition: Fx.Transitions.Expo.easeOut
	});
	
	
});

window.addEvent('domready', function() {
	
	if($('activeLink')){
		startOffsetLeft = $('activeLink').getCoordinates($('ulNav')).left;
	}
	
	//alert(startOffsetLeft);
	
	positionAtStart();
	
	if (!myEffect) {
		myEffect = new Fx.Morph('navSelector', {
			duration: 1000,
			link: 'cancel',
			transition: Fx.Transitions.Expo.easeOut
		});
	}
	
	
});