var slide;

/// window.onload = function(e) {
function start() {
	document.getElementById('diashow-style').setAttribute('href','css/diashow.css')
	slide = 0;
	document.getElementById('whyaccess-counter').setAttribute('title','Weiter mit Klick');
	document.getElementById('whyaccess-list').setAttribute('title','Weiter mit Klick');
	showNav();
	showMore();
}

function showNav () {
	var d = document.getElementById('whyaccess-nav');
	d.innerHTML = '<a href="javascript:back()" id="whyaccess-back" accesskey="3"><strong>zurück</strong> &#171;</a> <span id="whyaccess-status"><a id="whyaccess-forward" href="javascript:forward()" accesskey="2">&#187; <strong>vorwärts</strong></a> <span id="whyaccess-statuscount">0</span>/10 </span>';
	document.getElementById('whyaccess-back').style.visibility = 'hidden';
	finish();
}

function forward() {
	if (slide==10)
		return;
	if (slide==9) {
		document.getElementById('whyaccess-forward').style.visibility = 'hidden';
	} else {
		document.getElementById('whyaccess-back').style.visibility = 'visible';
	}
	if (slide==-1) {
		var current = document.getElementById('whyaccess-10');
		document.getElementById('whyaccess-forward').style.visibility = 'visible';
		document.getElementById('whyaccess-back').style.visibility = 'hidden';
	} else
		var current = document.getElementById('whyaccess-'+slide);
	slide++;
	var next = document.getElementById('whyaccess-'+slide);
	current.style.display = 'none';
	next.style.display = 'block';
	finish();
}

function back() {
	if (slide==0)
		return;
	if (slide==1) {
		document.getElementById('whyaccess-back').style.visibility = 'hidden';
	} else {
		document.getElementById('whyaccess-forward').style.visibility = 'visible';
	}
	var current = document.getElementById('whyaccess-'+slide);
	slide--;
	var prev = document.getElementById('whyaccess-'+slide);
	current.style.display = 'none';
	prev.style.display = 'block';
	finish();
}	

function finish() {
	var d = document.getElementById('whyaccess-counter');
	d.style.backgroundImage = 'url(\"img/whyaccess/bg'+slide+'.png\")';
	if (slide>0)
		d.innerHTML = slide;
	else
		d.innerHTML = '10';
	document.getElementById('whyaccess-statuscount').innerHTML = slide;
	prefetchImgs(slide);
}

function cycle() {
	if (slide==10)
		slide=-1;
	forward();
	showMore();
}

function prefetchImgs(i) {
	if (i < 10) {
		i++;
		NextImg = new Image();
		NextImg.src = 'img/whyaccess/bg'+i+'.png';
	}
}

function showMore() {
	var d = document.getElementById('whyaccess-more').firstChild;
	if ( slide == 10 )
		d.className = '';
	else 
		d.className = 'whyaccess-hidden';
}