var Effects = {

	start: function() {
		
		Effects.appearSubmenu();
	
	},
	
	appearSubmenu: function(){
		var timer = 0;
		var sideblocks = $$('#submenu li');
		
		var slidefxs = [];
		
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 200,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Effects.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(0, 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': 200, 'wait': false});
		var marginLeft = 0 + first.style.marginLeft;
		var marginRight = 0 + first.style.marginRight;
		var MouseOverStyle = {};
		var MouseOutStyle = {};
		if (el.getProperty('id') != 'selected' && el.hasClass('cat1')) {
			MouseOverStyle['margin-left'] = marginLeft + 10;
			MouseOverStyle['margin-right'] = marginRight - 10;
			MouseOutStyle['margin-left'] = marginLeft;
			MouseOutStyle['margin-right'] = marginRight;
		}
		el.addEvent('mouseover', function(){
			overfxs.start(MouseOverStyle);
		});
		el.addEvent('mouseout', function(){
			overfxs.start(MouseOutStyle);
		});
	}

};
window.addEvent('domready', Effects.start);