var Site = {
	init: function(){
		// Site.hideNavs();
		Site.fontResizer();
	},
	start:function(){
		Site.appearText();
	},
	hideNavs:function(){
		$$('#menu ul li').each(function(el){
			el.setStyle('marginLeft', '-190px');
		});
	},
	fontResizer:function(){
		var resize = new Fx.Style('contenu', 'font-size', {duration: 1000});
		$('fontLarge').addEvent('click', function() {
			resize.start(24);
			Cookie.set("font-size", "large"); //save this for 1 year
		});
		$('fontMed').addEvent('click', function() {
			resize.start(18);
			Cookie.set("font-size", "medium"); //save this for 1 year
		})
		$('fontSmall').addEvent('click', function() {
			resize.start(14);
			Cookie.set("font-size", "small"); //save this for 1 year
		})
		//check for font size cookie
		if(Cookie.get("font-size") == "large"){
			resize.set(24);
		} else if(Cookie.get("font-size") == "small"){
			resize.set(14);
		} else{
			resize.set(18); //do nothing, leave default
		}
	},
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#menu 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 navOverColor = "EEEEEE";
		var navs = $$("#menu 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, "#555555"]
						};
						
					}
				});
				fx.start(change);
			});
		});
		$$("#menu 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);