// JavaScript Document
window.addEvent('domready', function(){

var list = $$('#left li a');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:150, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 5,
			'background-color': '#000',
			'color': '#f00',
			transition: Fx.Transitions.Back.easeOut
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': 0,
			'background-color': '#000',
			'color': '#cfc',
			transition: Fx.Transitions.Back.easeOut
		});
	});
 
});
									 });


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

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 150, 'wait': false});
		var tocolor, fromcolor;
		if (first.hasClass('big')){
			tocolor = 'f00';
			fromcolor = 'cfc';
		} else {
			tocolor = 'f00';
			fromcolor = 'cfc';
		}
		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'color': tocolor,
				'margin-left': -5
			});
		});
		el.addEvent('mouseleave', 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': $('inside').offsetHeight + 70, 'width': '10', 'src': '/assets/images/menubig_shadow.png'
		});
	}
	
};

window.addEvent('load', Site.start);