/* Slideshow */

var slidecount = 5;
var step = 1;
var reset = 0;
var running = 0;
var counterHTML = '';
var links = new Array();
var targets = new Array();
var images = new Array();

links[0] = '';
targets[0] = '_self';
links[1] = '';
targets[1] = '_self';
links[2] = '';
targets[2] = '_self';
links[3] = '';
targets[3] = '_self';
links[4] = '';
targets[4] = '_self';


for(i = 1; i < slidecount + 1; i++){
	images[i] = new Image();
	images[i].src = "/design/slides/s" + i + ".jpg";
}

for(i = 1; i < slidecount + 1; i++){
	counterHTML = counterHTML + '<a href="javascript: visPix(' + i + ');">';
	if (i == 1) {
		counterHTML = counterHTML + '<img class="dot" src="/design/buttons/d1.png" id="dot' + i + '" width="10" height="10">';
	}
	else {
		counterHTML = counterHTML + '<img class="dot" src="/design/buttons/d0.png" id="dot' + i + '" width="10" height="10">';
	}
	counterHTML = counterHTML + '</a>';
}

function updateLink() {
	document.getElementById('slideLink').href = links[step - 1];
	$('#slideLink').attr('target', targets[step -1]);
}

function visPix(nr) {
	pause();
	reset = step;
	step = nr;
  	document.images.slide.src = images[nr].src;
	dot();
	ppPic();
	updateLink();
}

function pause(){

	var element = document.getElementById('slide');

	clearTimeout(fadeTimer);
	element.style.opacity = 1;
	element.style.filter = 'alpha(opacity = ' + 100 + ')';
	fadeStep = 10;
	running = 0;
	ppPic();
}

function dot(){
	document.getElementById('dot' + step).src = "/design/buttons/d1.png";
	
	if (reset > 0 && reset != step) {
		document.getElementById('dot' + reset).src = "/design/buttons/d0.png";
	}
}

function prev() {
	pause();
	reset = step;
	step--;
 	if (step == 0) {
	  step = slidecount;
	}
	dot();
	document.images.slide.src = images[step].src;
	updateLink();
	ppPic();
}

function toNext() {
	pause();
	next();
}

function next(){
	reset = step;
	step++;
 	if (step == slidecount + 1) {
	  step = 1;
	}
	dot();
	document.images.slide.src = images[step].src;
	updateLink();
	ppPic();
}

function pausePlay(){

	if (running == 1) {
		pause();
	}
	else {
		running = 1;
		fadeOut();
	}
	ppPic();
}

function ppPic(){
	if (running == 1) {
		document.images.pause_play.src = '/design/buttons/pause.png';
	}
	else {
		document.images.pause_play.src = '/design/buttons/play.png';
	}
}

function onLoad() {
	document.getElementById('slideLink').href = links[0];
	$('#slideLink').attr('target', targets[step -1]);
	running = 1;
	fadeIn();
}


/* Fading af slides */

var fadeStep = 0;
var fadeState = new Array(0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1);
var fadeAlphState = new Array(20, 30, 40, 50, 60, 70, 80, 90, 100);
var fadeTimer = 0;

function fadeIn() {

	var element = document.getElementById('slide');
	
	if (fadeStep < 8) {
		fadeStep++;
		element.style.opacity = fadeState[fadeStep];
		element.style.filter = 'alpha(opacity = ' + fadeAlphState[fadeStep] + ')';
		fadeTimer = setTimeout('fadeIn()', 100);
	}
	else {
		clearTimeout(fadeTimer);
		fadeTimer = setTimeout('fadeOut()', 4000);
	}
}

function fadeOut() {

	var element = document.getElementById('slide');
	
	if (fadeStep > 0) {
		fadeStep--;
		element.style.opacity = fadeState[fadeStep];
		element.style.filter = 'alpha(opacity = ' + fadeAlphState[fadeStep] + ')';
		fadeTimer = setTimeout('fadeOut()', 75);
	}
	else {
		clearTimeout(fadeTimer);
		next();
		fadeTimer = setTimeout('fadeIn()', 100);
	}
}