function startTeaser() {
	// Alle items in de teaser plaatsen
	placeTeaserItems();
	startSlide();
}

function startSlide() {
	// Het nextItem laten zien
	t = setInterval(showItem,4000);
}

function stopSlide() {
	clearInterval(t);
}

function gotoItem(item) {
	stopSlide();
	nextItem = item;
	showItem();
	startSlide();
}

function showItem() {
		// actieve button uitzetten
		$j('.teaser-rechts-item-active').addClass('teaser-rechts-item');
		$j('.teaser-rechts-item-active').removeClass('teaser-rechts-item-active');
		
		$j('.teaser-rechts-item-active-top').addClass('teaser-rechts-item');
		$j('.teaser-rechts-item-active-top').removeClass('teaser-rechts-item-active-top');
		
		$j('.teaser-rechts-item-active-bottom').addClass('teaser-rechts-item');
		$j('.teaser-rechts-item-active-bottom').removeClass('teaser-rechts-item-active-bottom');
	
		// nieuwe button activeren
		if(nextItem == 1) {
			$j('#button1').addClass('teaser-rechts-item-active-top');
		} else if (nextItem == 5) {
			$j('#button5').addClass('teaser-rechts-item-active-bottom');
		} else {
			$j('#button' + nextItem).addClass('teaser-rechts-item-active');
		}
		
	
		// Uitfaden
		for(image = 1; image < teaserTitles.length; image++) {
			if(image != nextItem) {
				$j('#image' + image).fadeOut('fast');
				$j('#title' + image).fadeOut('fast');
				$j('#description' + image).fadeOut('fast');
			}
			
		}
		
		// Infaden
		$j('#image' + nextItem).fadeIn('slow');
		$j('#title' + nextItem).fadeIn('slow');
		$j('#description' + nextItem).fadeIn('slow');
		
		// Doortellen
		if(nextItem == (teaserTitles.length-1)) {
			// terug naar 1
			nextItem = 1;
		} else {
			nextItem++;
		}
}

function placeTeaserItems() {
	// De array met items doorlopen en deze plaatsen
	var itemrechts = '';
	var afbeelding = '';
	var title = '';
	var description = '';
	var extra = '-active-top';
	var display = '';
	for(i=1; i < teaserTitles.length; i++) {	
		if(i > 1) {
			extra = '';
			display = 'style="display:none;"';
		}
		
		// Item aan de rechterkant aanmaken
		itemrechts = '<a id="teaserLink" href="' + teaserLinks[i] + '"><div class="teaser-rechts-item' + extra + '" id="button' + + i + '" onmouseover="gotoItem(' + i +');">' + teaserTitles[i] + '<br/>' + teaserDescriptions[i] + '</div></a>';
		
		// Titel maken
		titel = '<div id="title' + i + '" class="teaser-title" ' + display + '>' + teaserTitlesFull[i] + '</div>';
		
		// Description maken
		description = '<div id="description' + i + '" class="teaser-description" ' + display + '>' + teaserDescriptionsFull[i] + '</div>';
		
		// Afbeelding maken
		afbeelding = '<img src="' + teaserImages[i] + '" alt="' + teaserTitles[i] + ' ' + teaserDescriptions[i] + '" id="image' + i + '" ' + display + ' class="teaserImage" />';
		
		// Plaatsen button, titel, description, afbeelding		
		$j('#teaser-rechts').append(itemrechts);
		$j('#teaser-afbeelding').append(afbeelding);
		$j('#teaser-afbeelding').prepend(titel);
		$j('#teaser-afbeelding').prepend(description);
	}
}