function initlogo() {
	var _logo = $("logo");
	var _title = $("title");
	var _navl = $$(".navl");
	var _ooo = {}; //navs to manipulate
	
	// first move these off the screen. default in CSS is visible for non javascript folks
	var fxx1 = new Fx.Styles(_logo, {duration:0, wait:false}).start({'margin-left':'851px'});
	var fxx2 = new Fx.Styles(_title, {duration:0, wait:false}).start({'margin-left':'851px'});
	
	// these are the effeccts
	var fx = _logo.effects({duration: 750, transition: Fx.Transitions.Back.easeInOut});
	var fx2 = _title.effects({duration: 750, transition: Fx.Transitions.Back.easeInOut});	
	
	// move navigation to starting position
	_navl.each(function(nav, i) {
		new Fx.Styles(nav, {duration:0, wait:false, transition: Fx.Transitions.Back.easeInOut}).start({'margin-right': '0px', 'opacity': 0});
	});
	
	
	var logoslide = function() {
		fx.start({'margin-left': 0})
		.chain(function() {
			fx2.start({'margin-left': 10})
			.chain(function() {
				_navl.each(function(nav, i) {
					new Fx.Styles(nav, {duration:1000, wait:false, transition: Fx.Transitions.Back.easeInOut})
						.start({'margin-right': '80px', 'opacity': 1});
				});
			});
		})
	}
	
	logoslide.delay(1000);

};

var isinit = false;

function init() {
	if (isinit) {
		return;
	}
	isinit = true;
	// do stuff
	initlogo();

};

/* for Mozilla/Opera9 */
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", init, false);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
	document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
	var script = document.getElementById("__ie_onload");
	script.onreadystatechange = function() {
		if (this.readyState == "complete") {
			init(); // call the onload handler
		}
	};
/*@end @*/

/* for Safari */
if (/WebKit/i.test(navigator.userAgent)) { // sniff
	var _timer = setInterval(function() {
		if (/loaded|complete/.test(document.readyState)) {
			init(); // call the onload handler
		}
	}, 10);
}

/* for other browsers */
window.onload = init;

/*

}
*/
/*
_navl.each(function(nav, i) {
	_title.setHTML("NAV" + i);
	//new Fx.Styles(nav, {duration:1000, wait:false, transition: Fx.Transitions.Back.easeInOut}).start({'margin-right': '120px'});
});
*/