jQuery(document).ready(function() {

	// Skizzen
	$("a.fbShow").fancybox({ 
		/*'hideOnContentClick': true,*/
		frameWidth:800,
		frameHeight:455
	}); 
	
	// Gallerie
	$("#gallery a").fancybox({
				'zoomSpeedIn':	0, 
				'zoomSpeedOut':	0, 
				'overlayShow':	true
	});

	// Tooltip
	$('a.cubePlanung').tooltip({ 
	    bodyHandler: function() { 
	        return '<strong>Planung</strong><ul><li>Hoch-/ Palettenregal</li><li>Fachbodenregal</li><li>Kragarmregal</li><li>Einfahrregal</li><li>Stahlbau</li><li>Sicherheitszaun</li></ul>'; 
	    },
	    showURL: false 
	})
	$('a.cubeSpezialloesungen').tooltip({ 
	    bodyHandler: function() { 
	        return '<strong>Speziallösungen</strong><ul><li>Flow-Rail</li><li>Flow-Roll</li><li>Flow-Ride</li><li>Push-Back</li><li>Flow-Wide</li></ul>'; 
	    },
	    showURL: false 
	})
	$('a.cubeService').tooltip({ 
	    bodyHandler: function() { 
	        return '<strong>Service</strong><ul><li>Regalinspektion</li><li>Downloads</li></ul>'; 
	    },
	    showURL: false 
	})
	$('a.cubeProjektabwicklung').tooltip({ 
	    bodyHandler: function() { 
	        return '<strong>Projektabwicklung</strong>'; 
	    },
	    showURL: false 
	})
	



	$("#legende li").hover(
		function(){
			$(this).css({ "background-color":"#007DC6","color":"#fff","cursor":"default" });
		},function(){
			$(this).css({ "background-color":"#fff","color":"#000" });
	});	
	
	$("li#l1").hover(function () {$("#nr1").toggle(); }, function () {$("#nr1").toggle(); }  );
	$("li#l2").hover(function () {$("#nr2").toggle(); }, function () {$("#nr2").toggle(); }  );
	$("li#l3").hover(function () {$("#nr3").toggle(); }, function () {$("#nr3").toggle(); }  );
	$("li#l4").hover(function () {$("#nr4").toggle(); }, function () {$("#nr4").toggle(); }  );
	$("li#l5").hover(function () {$("#nr5").toggle(); }, function () {$("#nr5").toggle(); }  );
	$("li#l6").hover(function () {$("#nr6").toggle(); }, function () {$("#nr6").toggle(); }  );
	$("li#l7").hover(function () {$("#nr7").toggle(); }, function () {$("#nr7").toggle(); }  );
	$("li#l8").hover(function () {$("#nr8").toggle(); }, function () {$("#nr8").toggle(); }  );
	$("li#l9").hover(function () {$("#nr9").toggle(); }, function () {$("#nr9").toggle(); }  );
	$("li#l10").hover(function () {$("#nr10").toggle(); }, function () {$("#nr10").toggle(); }  );
	$("li#l11").hover(function () {$("#nr11").toggle(); }, function () {$("#nr11").toggle(); }  );
	$("li#l12").hover(function () {$("#nr12").toggle(); }, function () {$("#nr12").toggle(); }  );
	$("li#l13").hover(function () {$("#nr13").toggle(); }, function () {$("#nr13").toggle(); }  );
	$("li#l14").hover(function () {$("#nr14").toggle(); }, function () {$("#nr14").toggle(); }  );
	$("li#l15").hover(function () {$("#nr15").toggle(); }, function () {$("#nr15").toggle(); }  );
	$("li#l16").hover(function () {$("#nr16").toggle(); }, function () {$("#nr16").toggle(); }  );
	$("li#l17").hover(function () {$("#nr17").toggle(); }, function () {$("#nr17").toggle(); }  );
	$("li#l18").hover(function () {$("#nr18").toggle(); }, function () {$("#nr18").toggle(); }  );
	$("li#l19").hover(function () {$("#nr19").toggle(); }, function () {$("#nr19").toggle(); }  );
	$("li#l20").hover(function () {$("#nr20").toggle(); }, function () {$("#nr20").toggle(); }  );
	$("li#l21").hover(function () {$("#nr21").toggle(); }, function () {$("#nr21").toggle(); }  );
});