$(document).ready(init);

function init() {		
	$("#sidebarMashups").thumbEffect();	
	$("#nav").navEffect();
}

	
(function($){
	$.fn.thumbEffect = function() {

		$(this).find("ul>li").mouseover({
			//console.log("hover");	
		})

	};
})(jQuery);


(function($){
	$.fn.navEffect = function() {
	
		resetSlide($(this).find("span"));
		
		$(this).find("a")
			.css({
				'position':'relative',
				'z-index':'5'})
			.mouseover(function(){
				slideOut($(this).next())
			})
			.mouseout(function(){
				resetSlide($(this).next());
			})
		
		function resetSlide(el) {
			$(el)
				.css({
					'position':'absolute',
					'left':'0',
					'top':'1px',
					'z-index':'4',
					'opacity':'0.1'})
				.hide();
					
		}
		
		function slideOut(el) {
			var distance = '-' + $(el).width();
			$(el).show().animate({'opacity':'1','left':distance-20},{duration:80,easing:'easeOutBack'});
		}

	};
})(jQuery);