$j(document).ready(function() {
	$j('.side01 .tab01').click(function(){			
		if($j(this).hasClass('clicked')) {
			$j(".tab01").removeClass('clicked');
			$j(this).parent().stop().animate({ width:'38px' },100);
			$j("div.menu01").hide();
		} else {
			$j(".tab01:not(this)").removeClass('clicked');
			$j(this).addClass('clicked');
			$j(".side01:not(.clicked)").stop().animate({ width:'226px' },400);
			$j("div.menu01").show();
		}
	});
	
	$j('.side02 .tab02').click(function(){			
		if($j(this).hasClass('clicked')) {
			$j(".tab02").removeClass('clicked');
			$j(this).parent().stop().animate({ width:'38px' },100);
			$j("div.menu02").remove();
		} else {
			$j(".tab02:not(this)").removeClass('clicked');
			$j(this).addClass('clicked');
			$j(".side02:not(.clicked)").stop().animate({ width:'138px' },400);
			$j("div.tab02").before("<div class='menu02'><a href='http://www.facebook.com/pages/Mixedtape/128132860540635' target='_blank'></a></div>");
		}
	});
	
	$j('.side03 .tab03').click(function(){			
		if($j(this).hasClass('clicked')) {
			$j(".tab03").removeClass('clicked');
			$j(this).parent().stop().animate({ width:'38px' },100);
			$j("div.menu03").remove();
		} else {
			$j(".tab03:not(this)").removeClass('clicked');
			$j(this).addClass('clicked');
			$j(".side03:not(.clicked)").stop().animate({ width:'138px' },400);
			$j("div.tab03").before("<div class='menu03'><a href='http://twitter.com/blogmixedtape' target='_blank'></a></div>");
		}
	});
	
	$j('.side04 .tab04').click(function(){			
		if($j(this).hasClass('clicked')) {
			$j(".tab04").removeClass('clicked');
			$j(this).parent().stop().animate({ width:'38px' },100);
			$j("div.menu04").remove();
		} else {
			$j(".tab04:not(this)").removeClass('clicked');
			$j(this).addClass('clicked');
			$j(".side04:not(.clicked)").stop().animate({ width:'138px' },400);
			$j("div.tab04").before("<div class='menu04'><a href='http://www.mixedtape.fr/feed' target='_blank'></a></div>");
		}
	});
	
	$j('.side05 .tab05').click(function(){			
		if($j(this).hasClass('clicked')) {
			$j(".tab05").removeClass('clicked');
			$j(this).parent().stop().animate({ width:'38px' },100);
			$j("div.menu05").remove();
		} else {
			$j(".tab05:not(this)").removeClass('clicked');
			$j(this).addClass('clicked');
			$j(".side05:not(.clicked)").stop().animate({ width:'138px' },400);
			$j("div.tab05").before("<div class='menu05'><a href='mailto:blog.mixedtape@gmail.com'></a></div>");
		}
	});
});