// hp staat voor homepage. dus niet voor Harry Potter. ook niet voor harige... naja. homepage dus. heh. oh. ok

aCarouselImages = [];
aCarouselLinks = [];
iWaitingImage = 1;
iNumCarouselImages = 0;
oTimeout = null;
iTimeout = 8000;

$(document).ready(function()
{
	if($("#hpcarousel").length > 0)
	{
		initHomepageCarousel();
	}

});

function initHomepageCarousel()
{
	$("#hpcarousel img").each(function()
	{
		sImage = $(this).attr("src");
		aCarouselImages.push(sImage);

		oParent = $(this).parent();
		if(oParent[0].tagName == "A" || oParent[0].tagName == "a")
		{
			sLink = oParent.attr("href");
		}
		else
		{
			sLink = null;
		}

		aCarouselLinks.push(sLink);

		iNumCarouselImages++;
	});

	$("#hpcarousel").empty();

	$("#hpcarousel").append('<div class="carouselbakje"><div class="carouselcontainer"><div class="carousel1"></div><div class="carousel2"></div></div></div>');
	$("#hpcarousel").append('<div class="carousel_mask"></div>');
	$("#hpcarousel").append('<div class="carousel_left"></div>');
	$("#hpcarousel").append('<div class="carousel_right"></div>');

	setCarouselImage(1, 0);
	setCarouselImage(2, 1);

	setCarouselClick(0);

	$("#hpcarousel .carousel_right").click(function()
	{
		$("#hpcarousel .carouselcontainer").stop(false, true);

		clearTimeout(oTimeout);
		scrolleMetDieHap();
	});

	$("#hpcarousel .carousel_left").click(function()
	{
		$("#hpcarousel .carouselcontainer").stop(false, true);

		clearTimeout(oTimeout);

		iWaitingImage--;
		if(iWaitingImage == -1) iWaitingImage = (iNumCarouselImages - 1);

		iPreviousImage = iWaitingImage - 1;
		if(iPreviousImage == -1) iPreviousImage = (iNumCarouselImages - 1);

		setCarouselImage(2, iWaitingImage);
		$("#hpcarousel .carouselcontainer").css("left", "-899px");

		setCarouselImage(1, iPreviousImage);

		removeCarouselClick();
		$("#hpcarousel .carouselcontainer").animate({"left": 0}, 1000, function()
		{
			oTimeout = setTimeout("scrolleMetDieHap()", iTimeout);
			setCarouselClick(iPreviousImage);
		});
	});

	oTimeout = setTimeout("scrolleMetDieHap()", iTimeout);
}

function scrolleMetDieHap()
{
	removeCarouselClick();
	$("#hpcarousel .carouselcontainer").animate({"left": -899}, 1000, function()
	{
		setCarouselClick(iWaitingImage);

		setCarouselImage(1, iWaitingImage);
		$("#hpcarousel .carouselcontainer").css("left", "0px");

		iWaitingImage++;
		if(iWaitingImage == iNumCarouselImages) iWaitingImage = 0;

		setCarouselImage(2, iWaitingImage);
		oTimeout = setTimeout("scrolleMetDieHap()", iTimeout);
	});
}

function setCarouselImage(iDiv, iImage)
{
	$("#hpcarousel .carousel"+iDiv).css("background-image", "url('"+aCarouselImages[iImage]+"')");
}

function setCarouselClick(iImage)
{
	if(aCarouselLinks[iImage] == null) return;

	$("#hpcarousel .carousel_mask").css("cursor", "pointer");
	$("#hpcarousel .carousel_mask").click(function()
	{
		window.location = aCarouselLinks[iImage];
	});
}

function removeCarouselClick()
{
	$("#hpcarousel .carousel_mask").css("cursor", "default");
	$("#hpcarousel .carousel_mask").unbind("click");
}