function leftToRightAnimation() {
	var point1 = -86; // point of 'hidden away'
	var point2 = -115; // point of 'go off screen'
	var point3 = 0; // point of 'full view'
	
	var barsArray = ["navigationBoundL","navigationBoundR"];
	var myTransition = new Fx.Transition(Fx.Transitions.Back, 2);
	
	var marginChangeL = new Fx.Style('navigationBoundL', 'margin-left', {wait:false,duration:300}); // sliding from left
	var marginChangeR = new Fx.Style('navigationBoundR', 'margin-left', {wait:false,duration:300}); //sliding from right
	
	var onMenuL=false;
	var onMenuR=false;
	
	function setOffLMenu()
	{
		onMenuL=false;	
	}
	function setOffRMenu()
	{
		onMenuR=false;	
	}
	function getNavBoundX(id){
		switch(id)
		{
			case "l":
				return $('navigationBoundL').getStyle('margin-left');
				break;
			case "r":
				return $('navigationBoundR').getStyle('margin-left');
				break;
		}
	}
	function setBackBars(currentBar,resetbars)
	{
		if(currentBar==marginChangeL)marginChangeR.start(getNavBoundX('r'), resetbars?point1:point2);
		else marginChangeL.start(getNavBoundX('l'), resetbars?point1:point2);
	}
	//LEFT SIDE ANIMATION
	$('grabL').addEvents({
		'mouseenter': function() {	
			if(!onMenuL)
			{
				marginChangeL.removeEvent('onComplete',setOffLMenu);
				onMenuL=true;
				marginChangeL.start(getNavBoundX('l'), point3);
				setBackBars(marginChangeL,false);
			}
		}
	});
	$$('.navigationHold').addEvents({
		'mouseleave': function() {
			marginChangeL.removeEvent('onComplete',setOffLMenu);
			marginChangeL.addEvent('onComplete', setOffLMenu);
			marginChangeL.start(getNavBoundX('l'), point1);
			setBackBars(marginChangeL,true);
		}
	});
	//RIGHT SIDE ANIMATION
	$('grabR').addEvents({
		'mouseenter': function() {	
			if(!onMenuL)
			{
				marginChangeR.removeEvent('onComplete',setOffLMenu);
				onMenuL=true;
				marginChangeR.start(getNavBoundX('r'), point3);
				setBackBars(marginChangeR,false);
			}
		}
	});
	$$('.navigationHold').addEvents({
		'mouseleave': function() {
			marginChangeR.removeEvent('onComplete',setOffLMenu);
			marginChangeR.addEvent('onComplete', setOffLMenu);
			marginChangeR.start(getNavBoundX('r'), point1);
			setBackBars(marginChangeR,true);
		}
	});
	//TOOLTIPS
	var whiteTips = new Tips($$('.toolTip'), {
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
}

function initialiseMenu()
{
	// values to inject - (a_childHeight,a_parentContainer,a_parentList,a_moreButt,a_childrenList)
	clientScroller = new whiteScroller(45,$("client"),$("clientList"),$("moreBoxClients"),$$("#clientList li"));
	notWorkScroller = new whiteScroller(90,$("notWork"),$("notWorkList"),$("moreBoxNotWork"),$$("#notWorkList li"));
	resizeRearrange();
}

function checkContainerVis()
{
	//clientScroller.arrangeItems();	
	clientScroller.checkItemResize();
	//notWorkScroller.arrangeItems();	
	notWorkScroller.checkItemResize();
}

function resizeRearrange() {	
	checkContainerVis();
}


window.addEvent('domready', leftToRightAnimation);
window.addEvent('domready', initialiseMenu);
window.addEvent('resize', resizeRearrange);