$(document).ready(function() {
  $("li:has(ul)").mouseover(HaNavOver);
  $("li:has(ul)").mouseout(HaNavOut);
  
  //$('.subnavliste').backOpacity({background: '#ffffff',opacity: '0.5'});
  $(".subnavliste").css("visibility","hidden");
  $(".subnavliste").css("display","none");
  
  $(".sub_0").css("top","115px");
  $(".sub_1").css("top","132px");
  $(".sub_3").css("top","168px");
  $(".sub_5").css("top","202px");
  $(".sub_7").css("top","234px");
  $(".sub_9").css("top","273px");
  $(".sub_10").css("top","302px");
  CheckLayout();
});

$(window).resize(CheckLayout);

function CheckLayout(){
	if($(document).width() <= 1000){
		$('#seite').css('left', '0');
		$('#seite').css('margin-left', '0');
	}else{
		$('#seite').css('left', '50%');
		$('#seite').css('margin-left', '-500px');
	}
	if($(document).height() <= 560 ){
		$('#seite').css('top', '0');
		$('#seite').css('margin-top', '0');
	}else{
		$('#seite').css('top', '50%');
		$('#seite').css('margin-top', '-280px');
	}
}


function HaNavOver(){
	$(".subnavliste").css("visibility","hidden");
	$(".subnavliste").css("display","none");
	//$(this).next().css("visibility","visible");
	$(this).children("ul").css("visibility","visible");
	$(this).children("ul").css("display","block");
	//$(this).parent().children("ul").css("visibility","visible");
}

function HaNavOut(){
	//alert('huhu');
	$(".subnavliste").css("visibility","hidden");
	$(".subnavliste").css("display","none");
	$(".open").css("visibility","visible");
	$(".open").css("display","block");
}