function initPage() {
	// position layers
	p.init();
}

function Positioner() {
	this.baseX = 0;
	this.baseY = 0;
	this.layers = [];
	
	// default layers
	this.add('nav', 425, 0);
}

Positioner.prototype.add = positioner_add;
Positioner.prototype.init = positioner_init;

function LayerPosition(id, dX, dY) {
	this.id = id;
	this.dX = dX;
	this.dY = dY;
}

function positioner_add(id, dX, dY) {
	this.layers[this.layers.length] = new LayerPosition(id, dX, dY);
}

function positioner_init() {
	detectEnvironmentProperties();
	// this.baseX = getImageLeft('base') - 313;
	
	//alert(this.baseX );
	this.baseX = parseInt(windowWidth / 2, 10) - 313;
	for (var i=0; i<this.layers.length; i++) {
		document.getElementById(this.layers[i].id).style.left = this.baseX + this.layers[i].dX;
		document.getElementById(this.layers[i].id).style.visibility = 'visible';
	}
}

// create reference
var p = new Positioner();

// reload if window is resized
function reloadPage() {
	window.location.reload();
}
window.onresize = reloadPage;

function showProject(url, name, w, h) {
	var win = openWindow(url, name, w, h, 0, 0, 0);
	return false;
}