// You need to specify the size of your background image here (could be done automatically by some PHP code)
var FullscreenrOptions = {  width: 1376, height:1376, bgID: '#bgimg' };
// This will activate the full screen background!
jQuery.fn.fullscreenr(FullscreenrOptions);

$(document).ready(function() {
	var options = {
	  handleOversize: 'resize'
	  ,animate: true
	  ,displayNav: true
	  ,overlayOpacity: 0.7
	  ,handleUnsupported: 'remove'
	  ,initialHeight:800
	  ,initialWidth: 700
	,continuous: true 
	};
	Shadowbox.init(options);
	
	$(".bilderboxbild").hover(
	  function () {
		$(this).children('.bilderboxoverlay').show();
		$(this).children('.bilderboxshowtext').show();
		$(this).children('.bilderboxoverlay4').show();
		$(this).children('.bilderboxshowtext4').show();
	  }, 
	  function () {
		$(this).children('.bilderboxoverlay').hide();
		$(this).children('.bilderboxshowtext').hide();
		$(this).children('.bilderboxoverlay4').hide();
		$(this).children('.bilderboxshowtext4').hide();
	  }
	)
	
	jQuery('#content h1').each(function(index) {
		jQuery(this).html('<img src="render.php?name='+ jQuery(this).text() +' &tag=h1" alt="' + jQuery(this).text() + ' " />');
	});
	jQuery('#content h2').each(function(index) {
		jQuery(this).html('<img src="render.php?name='+ jQuery(this).text() +' &tag=h2" alt="' + jQuery(this).text() + ' " />');
	});
	
	
	

});