/*
 * Layout js (evolved into a really bad name, as I started adding other stuff)
 * - to realize requirements I could not achieve with css
 * - or even wantend to...
 * 
 * Depends:
 *	jquery 1.3.2
 * Set container sizes
 * - on document ready
 * - and window resize
 */
function setContainers(eventObject)
{
	var bodyWidth = $("body").width();
	var seventyFivepercent = bodyWidth * 0.75;
	if(seventyFivepercent > 500){
		$("#block1").addClass('display_type_column');
		$("#block2").addClass('display_type_column');
	}else{
		$("#block1").removeClass('display_type_column');
		$("#block2").removeClass('display_type_column');
	}
}

$(document).ready(function(){
		// set on document ready and bind on resize 
		setContainers(null);
		$(window).bind("resize", setContainers);
		// open external links in a new window
		$('a[href^="http://"]').attr({
		    target: "_blank", 
		    title: "Opens in a new window"
		  });
});
