// JavaScript Document

$(document).ready(function(){
	$(".preview").animate({
		height:'toggle'
		},0);
	$(".drawer").hover(function() {
		$(this).addClass("drawerhover");
	}, function () {
		$(this).removeClass("drawerhover");
	});
	$(".drawer").click(function() {
		var thePreview = $(this).next(".preview");
		if($(thePreview).is(":visible")) {
			$(this).removeClass("draweractive");
			$(thePreview).animate({height:'toggle'});
			$('html, body').animate({
				scrollTop: 0
			}, 500);
		} else {
			$(".drawer").removeClass("draweractive");
			$(".preview:visible").animate({height:'toggle'}).removeClass("draweractive");
			$(this).addClass("draweractive");
			$(thePreview).animate({
				height:'toggle'
			}, function() {
				$('html, body').animate({
					scrollTop: ($(this).offset().top)-50
				}, 500);
			});
		}
	});
});