function showSideBar(element){
	var toHide, setSide, value;
	if( element.hasClass('showTweets') ){
		// tweets
		toHide = element.next('.tweet');
		toHide.animate({opacity:"1", left:"0px"}, 500, function(){
			$(this).removeClass('hidden');//.addClass('visible');
		});
	} else if( element.attr('id') == 'menu' ) {
		// menu
		$('#menu').html('« menu').removeClass('hidden');
		$('#sidebar').animate({opacity:"1", right:"-180px"}, 300, function(){
			$(this).removeClass('hidden');
			$('#tag_cloud_slide').animate({opacity:"1", left:"-687px"}, 500);
		});
	}
}
function hideSideBar(element){
	if( element.hasClass('showTweets') ){
		// tweets
		var toHide = element.next('.tweet');
		toHide.animate({opacity:"0", left:"180px"}, 500, function(){
			$(this).addClass('hidden');//.removeClass('visible');
		});
	} else if( element.attr('id') == 'menu' ) {
		// menu
		$('#menu').html('» menu').removeClass('hidden');
		$('#tag_cloud_slide').animate({opacity:"0", left:"-180px"}, 500, function(){
			$('#sidebar').animate({opacity:"0", right:"15px"}, 300).addClass('hidden');
		});
	}
}
function pinMenu(){
	if( $('#pin').html() == 'pin' ){
		$('#menu').addClass('hidden').html('« menu');
		$.get('/js/handlers/set_cookie.php?cookie=pinMenu&value=yes');
		$('#pin').addClass('pinned').attr('title','unpin menu').html('unpin');
	} else {
		$('#menu').removeClass('hidden');
		$.get('/js/handlers/delete_cookie.php?cookie=pinMenu');
		$('#pin').removeClass('pinned').attr('title','pin menu').html('pin');
		hideSideBar( $('#menu') );
	}
}

$(document).ready(function(){
	/////////////////////////////
	// menu
	$('#sidebar').append('<a id="pin" title="pin menu" href="#">pin</a>');
	$('#tag_cloud').attr('id', 'tag_cloud_slide');
	$('#pin').click(function(){ 
		pinMenu();
		return false;
	});
	$('#menu').click(function(){
		if( $('#sidebar').hasClass('hidden') ){
			showSideBar( $(this) );
		} else {
			hideSideBar( $(this) );
		}
		return false;
	});
	
	/*$('.showTweets').click(function(){
		if( $(this).next('.tweet').hasClass('hidden') ){
			showSideBar( $(this) );
		} else {
			hideSideBar( $(this) );
		}
		return false;
	});*/
	
	/////////////////////////////
	// tweets
	//$('.tweet').addClass('hidden').css({opacity:"0", left:"180px"});
	/*$('.showTweets').click(function(){
		if( $(this).hasClass('tweetsShown') ){
			$(this).removeClass('tweetsShown')
					.siblings('p')
					.animate({opacity:"0", left:"180px"}, 500)
					.css({display:"block"});
		} else {
			$(this).addClass('tweetsShown')
					.siblings('p')
					.css({display:"block"})
					.animate({opacity:"1", left:"0px"}, 500);
		}
		return false;
	});*/
});