Event.observe(window, 'load', function() {
  show_kreise();
});


function show_kreise()
{
	var nh = $('navigation').getHeight()
	var ch = $('inhalt').getHeight()
	
	temp = nh + 144;
	
	if (ch>temp)
	{
		new_pos = ch;
		new_pos = new_pos - 134;
	}
	else
	{
		//alert('navi');
		
		new_pos = nh + 10;
		new_hei = nh + 144;
		
		$('navigation').style.height = new_hei+'px';
	}
	
  var add = new Element("div", { id:'info_box'});
  add.innerHTML = "<img src='uploads/tf/kreis_1_1.jpg'>";
	add.style.position = 'absolute';
	add.style.top = new_pos+'px'; 
  $('navigation').appendChild(add);	
	
	new_pos = new_pos + 110;
	
  var add = new Element("div", { id: 'kreise'});
  add.innerHTML = "<a href='index.php?id=4' class='kreis_1' id='kreis_1'></a><a href='index.php?id=5'  class='kreis_2' id='kreis_2'></a><a href='index.php?id=6'  class='kreis_3' id='kreis_3'></a><a  href='index.php?id=7' class='kreis_4' id='kreis_4'></a><a  href='index.php?id=8' class='kreis_5' id='kreis_5'></a><a  href='index.php?id=9' class='kreis_6' id='kreis_6'></a>";
	add.style.position = 'absolute';
	add.style.top = new_pos+'px'; 
  $('navigation').appendChild(add);
	//$("kreise").insert({ after: add}); 
	
	$('kreis_1').observe('mouseover', show_element);
	$('kreis_1').observe('mouseout', hide_element);
	
	$('kreis_2').observe('mouseover', show_element);
	$('kreis_2').observe('mouseout', hide_element);
	
	$('kreis_3').observe('mouseover', show_element);
	$('kreis_3').observe('mouseout', hide_element);
	
	$('kreis_4').observe('mouseover', show_element);
	$('kreis_4').observe('mouseout', hide_element);
	
	$('kreis_5').observe('mouseover', show_element);
	$('kreis_5').observe('mouseout', hide_element);
	
	$('kreis_6').observe('mouseover', show_element);
	$('kreis_6').observe('mouseout', hide_element);
	window.setTimeout("hide_first_element('info_box')",2000);	
}
function hide_first_element(my_element)
{
	$(my_element).hide();	
}

function show_element(event) {
  var element = event.element();
	$('info_box').innerHTML = "<img src='uploads/tf/"+element.id+"_1.jpg'>";
	$('info_box').show();
}
function hide_element(event) {
  var element = event.element();
	$('info_box').hide();
}