var slot_current = false;
	$(document).ready(function() {
		$("#marquee .slot").bind("mouseenter", openMarquee);
		$("#marquee").bind("mouseleave", closeMarquee);
		$("#marquee .slot").bind("mouseleave", closeSlot);
	});
	function closeMarquee(e) {
		$("#marquee .slot")
			.stop(true)
			.animate(
				{ width: 240 },
				{ queue: false, duration: 500 }
		);
		$("#marquee .slot .heading")
			.stop(true)
			.animate(
				{ marginTop: 300 },
				{ queue: false, duration: 500 }
		);
	}
	function openMarquee(e) {
		node_class = this.className.replace("slot ", "");
		$("#marquee .slot").not("." + node_class).stop(true).animate(
			{ width: 140 },
			{ queue: false, duration: 500 }
		);
		$("#marquee ." + node_class).animate(
			{ width: 540 },
			{ queue: false, duration: 500, complete: openSlot }
		);
	}
	function openSlot() {
		node_class = this.className.replace("slot ", "");
		$("#marquee ." + node_class + " .heading")
			.stop(true)
			.animate(
				{ marginTop: 180 },
				{ queue: false, duration: 500 }
		);
	}
	function closeSlot() {
		slot_current = this.className.replace("slot ", "");
		$(".heading", this)
			.stop(true)
			.animate(
				{ marginTop: 300 },
					{ queue: false, duration: 500 }
		);
	}