addDOMLoadEvent=(function(){var e=[],t,s,n,i,o,d=document,w=window,r='readyState',c='onreadystatechange',x=function(){n=1;clearInterval(t);while(i=e.shift())i();if(s)s[c]=''};return function(f){if(n)return f();if(!e[0]){d.addEventListener&&d.addEventListener("DOMContentLoaded",x,false);/*@cc_on@*//*@if(@_win32)d.write("<script id=__ie_onload defer src=//0><\/scr"+"ipt>");s=d.getElementById("__ie_onload");s[c]=function(){s[r]=="complete"&&x()};/*@end@*/if(/WebKit/i.test(navigator.userAgent))t=setInterval(function(){/loaded|complete/.test(d[r])&&x()},10);o=w.onload;w.onload=function(){x();o&&o()}}e.push(f)}})();

addDOMLoadEvent(addEventHandlers);

function addEventHandlers(){
	e = grab("dropper");
	e.onmouseout=function(){hide('drop1div')};
	e.onmouseover=function(){stopHide()};
	e.childNodes[0].onmouseover=function(){drop('drop1div')};
	e = grab("dropper2");
	e.onmouseout=function(){hide('drop2div')};
	e.onmouseover=function(){stopHide()};
	e.childNodes[0].onmouseover=function(){drop('drop2div')};

	
}





var step=3;
var move = 197;
var speed = 20;
var z;
var maxH;
function drop(e){
	f=grab("drop1div");
	hider(f);
	f=grab("drop2div");
	hider(f);	
	e = grab(e);
	maxH = e.style.height;
	maxH = maxH.replace("px","");
	e.style.height="0px";
	e.style.display="block";
	expand(e);
	if(e == grab("drop1div")){
	e = grab("dropper");
	e.childNodes[0].onmouseover="";
	}
	else{
	e = grab("dropper2");
	e.childNodes[0].onmouseover="";
	}
	
}
function expand(e){
	if(step < maxH){
		e.style.height=step+"px";
		e.style.top=move+"px";
		step=step+3;
		move = move-3;
		setTimeout(function(){expand(e)},speed);
	}
	else{
		e.style.height=maxH+"px";
		e.style.top=172+"px";
		step = 3;
		move = 197;
		if(e == grab("drop1div")){
		e.onmouseout=function(){hide('drop1div')};
		}
		else{
		e.onmouseout=function(){hide('drop2div')};
		}
		e.onmouseover=function(){stopHide()};
	}

}
function grab(e){
	return document.getElementById(e);
}
function hide(e){
	e = grab(e);
	clearTimeout(z);
	z = setTimeout(function(){hider(e)},400);

}

function stopHide(){
	clearTimeout(z);
}

function hider(e){
	e.style.display="none";
	step = 3;
	move = 197;
	if(e == grab("drop1div")){
	e = grab("dropper");
	e.childNodes[0].onmouseover=function(){drop('drop1div')};
	}
	else{
	e = grab("dropper2");
	e.childNodes[0].onmouseover=function(){drop('drop2div')};
	}
}