window.addEvent('load', function(){
																		 
// setup -------

	$('panes').setStyle('display', 'block');	
	$('topLeftOCRMLogo').setStyle('left', '-100px');
	$('slideOne').addClass('weGotsJavascript');
	$('slideGirl').addClass('weGotsJavascript');	
	$('slideGirl').setStyle('display', 'block');
	$('panes').addClass('weGotsJavascript');		
	
	// slide -------	

	// initialise the class
	var myS = new SlideX('content', 'paneNavigation');

	// default to our first item
	myS.zoomTo('0');
	
	$('logoBak').addEvent('click', function(){
		myS.zoomTo('1');
		(function(){
			$('topLeftOCRMLogo').morph({
				left: 0,
				duration: 'long',
				transition: Fx.Transitions.Sine.easeOut
				});
			
			}).delay(2500);
		return false;
	});

	// add a click to the logo!
	$('topLeftOCRMLogo').addEvent('click', function(){
		myS.zoomTo('0');
		$('topLeftOCRMLogo').morph({left: -100});
		return false;
	});
});