/*
AUTHOR : Vloeberghs Sam
WEBSITE : http://www.sv-webdev.be
*/
// als er nog geen object bestaat maak dan een nieuw aan
if(!SV_webdev){
	var SV_webdev = new Object();
}

// Initialiseer het object op test
SV_webdev.test = { 
	debug : false, 
	init : function() {
		// initialiseer de slideshow
		SV_webdev.test.slideshow.init();
	}, 
	// end of object BRAMUS
	_eoo :true
}

// slideshow
SV_webdev.test.slideshow = {
	currentPosition : 0,
	newPosition: 0,
	maxItems: 0,
	items: 0,
	// initialiseer het script
	init: function() {
		SV_webdev.test.slideshow.items = afbeeldingenJson;
		SV_webdev.test.slideshow.maxItems = SV_webdev.test.slideshow.items.length; 
		var Images = [];
		for(key in SV_webdev.test.slideshow.items) {
			Images[key] = new Image();
			Images[key].src = SV_webdev.test.slideshow.items[key].image;
		}
		SV_webdev.test.slideshow.automated();
	},
	// roep de automatedslide op met een timeout van 7 sec ( 7000 ms )
	automated:function(){
		var i;
		setTimeout("SV_webdev.test.slideshow.automatedSlide()",7000);
	},
	// hier wordt de nieuwe positie berekend.
	// als de positie meer wordt dan het maximum ga dan terug naar 0
	automatedSlide:function(){
		SV_webdev.test.slideshow.newPosition++;
		if(SV_webdev.test.slideshow.newPosition >= SV_webdev.test.slideshow.maxItems) SV_webdev.test.slideshow.newPosition = 0;
		SV_webdev.test.slideshow.transSlide();
		SV_webdev.test.slideshow.automated();
	},		
	// het eigenlijke sliden van de afbeeldingen
	transSlide: function() {
		// Hier wordt een nieuwe image tag aangemaakt met een src uit de JSON afbeeldingen array
		// met het betreffende nieuwe nummer van de positie ( = ONZICHTBAAR )
		var newImg = '<img id="slideshow-afbeelding-new" src="'+ SV_webdev.test.slideshow.items[SV_webdev.test.slideshow.newPosition].image +'" alt="'+ SV_webdev.test.slideshow.items[SV_webdev.test.slideshow.newPosition].alt +'" style="display: none;"/>';
		// De image wordt aan de image div gehangen
		$('#showcase #image').append(newImg);
		// imageOut is de afbeelding die er oorspronkelijk stond ( de zichtbare )
		var imageOut = $('#showcase #image img:visible');
		// imageIn is de nieuwe afbeeldingen die er geplaatst wordt ( de onzichtbare )
		var imageIn = $('#showcase #image img:hidden');
		// zet de zIndex van de oude image op 100 na het faden
		imageOut.css('zIndex', 100).fadeOut(1000);
		// zet de zIndex van de nieuwe image op 20 na het faden
		imageIn.css('zIndex', 20).fadeIn(600);
		// zet de oude image onzichtbaar
		imageOut.css('display','none');
		// zet de nieuwe image zichtbaar
		imageIn.css('display','block');
		// Verwijder de oude afbeelding
		$('#showcase #banner_groot_oud').remove();
		// hang de id van de oude afbeeldingen aan de nieuwe
		$('#showcase #slideshow-afbeelding-new').attr('id', 'banner_groot_oud');
		// Implementatie voor navigatie
		// var currentPosition = SV_webdev.test.slideshow.newPosition + 1;
		// $('#showcase #imageslist li a').removeClass('active');
		// $('#showcase #lijstholder-item-' + currentPosition + ' a').addClass('active');
	},
	_eoo: true
}
$(document).ready(function() { jQuery(function($) { SV_webdev.test.init(); }); });