var myheight=0;
var barheight=14;
var aktiv=null;
var fillerheight=150;
var mode=1;
var url;

function HideBalken () {
	if(document.getElementById("myfiller") && document.getElementById("mybar")){
		if(null) {
			window.clearTimeout(aktiv);
		}
		balken = document.getElementById("myfiller");
		if (mode==1)
		{
			if (barheight > 14)
			{
				barheight -= 9;
				document.getElementById('mybar').style.height = barheight + "px";
				aktiv  = window.setTimeout("HideBalken();",0);	
			}
			else
			{
				document.getElementById('mybar').style.height = 14 + "px";
				document.location.href = url;
			}
		}
		else if (mode==2)
		{
			if (fillerheight < 150)
			{
				fillerheight += 4;
				balken.style.width = fillerheight + "px";
				
			}
			else mode=1;
			aktiv  = window.setTimeout("HideBalken();",0);
		}
	} else {
		document.location.href = url;
	}
}

function golink (e) {
	url = e.element().href;
	HideBalken();
	e.stop();
}

function DrawBalken () {
	if(document.getElementById("myfiller") && document.getElementById("mybar")){
		balken = document.getElementById("myfiller");
		if (mode==1)
		{
			if (barheight < myheight)
			{
				if (barheight + 9 <= myheight) barheight += 9;
				else barheight = myheight;
				document.getElementById('mybar').style.height = barheight + "px";
				
			}
			else mode=2;
			aktiv  = window.setTimeout("DrawBalken();",0);
		}
		else if (mode==2)
		{
			if (fillerheight >= 4)
			{
				fillerheight -= 4;
				balken.style.width = fillerheight + "px";
				aktiv  = window.setTimeout("DrawBalken();",0);
			}
			
		}
	}
}

Event.observe(window, 'load', function(){
  if ($('mybar')) {
	  var activeMenuItems = $$('.menugroup ul li a.active');
	  var subMenuItems = $$('.submenugroup');
	  if ((activeMenuItems.size() > 0) && (subMenuItems.size() > 0)) {
	    var filler_height = $$('.submenugroup')[0].getHeight();
		  $('imk_content').insert(new Element('div', {
		    id: 'myfiller',
		    className: 'imkMenuFiller'
		  }).setStyle({height : (filler_height + 'px')}));
	  }
	  myheight = $('mybar').getHeight();
	  $('mybar').setStyle({height : ('14px')});
  }
  
  $$('.menugroup ul li a').each(function(menuItem) {
    menuItem.observe('click', function(e) {
      golink(e);
    });
  });

  DrawBalken();
});