//looking at other peoples code is silly!

window.addEvent('domready', function(){
	if ($('sidebar')){
		var sideblocks = $$('#sidebar li');
		sideblocks.each(function(el, i){
			var first = el.getElement('a');
			if (!first) return;
			var overfxs = new Fx.Morph(first, {'duration': 150, 'wait': false, transition: Fx.Transitions.Sine.easeOut});		
			var tocolor = '#209ce4';
			var fromcolor = '#707070';		
			el.mouseouted = true;
			el.addEvent('mouseenter', function(e){
				overfxs.start({
					'color': tocolor,
					'margin-left': -10
				});
			});
			el.addEvent('mouseleave', function(e){
				overfxs.start({
					'color': fromcolor,
					'margin-left': 0
				});
			});

		});
	}
	$$('.nav .item').each(function(el, i){
		var hover = el.getElement('.hover');
		hover.setStyle('opacity', 0);
		el.addEvent('mouseover', function(){
			hover.set('tween', {duration: 250, transition: Fx.Transitions.Sine.easeOut});
			hover.tween('opacity', 1);
		});	
		el.addEvent('mouseout', function(){
			hover.set('tween', {duration: 350, transition: Fx.Transitions.Sine.easeOut});
			hover.tween('opacity', 0);	
		});

	});
	$$('.side .icons img').each(function(el, i){
		el.addEvent('mouseover', function(){
			el.set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut});
			el.tween('opacity', .5);
		});	
		el.addEvent('mouseout', function(){
			el.set('tween', {duration: 350, transition: Fx.Transitions.Sine.easeOut});
			el.tween('opacity', 1);	
		});
	});
});