var newdiv;
var TimeToFade = 400;

function animateFade(lastTick)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;

  var element = newdiv;

 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    
	if(element.FadeState == -2)
	{
		newdiv.parentNode.removeChild(newdiv);
		newdiv = null;
	}
	
	return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
  setTimeout("animateFade(" + curTick + ")", 33);
}

function removeFrontDepartmentOver(e)
{
	if(newdiv)
	{
		newdiv.FadeState = newdiv.FadeState == 2 ? -1 : 1;
		newdiv.FadeTimeLeft = TimeToFade;
		setTimeout("animateFade(" + new Date().getTime() + ")", 33);
	}

	return false;
}

function createFrontDepartmentOver(urlname,name,id)
{
	removeFrontDepartmentOver();

	var currentdep = document.getElementById('forside_velg_avdeling_valg');
	newdiv = document.createElement('div');
	newdiv.style.id = 'departmentoverlay';
	newdiv.style.position = 'absolute';
	newdiv.style.padding = '5px';
	newdiv.style.height = (currentdep.offsetHeight) + 'px';
	newdiv.style.width = (currentdep.offsetWidth - 5) + 'px';
	newdiv.style.top = 0;
	newdiv.style.left = 0;
	newdiv.style.zIndex = 100;
	newdiv.style.backgroundColor = '#F8F8F8';
	newdiv.style.opacity = '0';
	newdiv.FadeState = -2;
	
	var b = document.createElement('b');
	var u = document.createElement('u');
	var p1 = document.createElement('p');

	p1.appendChild(document.createTextNode('Vi har flere avdelinger i ' + name + ". Velg underavdeling:"));

	u.appendChild(document.createTextNode(name.toUpperCase()));
	b.style.color = '#166735';
	b.appendChild(u);

	newdiv.appendChild(b);
	newdiv.appendChild(p1);


	for(var l in subdepartment)
	{
		if(l == id)
		{
			for(var l2 in subdepartment[l])
			{
				var a = document.createElement('a');
				a.style.display = 'block';
				a.href = '/' + l2;
				a.appendChild(document.createTextNode(subdepartment[l][l2]));
				newdiv.appendChild(a);
			}
		}
	}

	var div2 = document.createElement('div2');
	div2.style.display = 'block';
	div2.style.position = 'absolute';
	div2.style.bottom = '0px';
	div2.style.left = '0px';
	div2.style.padding = '5px';
	div2.style.width = newdiv.style.width;
	div2.style.backgroundColor = '#EAEAEA';

	var a2 = document.createElement('a');
	a2.href = '/';
	a2.onclick = removeFrontDepartmentOver;
	a2.appendChild(document.createTextNode('<<< Tilbake til alle avdelinger'));
	div2.appendChild(a2);
	newdiv.appendChild(div2);

	currentdep.appendChild(newdiv);

	newdiv.FadeState = newdiv.FadeState == 2 ? -1 : 1;
    newdiv.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ")", 33);
	newdiv.style.filter = 'alpha(opacity=0)';

}