/**
 * Slider v0.1 (C) Mediactief Author: Erik Boeters
 */
var sliderName = 'slider';
var lastSlidedImageId = 0;
var currentImage = 0;

var sliderInterval = 10000;
var intervalObj;
var sliderStopped = true;
var diaCount = 4;
var slideWidth = 700;
var timebarWidth = 10;

function slideToLeft(id) {
	document.getElementById(sliderName + lastSlidedImageId).style.zIndex = 99 + id;
	document.getElementById(sliderName + lastSlidedImageId).style.width = slideWidth;
	document.getElementById(sliderName + id).style.zIndex = 10 + id;
	document.getElementById(sliderName + id).style.width = slideWidth;
	$("#" + sliderName + lastSlidedImageId)
			.animate(
					{
						width : 0
					},
					650,
					'linear',
					function() {
						document.getElementById(sliderName + lastSlidedImageId).style.zIndex = 10 + id;
						document.getElementById(sliderName + id).style.zIndex = 100 + 99;
					});
	lastSlidedImageId = id;
}

function slideToRight(id) {
	document.getElementById(sliderName + id).style.width = 0;
	document.getElementById(sliderName + id).style.zIndex = 100;
	document.getElementById(sliderName + lastSlidedImageId).style.zIndex = 10 + id;
	$("#" + sliderName + id).animate( {
		width : slideWidth
	}, 650, 'linear', function() {
	});
	lastSlidedImageId = id;
}

function slideNext() {
	var nextId = 0;

	if (lastSlidedImageId + 1 > (diaCount - 1))
		nextId = 0;
	else
		nextId = lastSlidedImageId + 1;

	
	setTimeout(function() {
		$('#diaButton' + nextId).animate( {
			opacity : 1
		}, 500);
	}, 1000);
	
	
	$('#diaButton' + nextId).show();	
	
	slideToRight(nextId);

	
}

function slidePrevious() {
	if (lastSlidedImageId - 1 < 0) {
		lastSlidedImageId = 0;
		slideToLeft((diaCount - 1));
	} else {
		changeImage(lastSlidedImageId - 1);
	}
}

function changeImage(id) {
	for (i = 0; i < diaCount; i++) {
		if (i != id && i != lastSlidedImageId)
			document.getElementById(sliderName + i).style.zIndex = 1;
	}

	if (id > lastSlidedImageId)
		slideToRight(id);

	if (id < lastSlidedImageId)
		slideToLeft(id);
}

function startSliding() {
	if (sliderStopped) {
		sliderStopped = false;
		intervalObj = setInterval(slideNext, sliderInterval);
		slideNext();
	}
}

function stopSliding() {
	sliderStopped = true;
	clearInterval(intervalObj);
	//$('.sliderTime')[0].style.borderLeftWidth = timebarWidth + 'px';
}

function pauseSliding() {
	if (sliderStopped)
		startSliding();
	if (!sliderStopped)
		stopSliding();
}