/*
 * fired on page loaded
 */
 
 /* var für den timer */
	var timeOutID = 0;
 
 /* höhe des geöffneten sprachbox div */
	var openHeight = 100;
 
  /* startpos des geschlossenen sprachbox div */
	var closedHeight = 22;
 
	var images = new Array();
	images[0] = "../images/icon_plus.png";
	images[1] = "../images/icon_minus.png";
 

/*
 * add listener to the sprachbox <div>, wird beim seitenladen aufgerufen onload
 */
 
function load()
{
	var div = document.getElementById('sprachbox');
	if( div.addEventListener )
	{
		div.addEventListener('mouseover',showLanguagePanel, true );
		div.addEventListener('mouseout',hideLanguagePanel, true );
	}
	else {
		
		div.attachEvent('onmouseover',showLanguagePanel );
		div.attachEvent('onmouseout',hideLanguagePanel );
		
	}

	
/* startpos festlegen, geschlossen */
	var div = document.getElementById('sprachbox');
	div.style.height = closedHeight + 'px';
}


/*
 * div wird nach oben verschoben, 
 */
function showLanguagePanel( e )
{
	clearTimeout ( timeOutID );
	
	var div = document.getElementById('sprachbox');
	div.style.height = openHeight + 'px';
	
	var closeIcon = document.getElementById(  'closebox_icon_image' );
	closeIcon.src = images[1];
}


/*
 * div wird nach unten verschoben, 
 */
function hideLanguagePanel( e )
{
	//test for MSIE x.x;
	 
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
	{ 
		
		var ie_version = new Number( RegExp.$1 ) // capture x.x portion and store as a number
		if( ie_version == 8 )
		{
			hideIt( closedHeight )
			return;
		}
	}
	
	hideIt( openHeight )
}


/*
 * div animation zur startposition, = geschlossen
 */
function hideIt( px )
{
	px -= 5;
	
	var div = document.getElementById('sprachbox');
	
	if( px > closedHeight )
	{
		ps = px + 'px';
		div.style.height = ps;
		
		timeOutID = setTimeout("hideIt( "+px+" )", 10);
	}
	else {
		div.style.height = closedHeight + 'px';
		var closeIcon = document.getElementById('closebox_icon_image');
		closeIcon.src = images[0];
	}
}