var open_this  = 0;
var close_this = 0;
var mythis=0;

var subnavi=0;
var onSubnavi=0;
var timer=0;
var timer_valid=0;
var t_mm = 0;
var o_mp_x = 0;
var o_mp_y = 0;
var o_move = 0;
var x = 0;
var y = 0;
var m_aktive = 0;
var m_count = 0;

var ttest = 0;
var ttest2 = 0;

var showAk = 0;

$j(document).ready(function(){ 
	hide_all(); 					// alle Subs verstecken
	reveal_aktiv();					// aktuelles Sub sichtbar machen
	clear_css();					// einnmal alle background-positionen uberschreiben, damit die voreinstellungen aus den CSS weg sind
	widen_subnavi();				// das beim hover relevante feld auf die komplette breite erweitern, um die navigation zu erleichtern
	init_hover();					// hover reaktionen festlegen
	setInterval('mousemove()',15);	// bewegungsinfo generieren
	
	if( $j('#suche').val() == '' ){ if( $j('.but_mini_anmelden').html() == 'Login'){ $j('#suche').val('Search'); }else{ $j('#suche').val('Suchen'); } }	
});

$j(document).mousemove(function(e){ x =e.pageX; y =e.pageY; });

function mousemove(){
	// bewegung abgeschlossen ??
	var dist_x = o_mp_x - x; var dist_y = o_mp_y - y; o_mp_x = x; o_mp_y = y;
	var movement = Math.floor(o_move + (Math.sqrt((dist_x*dist_x)+(dist_y*dist_y)))/2);
	if((movement > 0)||((y<115)&&(y>266)&&(x>174)&&(x>200))){ m_count = 0; m_aktive = 0; }else{ if(m_count < 4) m_count ++; }
	if(m_count == 4){ m_aktive = 1; }	
	// bewegung abgeschlossen
	open_close();	
}

function open_close(){
	// ???? ----> // if (subnavi==1) hide_single(1);

    // wurde "oeffnen" aktiviert?
	if(open_this){ 
		// wenn bewegung abgeschlossen und keine subnavi offen, dann navigationspunkt oeffnen
		if((m_aktive)&&(!subnavi)){ workHover(); } 
	// wenn nicht dann 	
	}else{ 
		// 
		close_this = 1; showAk = 0; }
	// wurde "schliessen" aktiviert? 
	if(close_this){ 
        // wenn bewegung abgeschlossen und keine subnavi offen
		if((m_aktive)&&(!onSubnavi)){ 
			ttest2=0; 
			onSubnavi=0; 
			close_this = 0; 
			timer = setTimeout('hide_single(2)',400); 
			timer_valid=1; 
		} 
	}
//	$j("#mouse").html('&gt '+m_aktive+' &lt !t:'+timer_valid+' !o:'+onSubnavi+' !s:'+subnavi+' !tt:'+timer);
//	$j("#mouse").html('t:'+ttest+' '+ttest2);
}

function workHover(){
	if(subnavi == 1){ onSubnavi=0; hide_single(5); } clearTimeout(timer);
	// wenn hover, dann das aktive submenu verstecken
	hide_active();
	
	$j('.navigation').addClass('subnavibg'); 

	$j(open_this).css('background-position','0 -292px');
	// alle nicht aktiven nicht hover background versetzen
	$j(open_this).parent().siblings("li").children("a").not(".ebene_01_aktiv").each(function(){ $j(this).css('background-position','0 -584px'); });
	$j(open_this).parent().siblings("li").children(".ebene_01_aktiv").each(function(){ $j(this).css('background-position','0 -438px'); });
	$j(open_this).parent().children(".navi_ebene_02").hover(function(){ onSubnavi = 1; }, function(){ onSubnavi = 0; close_this = 1; showAk = 1; });
    mythis = $j(open_this);
	subnavi = 1;
}

function hide_single(myindex){
	if(((subnavi == 1)&&(onSubnavi == 0)&&(timer_valid == 1))||(myindex == 5)||(myindex == 6)){
		show_active();
		mythis.parent().children('.navi_ebene_02').each(function(){ $j(this).css('visibility','hidden'); }); 
  		$j('.navigation').removeClass('subnavibg'); 
		mythis.css('background-position','0 0px');
		// alle nicht aktiven nicht hover background zurueck setzen
		mythis.parent().siblings("li").children("a").not(".ebene_01_aktiv").each(function(){ $j(this).css('background-position','0 0px'); });
		subnavi = 0;
	}
	timer_valid = 0;
	clearTimeout(timer);
}

function init_hover(){
	// wenn der aktive menupunkt gehovered wird, eine eventuell ausgeklappte andere subnavi verstecken und die aktive anzeigen
	$j(".navi_ebene_01").children("li").children(".ebene_01_aktiv").each(
		function(){ $j(this).hover( 
			function(){ open_this = 0; hide_single(1); }, 
			function(){ }
		); 
	});

	// alle anderen menupunkte bekommen hoverfunktionen
	$j(".navi_ebene_01").children("li").children("a").not(".ebene_01_aktiv").each(
		function(){ $j(this).hover( 
			function(){ open_this = $j(this); }, 
			function(){ open_this = 0; }
		); 
	});	
}

function hide_active(){		  	
	$j('.ebene_01_aktiv').parent().children('.navi_ebene_02').each(function(){ $j(this).css('visibility','hidden'); });
	$j(open_this).parent().children('.navi_ebene_02').each(function(){ $j(this).css('visibility','visible'); }); 
}

function show_active(){
	$j('.ebene_01_aktiv').parent().children('.navi_ebene_02').each(function(){ $j(this).css('visibility','visible'); });
	mythis.parent().siblings("li").children(".ebene_01_aktiv").each(function(){ $j(this).css('background-position','0 -146px'); });
}

function hide_all(){ 		$j('.navi_ebene_02').each(function(){ $j(this).css('visibility','hidden'); }); } 		
function clear_css(){ 		$j(".navi_ebene_01").children("li").children("a").each(function(){ $j(this).css('background-position', $j(this).css('background-position')); }); }
function reveal_aktiv(){	$j('.ebene_01_aktiv').parent().children('.navi_ebene_02').each(function(){ $j(this).css('visibility','visible'); }); }
function widen_subnavi(){ 	$j(".navi_ebene_02").each(function(){ $j(this).css('width', '880px'); }); }

//  <div id="navigation">
//    <ul class="navi_ebene_01">
//      <li><a href="#" title="Startseite" class="but_ebene_01_01 ebene_01_aktiv">Startseite</a>
//        <ul class="navi_ebene_02">
//          <li><a href="#" title="Projektnachrichten" class="ebene_02_aktiv">Projektnachrichten</a></li>
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">Projektnachrichten</a></li>
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">Projektnachrichten</a></li>
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">Projektnachrichten</a></li>
//        </ul>
//      </li>
//      <li><a href="#" title="Forum" class="but_ebene_01_02">Forum</a></li>
//      <li><a href="#" title="Service" class="but_ebene_01_03">Service</a>
//        <ul class="navi_ebene_02">
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">__Projektnachrichten</a></li>
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">__Projektnachrichten</a></li>
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">__Projektnachrichten</a></li>
//          <li><a href="#" title="Projektnachrichten" class="ebene_02">__Projektnachrichten</a></li>
//        </ul>
//      </li>
//      <li><a href="#" title="Partner" class="but_ebene_01_04">Partner</a></li>
//      <li><a href="#" title="Intern" class="but_ebene_01_05">Intern</a></li>
//    </ul>
//  </div>