function debug(str){
	$('logo').innerHTML = str;
}


function initKhbox(){
	khbox = document.createElement('DIV');
	khbox.id = 'khbox';
	khbox.style.display='none';	
	
	
	/*
	<div class ="buttclose" onclick="hideDetail()"></div>
	*/
	
	khbox_close = document.createElement('DIV');
	khbox_close.id = 'khbox_close';
	khbox_close.onclick = hideDetail;
	khbox.appendChild(khbox_close);

	khbox_content = document.createElement('DIV');
	khbox_content.id = 'khbox_content';
	khbox.appendChild(khbox_content);
	
	document.body.appendChild(khbox);
	
}

function showDetail(trigger){

	if(trigger.tagName != 'A')
		trigger = $(trigger).up('A');

	url = trigger.href;
	
	if(url.indexOf('.jpg') != -1){
	 			$('khbox_content').innerHTML = '<div id="khbox_image"><img src="'+url+'" /></div>';
 				new Effect.Appear('khbox', { duration:0.4 });	
	} else {	
		new Ajax.Updater('khbox_content', url, {
  			parameters: { 
  				type: '111', 
  				method: 'get',
  				encoding: 'UTF-8' 
  			},
  			onCreate: function() {
 				$('khbox_content').innerHTML = '<div class="ajaxload"></div>';
 				new Effect.Appear('khbox', { duration:0.4 });
			}, 
  			onComplete: function(){
  				checkKhBoxSize();	
  			}
		});
	}
}

function hideDetail(){
	    $('khbox_content').innerHTML = '';
		$('khbox').hide();
}



function initContentHeight(){
	h_left = (Position.page($('content-left'))[1])+$('content-left').getHeight();
	//if(((h_left+90)-document.viewport.getHeight())>0)
		document.body.style.minHeight = (h_left+90)+'px';
		//$('outer-wrap').style.minHeight = h_left+'px';
		
	//debug(h_left)	
}


function getBrowser(){
	if(document.ids)x='nc4';
	else if( document.all && !document.getElementById )x='ie4';
	else if( window.opera && !document.createElement )x='op5';
	else if( window.opera && window.getComputedStyle )  {
	          if(document.createRange)x='op8';
	            else if(window.navigate)x='op7.5';
	                             else x='op7.2';                   }
	else if( window.opera && document.compatMode )x='op7';
	else if( window.opera && document.releaseEvents )x='op6';
	else if( document.contains && !window.opera )x='kq3';
	else if(window.pkcs11&&window.XML)x='f15';
	else if( window.getSelection && window.atob )x='nn7';
	else if( window.getSelection && !document.compatMode )x='nn6';
	else if( window.clipboardData && document.compatMode )
	  x=window.XMLHttpRequest? 'IE7' : 'IE6';
	else if( window.clipboardData ){x='ie5';
	     if( !document.createDocumentFragment ) x+='.5';
	     if( document.doctype && !window.print ) x+='m';}
	else if( document.getElementById && !document.all ) x='op4';
	else if( document.images && !document.all ) x='nn3';
	else if(document.clientWidth&&!window.RegExp)x='kq2';
	else x='???';
return x;
}

var hidetimer = '';
function prepareNavi(){
	
	
	$('suche').hide();
	if($('menuitem-21')){
		$('menuitem-21').observe('click', 
			function(event){
				$('login').hide();
				Event.stop(event); 			
					if(!$('suche').visible()){				
						new Effect.Appear('suche', {
							duration:0.4,
							afterFinish: function(){
								$('sword').focus();
							}
						});
					} else {
						new Effect.Fade('suche', {
							duration:0.4
						});				
					
					}	
			});
	}
	
	$('login').hide();
	if($('menuitem-20')){
		$('menuitem-20').observe('click', 
			function(event){
				$('suche').hide();
				Event.stop(event);				
					if(!$('login').visible()){				
						new Effect.Appear('login', {
							duration:0.4,
							afterFinish: function(){
								$('user').focus();
							}
						});
					} else {
						new Effect.Fade('login', {
							duration:0.4
						});				
					
					}	
			});
	}	
	
	// initially hide all submenus
	$('subnavi').hide();
	$$('ul.menu2').each(
		function(el){
			el.hide();
		}
	);

	$('subnavi').observe('mouseover', function(){
				
	});
	
	$$('li.main-li').each(
		function(el){
			el.observe('mouseover', function(){
				showSubmenu(el);
			});
			el.observe('mouseout', function(){
				hideSubmenu(el);
			});	
		}
	);		
}


function showSubmenu(trigger){	
	
	if((trigger.down('ul')) && (!trigger.down('ul').visible())){
		trigger.down('ul').show();

		trigger.down('ul').getHeight()
		
		$('subnavi').style.height = trigger.down('ul').getHeight()+'px';
		
		$('subnavi').show();
	}
	
}

	
function hideSubmenu(trigger){	
	$('subnavi').hide();
	if((trigger.down('ul')) && (trigger.down('ul').visible()))
		trigger.down('ul').hide();		
}

document.observe("dom:loaded", function(){
	prepareNavi();
	initKhbox();
	initContentHeight();
});