$(document).ready(function()
{
	var nextWereld = 'mijnstijl';
    
    // ACTIEVE WERELD SLIDE INSTELLEN
    var actieveWereldSlide = 0;
    var teller = 0;
    
    $('#slider').nivoSlider({
        effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices: 1, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 8000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: false, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: false, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: true, // Force manual transitions
        captionOpacity: 0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){
        	switchWereld(nextWereld);
        }, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
    
    $('#sliderMain').nivoSlider({
        effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices: 1, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 4000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: false, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: false, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){
            if (teller%2 != 0)
            {
                if(actieveWereldSlide < 3)
                {
                    actieveWereldSlide++;
                }
                else
                {
                    actieveWereldSlide = 0;
                }
                // DEZE FUNCTIE VEREIST EEN AANGEPASTE NIVO SLIDE .JS
                $('#slider').data('nivoslider').jump(actieveWereldSlide);
            }
            switchActie();
            teller++;
        }, // Triggers before a slide transition
        afterChange: function(){ }, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
    
	function switchWereld(pNextWereld)
    {
    	// ZET DE VOLGENDE SLIDE Z-INDEX OP 3
        // LAAT DE VOLGENDE SLIDE INFADEN
        // ZET DE SLIDE ERONDER Z-INDEX OP 1 (NA AFRONDING FADE IN)
        // ZET DE ACTIEVE SLIDE Z-INDEX OP 2
    	if(pNextWereld == 'mijnstijl')
        {
        	$('#mijnstijl').css('z-index','3');
			$('#mijnstijl').fadeIn(500, function(){
            	$('#mijncomfort').css('z-index','1');
                $('#mijncomfort').css('display','none');
            	$('#mijnstijl').css('z-index','2');
                nextWereld = 'mijnsfeer';
            });
        }
    	if(pNextWereld == 'mijnsfeer')
        {
        	$('#mijnsfeer').css('z-index','3');
			$('#mijnsfeer').fadeIn(500, function(){
            	$('#mijnstijl').css('z-index','1');
                $('#mijnstijl').css('display','none');
            	$('#mijnsfeer').css('z-index','2');
                nextWereld = 'mijnruimte';
            });
        }
    	if(pNextWereld == 'mijnruimte')
        {
        	$('#mijnruimte').css('z-index','3');
			$('#mijnruimte').fadeIn(500, function(){
            	$('#mijnsfeer').css('z-index','1');
                $('#mijnsfeer').css('display','none');
            	$('#mijnruimte').css('z-index','2');
                nextWereld = 'mijncomfort';
            });
        }
    	if(pNextWereld == 'mijncomfort')
        {
        	$('#mijncomfort').css('z-index','3');
			$('#mijncomfort').fadeIn(500, function(){
            	$('#mijnruimte').css('z-index','1');
                $('#mijnruimte').css('display','none');
            	$('#mijncomfort').css('z-index','2');
                nextWereld = 'mijnstijl';
            });
        }
    }
    
    // HOME ACTIE TEKSTEN POSITIONEREN
    var teller=0;
    $('#homeActieContainer').children(".homeActieClicker").each(function ()
    {
    	var heightOfThisDiv = $('#homeActie_'+teller).height();
        var divVerticalOffset = Math.floor((177-heightOfThisDiv)/2);
    	$('#homeActie_'+teller).css({
            'top': divVerticalOffset
        });
    	teller++;
    });

    
    // HOME ACTIE TEKSTEN FADEN
    var currentActie = 0;
    $('.homeActieDiv').animate({opacity:0},0);
    $('.homeActieClicker').animate({opacity:0},0);
    $('#homeActie_0').css({ opacity: 1 });
    $('#homeActieClicker_0').css({ opacity: 1 });
    function switchActie()
    {
    	var aantalActies = $('#homeActieContainer').children(".homeActieClicker").size();
        if(aantalActies > 1)
        {
        	$('#homeActie_'+currentActie+', #homeActie_'+currentActie+' span, #homeActieClicker_'+currentActie).animate({opacity:0},500);
            currentActie++;
            if(currentActie > (aantalActies-1))
            {
            	currentActie = 0;
            }
            $('#homeActie_'+currentActie+', #homeActie_'+currentActie+' span, #homeActieClicker_'+currentActie).animate({opacity:1},500);
            
        }
    }
    
    
    // PRELOAD ROLLOVERS
	function initialiseHovers()
	{
		$(".hover").hover(
			function()
			{
				var src = $(this).attr("src").match(/[^\.]+/) + "_on.png";
				$(this).attr("src", src);
			},
			function()
			{
				var src = $(this).attr("src");
				src = src.replace("_on.", ".")
				$(this).attr("src", src);
			}
		);
	}
	initialiseHovers();
});
Cufon.replace('.homeActieContainer, .socialHomeText', { fontFamily: 'DINPro-Medium' });