$(document).ready(function() {
	// Sets the side bar the same height as the center content.
	/*
	if($("#side_bar").height() < $("#center_content").height()) {
		$("#side_bar").css("height", $("#center_content").height()+"px");
	}
	*/

	category_slider();
});

function category_slider() { 
	/*

	$("#center_content").css("position", "relative");

	$("#center_content")
	.prepend('<img id="category_button" src="/images/category_button_left.gif" />')
	.click(function(){
		// slide($("#side_bar"), 0);
		jquery_slide();
	});

	*/
}

function jquery_slide() {
	if($("#category_button").css("left") == "0px") {
		var left = -35;
		var side_bar_width = 135;
		var center_content_margin = 150;
		var button = "/images/category_button_left.gif";
	} else {
		var left = 0;
		var side_bar_width = 0;
		var center_content_margin = 20;
		var button = "/images/category_button_right.gif";
	}

	$("#category_button").fadeOut("normal",function(){
		$("#category_button").css("left", left);
		$("#category_button").attr("src", button);
	});

	$("#side_bar").animate({width: side_bar_width}, 500, function(){
		$("#side_bar").css("width", side_bar_width);
		$("#category_button").fadeIn("normal");
	});	

	// $("#center_content").animate({marginLeft: center_content_margin}, 500);
}

function slide(element, width) {
	printd();

	var interval = window.setInterval(function(){
		
		if(element.width() <= width) {
			window.clearInterval(interval);
		}

		element[0].style.width = (element.width() - 1)+"px";
	}, 10);
	
}

/*
	var less_pixels = 5;
	if(element.clientWidth < less_pixels) {
		less_pixels = element.clientWidth;
	}
*/

/*

function category_slider() {
	$("#side_bar").css("position", "relative");

	$("#side_bar")
	.prepend('<img id="category_button" src="/images/category_button_left.gif" />')
	.click(function(){ 

		if($(this).css("width") == "15px") {
			var width = 100;
			var button = "/images/category_button_left.gif";
		} else { 
			var width = 0;
			var button = "/images/category_button_right.gif";
		}

		$("#side_bar .content").animate({width: width}, 500, function(){
			$("#category_button").fadeOut("normal",function(){
				$("#category_button").attr("src", button);
				$("#category_button").fadeIn();
			});

			$(this).css("width", width+"px");
		});
	});
}

*/