document.createElement("section"); 
document.createElement("article");  
document.createElement("aside");

document.createElement("footer");  
document.createElement("header");  

document.createElement("hgroup");  

document.createElement("nav");
$(document).ready(function() {
	if(jQuery("#subpage").length == 0){
		jQuery('#slideshow .csc-default').cycle({ 
		    fx:      'fade', 
		    speed:    4000, 
		    timeout:  6000
		});
	}
	
	jQuery("#subnavigation li").hover(
		function(){
			jQuery(this).addClass("active");
		},
		function(){
			jQuery(this).removeClass("active");
			}
		);
		
	jQuery("#teaser .block").hover(
		function(){
			jQuery(this).addClass("active");
		},
		function(){
			jQuery(this).removeClass("active");
			}
		);
		
	jQuery(".dl-box li").hover(
		function(){
			jQuery(this).addClass("active");
		},
		function(){
			jQuery(this).removeClass("active");
			}
		);
	
	
	jQuery(".gimage").each(function(){
		var el = jQuery(this);
		var img = el.find("img");
		var href = img.attr("src");
		img.before('<a rel="shadowbox[gimage]" href="'+href+'"><img width="130" src="'+href+'"></a>');
		img.hide();
	});
	
	
	jQuery(".tx-jbdirectlinks-pi1 li").find('a[href="http://www.facebook.com/pages/Magellan/119791258108443"]').find(".text").css({background: "url(/fileadmin/templates/css/images/facebook.png) left 5px no-repeat"})
	

	
	
	
	
	
	
	
	// sets the background image the right size	
	resizeBg()
	// do it again when user resize the window
	$(window).resize(function() {
	  resizeBg();
	});
	
	Shadowbox.init({
		overlayOpacity:		0.75,
		handleOversize: 	"resize",
	    handleUnsupported:  "remove"
	});
    
	
		
		
		
});

function resizeBg(){
	var width = document.body.clientWidth;
	var left = (width-900)/2;
	width = width + (450-left);
	jQuery("#bg-image").css("width", width);
}