// JavaScript Document
var status = "close";
var advHeight = 27;
var t;
var showSpeed = 6;
var frequency = 1;
var mAdvBlock;
var mForm;

function getElements() {
	mAdvBlock = document.getElementById('advDetail');
	mForm = document.getElementById('formMask');
}

function showAdv() {
	getElements();
	if (status == "close") {
		mAdvBlock.style.display = "block";
		t = setTimeout(openBlock, 500);
	} else if (status == "open") {
		// closeBlock();
		t = setTimeout(closeBlock, 500);
	}
}

function openBlock() {
	if (advHeight >= 87) {
		status = "open";
		clearTimeout(t);
	} else {
		advHeight = Math.min(87, (advHeight + showSpeed));
		mForm.style.height = advHeight + "px";
		t = setTimeout(openBlock, frequency);
	}

}

function closeBlock() {
	getElements();
	if (advHeight <= 27) {
		status = "close";
		mAdvBlock.style.display = "none";
		clearTimeout(t);
	} else {
		advHeight = Math.max(27, (advHeight - showSpeed));
		mForm.style.height = advHeight + "px";
		t = setTimeout(closeBlock, frequency);
	}

}