/*========================================================================*\
|| ###################################################################### ||
|| # Copyright © 2002 - 2008 Reuter & Bloeß GbR.                          ||
|| # http://www.vbdesigns.de | http://www.vbdesigns.de/license.html     # ||
|| ###################################################################### ||
\*========================================================================*/

var mydiv;
var sl;
var s;

function showpopnavi(id, sub, nor)
{
        if(document.getElementById) 
        {
                mydiv = document.getElementById(id);

                if(sub)
                {
                        clearTimeout(s);
                        mydiv.style.display = 'block';
                }else{
                        mydiv.style.display = (mydiv.style.display == 'block' ? 'none' : 'block');
                        mydiv.style.clip = 'rect(auto, 0px, 0px, auto)';
		        var Y = Math.ceil(mydiv.offsetHeight / 16);
		        sliding(0, 0, Y);       
                }
                mydiv.style.position = 'absolute';

                var par = document.getElementById(id + '_parent');
                var top  = par.offsetHeight;
                var left = 0;

                for(; par; par = par.offsetParent)
                {
                        top  += par.offsetTop;
                        left += par.offsetLeft;
                }
                mydiv.style.top = top  +'px';
                mydiv.style.left = left - ((!nor) ? 90 : 1 ) +'px';
        }
}

function sliding(clipX, clipY, Y)
{
	if (clipY < mydiv.offsetHeight)
	{
		clipY += Y;
		mydiv.style.clip = "rect(auto, auto, " + clipY + "px, auto)";
		sl = setTimeout("sliding(" + clipX + ", " + clipY + ", " + Y + ")", 0);

	}else{
		clearTimeout(sl);
	}
}

function hidepopnavi(id)
{      
        var c = document.getElementById(id);
        s = setTimeout("document.getElementById('"+c.id+"').style.display = 'none'", 333);
}