function showstuff(boxid){
	var divArray = getElementsByClassName("popup");
	var x;
	for (x in divArray){
		divArray[x].style.visibility="hidden";;
	}
	
	document.getElementById(boxid).style.visibility="visible";
	document.getElementById(boxid).style.top=(getScrollingPosition()+50+"px");
}
function hidestuff(boxid){
	document.getElementById(boxid).style.visibility="hidden";
}
	
function getScrollingPosition(){
	var position = 0;

	if (typeof window.pageYOffset != 'undefined')
	{
		position = window.pageYOffset;
	}

	else if (typeof document.documentElement.scrollTop
		!= 'undefined' && document.documentElement.scrollTop > 0)
	{
		position = document.documentElement.scrollTop;
	}

	else if (typeof document.body.scrollTop != 'undefined')
	{
		position = document.body.scrollTop;
	}

	return position;
}

function getElementsByClassName(classname){
        var rl = new Array();
        var re = new RegExp('(^| )'+classname+'( |$)');
        var ael = document.getElementsByTagName('div');
        var op = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
        if (document.all && !op) ael = document.all;
        for(i=0, j=0 ; i<ael.length ; i++) {
                if(re.test(ael[i].className)) {
                        rl[j]=ael[i];
                        j++;
                }
        }
        return rl;
}
