function dom_init() {	
	
	// center content-div onload
	center_content();	
	
	// center content-div onresize
	$(window).resize(function(){	
		center_content();		
	});
	
	// klick auf eine spalten headline
	// oder auf ein bild 
	// oder in der navi öffnet die gallery
	// -------------------------
	$('h2.col_headline a, h3.col_headline a, div.content_col a, #navi li a').click(function(){
	
		open_gallery_overlay(this);
		
		return false;	


	}); 

	// bind click auf thumbleisten-a
	$('#gallery_overlay #thumbleiste a').live("click", function(){
	
		var this_a_href = $(this).attr('href');
		
		load_big_content(this_a_href);
		
		return false;
	
	});	

	// klick auf gallery_overlay
	// and auf alle klassen click_me_to_close
	// -------------------------	
	$('.click_me_to_close').click(function(){

		close_gallery_overlay();
		
		return false;  		

	});


	// 1. click auf next in der navi-leiste
	// 2. click auf das bigpic
	// -------------------------
	$('#bigpic_container .buttons a.next_bigpic_button, #bigpic_div img').live('click', function(){

		goto_next();
		
		return false;
		
	});	
	
	// 1. click auf prev in der navi-leiste
	// -------------------------	
	$('#bigpic_container .buttons a.prev_bigpic_button').live('click', function(){

		goto_prev();
		
		return false;
		
	});	

	// drücken der pfeiltasten switcht durch die gallery
	$(window).keydown(function (e) { 
		
		// arrow left or up
		if (e.which == 37 || e.which == 38){		
			goto_prev();
			return false;			
		}
		// arrow right or down		
		if (e.which == 39 || e.which == 40){		
			goto_next();		
			return false;			
		}

		// esc
		if (e.which == 27){		
			close_gallery_overlay();		
			return false;			
		}			
	
	});
	
}