var navOverColor = '#999999';
var Site = {
	init: function(){
		Site.hideNavs();
	},
	start:function(){
		Site.appearText();
		// Site.optionsDrop();
	},
	hideNavs:function(){
		$$('#head ul li').each(function(el){
			el.setStyle('marginLeft', '135px');
		});
	},
	makeOptionSlider:function(){
		//hide the tab so it can animate later
		$('opener').setStyle('marginTop', '-20px');
		//make the options menu slide out when clicked
		var slideOpts = new Fx.Slide('options', {duration: 500, transition:Fx.Transitions.Circ.easeOut});
		slideOpts.hide();
		var moveButton = new Fx.Style('opener','top', {duration: 500, transition:Fx.Transitions.Circ.easeOut});
		$('opener').addEvent('click',function(ev){
			new Event(ev).stop();
			slideOpts.toggle();	
			if($('opener').getStyle('top') == $('options').getStyle('height')){
				moveButton.start(0);
			}else{
				moveButton.start($('options').getStyle('height'));
			}
		});
	},
	subNavOvers: function(){		
		var normalSize=10, smallSize=5, fullSize=20;
		
		var subnavs = $$("#subnav li a");
		var fx = new Fx.Elements(subnavs, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
		subnavs.each(function(sublink, i) {
			sublink.addEvent("mouseenter", function(event) {
				var pad = {};
				pad[i] = {
					paddingRight: [sublink.getStyle("paddingRight").toInt(), fullSize],
					paddingLeft: [sublink.getStyle("paddingLeft").toInt(), fullSize]
					}
				subnavs.each(function(other, j) {
					if(i != j) {
						var pr = other.getStyle("paddingRight").toInt();
						var pl = other.getStyle("paddingLeft").toInt();
						if(pl != smallSize) pad[j] = {
							paddingLeft: [pl, smallSize],
							paddingRight: [pr, smallSize]
						};
					}
				});
				fx.start(pad);
			});
		});
		 
		$("subnav").addEvent("mouseleave", function(event) {
			var pad = {};
			subnavs.each(function(sublink, i) {
				pad[i] = {
					paddingRight: [sublink.getStyle("paddingRight").toInt(),normalSize],
					paddingLeft: [sublink.getStyle("paddingLeft").toInt(), normalSize]
				}
			});
			fx.start(pad);
		})
	},
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#head ul li');
		var slidefxs = [];
		sideblocks.each(function(el, i){
			timer += 200;
			slidefxs[i] = new Fx.Style(el, 'marginLeft', {
				duration: 600,
				transition: Fx.Transitions.backOut,
				wait: true
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 10);

		}, this);
		//Over animations for main navigation
		var normalSize=0, smallSize=10, fullSize= -9;
		var navs = $$("#head ul li a");
		var fx = new Fx.Elements(navs, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
		navs.each(function(navlink, i) {
			navlink.addEvent("mouseenter", function(event) {
				var change = {};
				change[i] = {
					color: [navlink.getStyle("color"), navOverColor],
					marginLeft: [navlink.getStyle("marginLeft").toInt(), fullSize]
					}
				navs.each(function(other, j) {
					if(i != j) {
						var col = other.getStyle("color");
						var ml = other.getStyle("marginLeft").toInt();
						if(ml != smallSize) change[j] = {
							marginLeft: [ml, smallSize],
							color: [col, "#FFFFFF"]
						};
						
					}
				});
				fx.start(change);
			});
		});
		$$("#head ul").addEvent("mouseleave", function(event) {
			var change = {};
			navs.each(function(navlink, i) {
				change[i] = {
					color: [navlink.getStyle("color"),"#FFFFFF"],
					marginLeft: [navlink.getStyle("marginLeft").toInt(), normalSize]
				}
			});
			fx.start(change);
		});
	}
};
window.addEvent('domready', Site.init);
window.addEvent('load', Site.start);