// JavaScript Document
	
var Site = {
	
	start: function(){
		Site.appearText();
	},
	
	//animate entry of top level menu
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#menu li');
		
		var slidefxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', 0);
			timer += 5;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 50,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i]) //create roll over effects
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		
	},
	
	//create roll over effects for all menu items
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		
		var overtxt = new Fx.Styles(first, {duration: 650, wait: false, transition: Fx.Transitions.quadOut});  //an error on IE7 so let's separate it.
		
		var tocolor = 'FFCC00';
		var fromcolor = 'FFFFFF';
		
		el.addEvent('mouseover', function(){
			el.getFirst().addClass('overMe');
		});
		el.addEvent('mouseout', function(){
			el.getFirst().removeClass('overMe');
		});		
	}
	
};

sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

window.onDomReady(Site.start);
//window.addEvent('domready', Site.start);