var showIntervalId = 0;
var hideIntervalId = 0;
var buffer = 1;

function show() {
	var panel1 = document.getElementById('apDiv1');
	if (panel1.style.top == '-145px') {
		showIntervalId = setInterval("down()", 12);
	}
	if (panel1.style.top == '0px') {
		hideIntervalId = setInterval("up()", 12);
	}
}
function hide_only() {
	var panel1 = document.getElementById('apDiv1');
	if (panel1.style.top == '0px') {
		hideIntervalId = setInterval("up()", 12);
	}
}

function down() {
	var panel1 = document.getElementById('apDiv1');
	var panel2 = document.getElementById('apDiv2');
	var length1 = panel1.style.top.length;
	var length2 = panel2.style.top.length;
	var val1 = panel1.style.top.substring(0, length1 - 2) * 1;
	var val2 = panel2.style.top.substring(0, length2 - 2) * 1;
	if (val1 == 0) {
		clearInterval(showIntervalId);
	}
	else {
		panel1.style.top = (val1 + 5) + 'px';
		panel2.style.top = (val2 + 5) + 'px';
	}
}

function hide() {
	var panel1 = document.getElementById('apDiv1');
	if (panel1.style.top == '0px') {
		hideIntervalId = setInterval("up()", 12);
	}
}

function up() {
	var panel1 = document.getElementById('apDiv1');
	var panel2 = document.getElementById('apDiv2');
	var length1 = panel1.style.top.length;
	var length2 = panel2.style.top.length;
	var val1 = panel1.style.top.substring(0, length1 - 2) * 1;
	var val2 = panel2.style.top.substring(0, length2 - 2) * 1;
	if (val1 == -145) {
		clearInterval(hideIntervalId);
	}
	else {
		panel1.style.top = (val1 - 5) + 'px';
		panel2.style.top = (val2 - 5) + 'px';
	}
}

function hideDiv(e){
	var div1 = document.getElementById('apDiv1');
	var div2 = document.getElementById('apDiv2');
	var div3 = document.getElementById('enter');
	var div4 = document.getElementById('status');
	var div5 = document.getElementById('here');
	var div6 = document.getElementById('index_r14_c3Map');
	
	var target=e?e.target:event.srcElement;
	var parent1 = target.parentNode;
	var parent2 = target.parentNode.parentNode;
	var parent3 = target.parentNode.parentNode.parentNode;
	var parent4 = target.parentNode.parentNode.parentNode.parentNode;
	var parent5 = target.parentNode.parentNode.parentNode.parentNode.parentNode;
	var parent6 = target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
	var parent7 = target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
//	alert(target.id + ' : ' + parent1.id + ' : ' + parent2.id);
	
	(target != div1 && target != div2 && parent1 != div1 && parent1 != div2 && parent2 != div1 && parent2 != div2 && parent3 != div1 && parent3 != div2 && parent4 != div1 && parent4 != div2 && parent5 != div1 && parent5 != div2 && parent6 != div1 && parent6 != div2 && parent7 != div1 && parent7 != div2 && parent1 != div3 && parent1 != div4 && parent1 != div5 && parent1 != div6)? hide_only() : null;
}
document.onclick = hideDiv;
window.onscroll = scrollEvent;
function resetBuffer() {
	buffer = 1;
}
function scrollEvent() {
	if (buffer == 1) {
	   hide_only();
	   buffer = 0;
	   hideInterval = setInterval("resetBuffer()", 500);
	}
}