var $j = jQuery.noConflict();

$j(function(){
	/*
	//--------------------------------------------------
	//---- Navigation
	//--------------------------------------------------
	$("#navi img").hover(function(){	
		if($(this).attr("alt") == "News"){
			path = "news.png";
		} else if($(this).attr("alt") == "Seidlcontest"){
			path = "seidlcontest.png"; 
		} else if($(this).attr("alt") == "Stelznteam"){
			path = "stelznteam.png"; 
		} else if($(this).attr("alt") == "Geschichte"){
			path = "geschichte.png"; 
		} else if($(this).attr("alt") == "LineUp"){
			path = "lineup.png"; 
		} else if($(this).attr("alt") == "Fotos / Videos"){
			path = "fotosvideos.png"; 
		} else if($(this).attr("alt") == "Kontakt"){
			path = "kontakt.png"; 
		} else if($(this).attr("alt") == "Guestbook"){
			path = "guestbook.png"; 
		}
		$(this).attr("src","layout/navi/hover/" + path);
	}, function() {
		$(this).attr("src","layout/navi/link/" + path);
	});
	
	//--------------------------------------------------
	//---- FaceBook Button und LikeBox
	//--------------------------------------------------
	$("#LikeBox").hide();
	
	$("#facebook").hover(function(){
		$("#LikeBox").show();;
	}, function(){
		$("#LikeBox").hide();
	});
	
	$("#LikeBox").mouseout(function(){
		$(this).hide();
	});
	
	//--------------------------------------------------
	//---- Stelzenlogo erscheint immer irgendwo
	//--------------------------------------------------
	$("#navi img").mouseover(function(){
		$("#stelze").css("visibility","visible");
		$("#stelze").css("top",(Math.random()*500));	
		$("#stelze").css("left",(Math.random()*800));
	});
	$("#navi img").mouseout(function(){
		$("#stelze").css("visibility","hidden");
	});
	
	*/
	
	//--------------------------------------------------
	//---- Rest verdunkelt sich beim Logo
	//--------------------------------------------------
	$("#toNews").hide();
	
	$("#logo").hover(function(){ //over
		$("#wrapper").fadeTo(100,0.2);
		$("#toNews").fadeIn(100);
		$("#toNews a").fadeIn(100);
	}, function(){ //out
		$("#wrapper").fadeTo(200,1);
		$("#toNews").fadeOut(200);
		$("#toNews a").fadeOut(200);
	});
	
	$("#toNews").hover(function(){ //over
		$("#wrapper").fadeTo(0,0.2);
		$(this).fadeIn(0);
		$("#toNews a").fadeIn(0);
	}, function(){ //out
		$("#wrapper").fadeTo(200,1);
		$(this).fadeOut(200);
		$("#toNews a").fadeOut(200);
	});	
	
});