var Site = {
	start: function(){
		Site.enableText();
		Site.appearText();
	},
	enableText: function() {
		var menuTable = $$('.menu_enable');
		menuTable.each(function(el, i){el.setStyle('display', 'block');});
	},
	appearText: function(){
		var timer = 0;
		var appearFrom = 'margin-left';
		var sideblocks = $$('.menu_appear');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle(appearFrom, '-500px');
			//el.setStyle('display', 'none');
			
			timer += 200;
			slidefxs[i] = new Fx.Style(el, appearFrom, {
				duration: 600,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	createOver: function(el, i){
		var aTag = el.getElement('span[class=menu_text]');
		var spanTag = el.getElement('span[class!=menu_text]');
		//alert(first.getClass());
		if (!aTag || aTag.getTag() != 'span') return;
		if (!spanTag || spanTag.getTag() != 'span') return;
		var aOverfxs = new Fx.Styles(aTag, {'duration': 200, 'wait': false});
		var spanOverfxs = new Fx.Styles(spanTag, {'duration': 200, 'wait': false});
		var divOverfxs = new Fx.Styles(el, {'duration': 100, 'wait': false});
		
		//el.setStyle('display', 'block');
		//el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			divOverfxs.start({
				'background-color': '#181818',
				'margin-left': '0', 'margin-right': '2'
			});
			spanOverfxs.start({
				'margin-left': '176',
				'font-size': '12'
			});
			aOverfxs.start({
				'margin-left': '-190',
				'font-size': '12',
				'color': '#FF6600'
			});
		});
		el.addEvent('mouseleave', function(e){
			divOverfxs.start({
				'background-color': '#000',
				'margin-left': '0', 'margin-right': '0'
				//'height': '20'
			});
			spanOverfxs.start({
				'margin-left': '0',
				'font-size': '10'
			});
			aOverfxs.start({
				'margin-left': '0',
				'font-size': '10',
				'color': '#CCCCCC'
			});
		});
	}
}
window.addEvent('load', Site.start);