var dropMargin=20;
var currentId;

function dropdownMouseover(id) {

	currentId=id;

	var pikavalikko=document.getElementById(id);
	var otsikko=pikavalikko.getElementsByTagName('a')[0];
	var links=pikavalikko.getElementsByTagName('ul')[0];

	links.style.display="block";

	var korkeus;
	var otsikon_korkeus;
	var ikkunan_korkeus;

	var ypos=getElementYpos(pikavalikko);

		if(isIE()) {

			if(getIEVersionNumber()==7) {
			otsikon_korkeus=-2;
			
			} else if(getIEVersionNumber()==8) {
			otsikon_korkeus=10;
			
			} else {
			otsikon_korkeus=0;
			}

		korkeus=ypos+pikavalikko.offsetHeight+dropMargin;
		ikkunan_korkeus=document.documentElement.clientHeight;

		} else {		
	
		korkeus=ypos+pikavalikko.offsetHeight+dropMargin;
		otsikon_korkeus=otsikko.offsetHeight/2-1;
		ikkunan_korkeus=window.innerHeight;

		}

	links.style.position="relative";

		if(Number(korkeus)>Number(ikkunan_korkeus)) {
		links.style.top="-"+(otsikon_korkeus+links.offsetHeight)+"px";
		} else {
		links.style.top=otsikon_korkeus+"px";
		}

}

function dropdownMouseout(id) {

	currentId=null;

	var pikavalikko=document.getElementById(id);
	var uls=pikavalikko.getElementsByTagName('ul');
	var links=uls[0];
	
	links.style.display="none";

}

function isIE() {
	
	if(navigator.appName=="Microsoft Internet Explorer") {
	return true;
	} else {
	return false;
	}
	
}

function getIEVersionNumber() {
    var ua = navigator.userAgent;
    var MSIEOffset = ua.indexOf("MSIE ");
    
    if (MSIEOffset == -1) {
        return 0;
    } else {
        return parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
    }
}

function getElementYpos(element) {

var el=element;
var y=0;

	while(el.offsetParent) {
	y+=el.offsetTop;
	el=el.offsetParent;
	}
	
return y;
}