$(document).ready(function() {
	$("#Content").prepend("<div class=\"Border Left\"></div><div class=\"Border Right\"></div>");
	$("#Foot").prepend("<div class=\"Border Left\"></div><div class=\"Border Right\"></div>");
	

	/**
	 * Hier implementiere ich ein globales Verhalten:
	 * Alle Links mit der Klasse "PopUp" werden in einem separaten Fenster geöffnet.
	 */
	$("a.PopUp").click(function(){
		var w = 600;
		var h = 350;
		var winl = (screen.width - w) / 2;
		var wint = (screen.height - h) / 2;
		var winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars=yes,resizable=yes';
		win = window.open(this.href, "MorePopUp", winprops);
		win.focus();
		
		return false;
	});
	
	/**
	 * Alle Elemente mit der Klasse "jqHCenter" horizontal zentrieren.
	 */
	$(".jqHCenter").each(function(i){
		ElementParentWidth = $(this).parent().width();
		ElementChildrenWidth = 0;
		$(this).children().each(function(i){
			ElementChildrenWidth = ElementChildrenWidth + $(this).width();
		});
		
		if((ElementChildrenWidth == 0) || (ElementChildrenWidth > ElementParentWidth))
			ElementChildrenWidth = $(this).width();
		
		if((ElementParentWidth > 0) && (ElementChildrenWidth > 0))
			$(this).css("margin-left", 
				Math.floor((ElementParentWidth - ElementChildrenWidth) / 2) + "px");
	});
});