/* Table-Höhe anpassen */
function hoehe_anpassen() {
	if (navigator.appName == "Microsoft Internet Explorer" && parseFloat(navigator.appVersion) <= 7 ) {
		hoehe = self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
		
		td_navigation = $("navigation");
		hoehe_navigation = td_navigation.offsetHeight;
		
		td_inhalt = $("inhalt");
		td_inhalt.style.height = "100%";
		td_inhalt.style.height = (hoehe-27-34-hoehe_navigation)+"px";
	}
}

function toggleLogin(){
	toggleLogin.state = !(toggleLogin.state || false);
	if (toggleLogin.state) {
		new Effect.Appear('loginpanel', {
			afterFinish:	function(){
				if ($('loginUserName')) {
					$('loginUserName').focus();
				}
				$('switch').toggleClassName('hover');
			},
			duration:		 0.3
		});
	} else {
	 new Effect.Fade('loginpanel', {
			afterFinish:	function(){$('switch').toggleClassName('hover');},
			duration:		 0.3
		});
	}
}

Event.observe(window, 'load', function(){
	hoehe_anpassen();
	
	// Mouseover-Funktionen
	$A(document.links).each(function(l){ 
		/* ist jetzt per CSS gelöst!
		l.onfocus = function(){l.blur()};
		*/
		var klasses, klass;
		if (klasses = l.name) {
			klasses = klasses.split('-');
			if (klass = klasses[0]){
				// preload
				l.img			 = new Image();
				l.img.src	 = '/images/icons_start/'+klass+"_over.gif";
			}
			klasses.each(function(klass){
				var targets = $A(document.getElementsByClassName(klass));
				targets.each(function(t){ 
					Event.observe(t, 'mouseover', function(){l.addClassName('hover');});
					Event.observe(t, 'mouseout',	function(){l.removeClassName('hover');});
				});
				var on	= function(){
					targets.each(function(t){ 
						t.addClassName(t.id.split('-')[0]+'_hover');
						t.addClassName('icon_hover');
					});
				}
				var off	= function(){
					targets.each(function(t){ 
						t.removeClassName(t.id.split('-')[0]+'_hover');
						t.removeClassName('icon_hover');
					});
				};
				Event.observe(l, 'mouseover', on);
				Event.observe(l, 'mouseout',	off);
			
			});
		}
	});
	// Submit-Knoppen blurren
	// ist jetzt eigentlich per CSS gelöst, klappt aber bei submit-Buttons nicht.
	$$('input[type=submit]').each(function(i){i.onfocus=function(){i.blur();}});
});

Event.observe(window, 'resize', hoehe_anpassen);