var site = {
init:function(){
new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false,
 showInfopane: true
 });
}
};
window.addEvent("load", site.init);







var Site = {
	init: function(){
		Site.hideNavs();
	},
	
	start:function(){
	Site.appearText();
	},
	
	
	hideNavs:function(){
		$$('#side_nav ul li').each(function(el){
			el.setStyle('marginLeft', '135px');
		});
	},
	
    appearText: function(){
		var timer = 0;
		var sideblocks = $$('#side_nav 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 = $$("#side_nav 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] = {
					marginLeft: [navlink.getStyle("marginLeft").toInt(), fullSize]
					}
				navs.each(function(other, j) {
					if(i != j) {
						var ml = other.getStyle("marginLeft").toInt();
						if(ml != smallSize) change[j] = {
							marginLeft: [ml, smallSize]
						};
					
						
					}
				});
				fx.start(change);
			});
		});
		$$("#side_nav ul").addEvent("mouseleave", function(event) {
			var change = {};
			navs.each(function(navlink, i) {
				change[i] = {
					marginLeft: [navlink.getStyle("marginLeft").toInt(), normalSize]
				}
			});
			fx.start(change);
		});
	
	}
};
window.addEvent('domready', Site.init);
window.addEvent('load', Site.start);