var Site = {
	
	start: function(){
		if ($('sidebar')){
			Site.hideSubMenus();
			Site.appearText();
			//if (!window.ie6) Site.makeShadow();
		}
	},
	
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#sidebar li.topLevel');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.addEvent('click', Site.appearSubMenu.pass([el, i]));
			el.setStyle('margin-left', '-355px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},

	hideSubMenus: function(){
	  var subMenus = $$('#sidebar li li');
	  subMenus.each(function(el, i) {
	    el.setStyle('display', 'none');
	  });
	},

	appearSubMenu: function(el, i){
	  var children = $$(el.getElementsByTagName('li'));

	  Site.hideSubMenus();
	  var timer = 0;
	  var slidefxs = [];
	  children.each(function(el, j) {
	    el.setStyle('display','block');
	    el.setStyle('top', '-700px');
	    timer += 150;
	    slidefxs[j] = new Fx.Style(el, 'top', {
		duration: 1000,
		transition: Fx.Transitions.backOut,
		wait: false,
		onComplete: Site.createOver.pass([el, j])
	    });
	    slidefxs[j].start.delay(timer, slidefxs[j], 0);
	  });
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
		if (first.hasClass('big')){
			var tocolor = '333';
			var fromcolor = 'fff';
		} else {
			var tocolor = 'faec8f';
			var fromcolor = '000';
		}
		el.mouseouted = true;
		el.addEvent('mouseover', function(e){
			overfxs.start({
				'color': tocolor,
				'marginLeft': 10
			})
		});
		el.addEvent('mouseout', function(e){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
	},
	
	makeShadow: function(){
		new Element('img').injectInside('container').setStyles({
			'position': 'absolute', 'top': '0', 'margin-top': '-30px', 'left': '644px', 'z-index': '999999'
		}).setProperties({
			'height': $('sidebar').offsetHeight + 70, 'width': '10', 'src': '/assets/images/menubig_shadow.png'
		});
	}
	
};
window.addEvent('load', Site.start);