$(function() {

	// handle the hidden slidey boxes
	$(".slide_window").each(function(i, e) {
		var target = $(e).children(".sliding_area");
		var hidepos = (-target.width()/2).toString() + "px";
		target.css({left: hidepos});

		$(e).mouseenter(function(evt) {
			target.stop().animate({left: "0px"},700);
		})
		$(e).mouseleave(function(evt) {
			target.stop().animate({left: hidepos},700);
		});
	});
});