$(function(){
	$('dl').mouseover(function(){
		$(this).addClass('on');
	});
	$('dl').mouseout(function(){
		$(this).removeClass('on');
	});
	$('dl').click(function(){
		$(this).addClass('open');
		$('dd:not(:animated)',this).slideDown(500,function(){
			$('.btnclose',this).css({
				display: 'block'
			});
		});
		$('dt:not(:animated)',this).slideUp(300);
	});
	$('dl dd .btnclose').click(function(){
		var mydl = $(this).parent().parent().attr('id');
		$(this).css({
			display: 'none'
		});
		$('dl#' + mydl + ' dt:not(:animated)').slideDown(500);
		$('dl#' + mydl + ' dd:not(:animated)').slideUp(500,function(){
			$('dl#' + mydl).removeClass('open');
		});
	});
	$('dl dd .preview').click(function(){
		var mydl = $(this).parent().parent().attr('id');
		$('dl#' + mydl + ' .btnclose').css({
			display: 'none'
		});
		$('dl#' + mydl + ' dt:not(:animated)').slideDown(500);
		$('dl#' + mydl + ' dd:not(:animated)').slideUp(500,function(){
			$('dl#' + mydl).removeClass('open');
		});
	});
})