var isDom = document.getElementById?1:0;
var fotos;
function makeLayer(lname) {
	var lyr = document.createElement("div")
	lyr.style.position = 'absolute';
	lyr.style.overflow = 'hidden';
	lyr.style.top = '12px';
	document.body.appendChild(lyr);
	return lyr;
}

function Fotos() {
	this.length = 0;
	this.url = new Array();
	this.l = new Array();
	this.lyr = new Array();
	this.addFoto = addFoto;
	this.setLeft = setLeft;
	this.doPosition = doPosition;
	this.toggle = toggle;
	this.getRandom = getRandom;
}

function addFoto(url) {
	this.lyr[this.length] = makeLayer('foto'+this.length);
	this.lyr[this.length].innerHTML = '<img src="' + url + '" onclick="top.location=\'http://www.windsurfinghargen.com\'">';
	this.length++;
}

function setLeft(i) {
	var bw = document.body.clientWidth;
	var blockWidth = 100;
	var blockInclSpacing = blockWidth + 18;
	this.lyr[i].style.left = i * blockInclSpacing + 'px';
	if (i * blockInclSpacing >= bw) {
		this.lyr[i].style.left = 0 + 'px';
		this.lyr[i].style.visibility = 'hidden';
	} else if ((i * blockInclSpacing < bw) && (i * blockInclSpacing + blockInclSpacing >= bw)) {
		this.lyr[i].style.visibility = 'visible';
		this.lyr[i].style.width = bw - (i * blockInclSpacing) + 'px';
	} else {
		this.lyr[i].style.visibility = 'visible';
		this.lyr[i].style.width = blockWidth + 'px';
	}
}

function doPosition() {
	for (i = 0; i < this.length; i++) {
		this.setLeft(i);
	}
}

function toggle() {
	var r1 = getRandom(this.length)-1;
	var r2 = getRandom(this.length)-1;
	var lt = this.lyr[r1];
	this.lyr[r1] = this.lyr[r2];
	this.lyr[r2] = lt;
	this.doPosition();
}

function getRandom(maxi) {
	var rnd = Math.random();
	var nr = maxi - 1;
	if (nr < 1) nr = 1;
	rnd = rnd * nr;
	rnd++;
	rnd = Math.round(rnd);
	return rnd;
}

function start_fotobalk() {
	if (isDom) {
		fotos = new Fotos();
		fotos.addFoto('/images/top/top38.jpg');
		fotos.addFoto('/images/top/top39.jpg');
		fotos.addFoto('/images/top/top40.jpg');
		fotos.addFoto('/images/top/top41.jpg');
		fotos.addFoto('/images/top/top42.jpg');
		fotos.addFoto('/images/top/top43.jpg');
		fotos.addFoto('/images/top/top44.jpg');
		fotos.addFoto('/images/top/top45.jpg');
		fotos.addFoto('/images/top/top35.jpg');
		fotos.addFoto('/images/top/top32.jpg');
		fotos.addFoto('/images/top/top33.jpg');
		fotos.addFoto('/images/top/top34.jpg');
		fotos.addFoto('/images/top/top31.jpg');
		fotos.addFoto('/images/top/top36.jpg');
		fotos.addFoto('/images/top/top37.jpg');
		fotos.addFoto('/images/top/top1.jpg');
		fotos.addFoto('/images/top/top2.jpg');
		fotos.addFoto('/images/top/top3.jpg');
		fotos.addFoto('/images/top/top4.jpg');
		fotos.addFoto('/images/top/top5.jpg');
		fotos.addFoto('/images/top/top6.jpg');
		fotos.addFoto('/images/top/top7.jpg');
		fotos.addFoto('/images/top/top8.jpg');
		fotos.addFoto('/images/top/top9.jpg');
		fotos.addFoto('/images/top/top10.jpg');
		fotos.addFoto('/images/top/top11.jpg');
		fotos.addFoto('/images/top/top12.jpg');
		fotos.addFoto('/images/top/top13.jpg');
		fotos.addFoto('/images/top/top14.jpg');
		fotos.addFoto('/images/top/top15.jpg');
		fotos.addFoto('/images/top/top16.jpg');
		fotos.addFoto('/images/top/top17.jpg');
		fotos.addFoto('/images/top/top18.jpg');
		fotos.addFoto('/images/top/top19.jpg');
		fotos.addFoto('/images/top/top20.jpg');
		fotos.addFoto('/images/top/top21.gif');
		fotos.addFoto('/images/top/top22.jpg');
		fotos.addFoto('/images/top/top23.jpg');
		fotos.addFoto('/images/top/top24.jpg');
		fotos.addFoto('/images/top/top25.jpg');
		fotos.addFoto('/images/top/top26.jpg');
		fotos.addFoto('/images/top/top27.jpg');
		fotos.addFoto('/images/top/top28.jpg');
		fotos.addFoto('/images/top/top29.gif');
		fotos.addFoto('/images/top/top30.jpg');
	}
	
	fotos.doPosition();
	setInterval("fotos.toggle()", 1000);
}

function handleResizeFotobalk() {
	fotos.doPosition();
}