function $(id) { return document.getElementById(id); }	

function init(fn) {
	
	if(window.addEventListener) {
		window.addEventListener('load', fn, false);
	}
	else if(window.attachEvent) {
		window.attachEvent('onload', fn);
	}
}

function getWindowSizes() {
	
	var content = $('pics');
	var viewPortWidth = 0;
	var viewPortHeight = 0;
	
	if( typeof window.innerWidth != 'undefined' ) {
      viewPortWidth = window.innerWidth;
      viewPortHeight = window.innerHeight;
	}
	else if( typeof document.documentElement != 'undefined' 
		  && typeof document.documentElement.clientWidth != 'undefined' 
		  && document.documentElement.clientWidth != 0 ) {
       viewPortWidth = document.documentElement.clientWidth;
       viewPortHeight = document.documentElement.clientHeight
	}
	else {
       viewPortWidth = document.getElementsByTagName('body')[0].clientWidth;
       viewPortHeight = document.getElementsByTagName('body')[0].clientHeight;
	}
	
	return { 
		viewport : {
			w : viewPortWidth,
			h : viewPortHeight
		}, 
		content : {
			w : content.clientWidth,
			h : content.clientHeight
		}
	}
}

var Wall = {

	init : function() {
		Shadowbox.init({});
		
		var wall = $('wall');
		var pics = $('pics');
		var sizes = getWindowSizes();
		
		if(sizes.viewport.w > sizes.content.w) {
			offset = Math.round((sizes.viewport.w - sizes.content.w) / 2);
			pics.style.marginLeft = offset + 'px';
		}
		
		if(sizes.viewport.h > sizes.content.h) {
			offset = Math.round((sizes.viewport.h - sizes.content.h) / 2);
			wall.style.marginTop = offset + 'px';
		}
		
	}
	
}

init( function(){ Wall.init(); } );