var w = null;
var d = null;
var e = null;
var g = null;
var x = null;
var y = null;
var mpr = 1.7777777778;
var mpw = 250;
var mph = Math.floor(mpw / mpr);
var p = 20;
var nc = 34;
var initialLoad = true;

function setWindowParams() {
	w=window;
	d=document;
	e=d.documentElement;
	g=d.getElementsByTagName('body')[0];
	x=w.innerWidth||e.clientWidth||g.clientWidth;
	y=w.innerHeight||e.clientHeight||g.clientHeight;
	rpCoasters();
}

window.onload = setWindowParams;
window.onresize = setWindowParams;

function rpCoasters() {
	var c = Math.floor(x/(mpw+p));	
	if (c <= 1) {
		c = 1;
	}
	
	pt = 20;
	pl = 20;
	
	for (i = 0; i < nc; i++) {
		if (i % c == 0 && i != 0) {
			pt = pt + mph + p;
			pl = 20;
		}
		document.getElementById('c_'+i).style.position = 'absolute';
		document.getElementById('c_'+i).style.top = pt + 'px';
		document.getElementById('c_'+i).style.left = pl + 'px';
		document.getElementById('c_'+i).style.width = mpw + 'px';
		document.getElementById('c_'+i).style.height = mph + 'px';
		document.getElementById('cn_'+i).style.position = 'absolute';
		document.getElementById('cn_'+i).style.top = (mph-43) + 'px';
		document.getElementById('cn_'+i).style.left = '5px';
		document.getElementById('cn_'+i).style.width = (mpw-10) + 'px';
		document.getElementById('cp_'+i).style.position = 'absolute';
		document.getElementById('cp_'+i).style.top = (mph-20) + 'px';
		document.getElementById('cp_'+i).style.left = '5px';
		document.getElementById('cp_'+i).style.width = (mpw-10) + 'px';
		pl = pl + mpw + p;
	}
	
	if (initialLoad) {
		initialLoad = false;
		loadImages();
	}
		
}

function loadImages() {
}