var $j = jQuery.noConflict(); 

$j(document).ready(function() {

$j('#terminehover').accordion({
autoHeight : true,
collapsible : false,
clearStyle : false,
fillSpace : false,
header : 'table#hovertable',

event: 'mouseover'
});

	//klappmenü left-margin
	var leftMargin = 0
	$j(".klappMenu").each(function() {
		$j(this).attr("style", "margin-left: " + leftMargin + "px;");
		leftMargin += 118;
		$j(this).hide();
		$j(this).css({opacity: 0.9})
		$j(this).hover(function() {
			$j(".klappMenu").removeClass("activeTab");
			$j(this).animate({opacity:1}, 300);
			$j(this).addClass("activeTab");
			//active link
			$j("#navigation a.main").removeClass("active2");
			var link = $j(this).prev();
			jQuery("a", link).addClass("active2");
		});
		$j(this).bind("mouseleave", function() {
			$j(this).animate({opacity:0.9}, 300);
		});
	});
	
	
	
	$j("#navigation a.main").hover(function() {		
		var href = $j(this).attr('href');
		href = href.replace("index.php?id=", "");
		
		var currentTab = 
		$j(".klappMenu").show();
		$j(".klappMenu").removeClass("activeTab");
		$j("#navigationOverlay_" + href).addClass("activeTab");
		
		currentTab.click(function() {
			$j(this).hide();
		});
	});
	$j("#navigation").bind("mouseleave", function() { 				
		$j(".klappMenu").hide();
		$j("#navigation a.main").removeClass("active2");
	})
 });