var interval;

function slideSwitch() {
	$('#wrapper #contentWrapper #beeld .beeldContainer img').css('visibility', 'visible');
    var $active = $('#beeld .beeldContainer.active');

    if ( $active.length == 0 ) $active = $('#beeld .beeldContainer:last');

    var $next =  $active.next().length ? $active.next() : $('#beeld .beeldContainer:first');
    
    $active.addClass('last-active');

    $('.tab').removeClass('active');
    $nextClass = $next.attr('id');
    $('.button'+$nextClass).addClass('active');
    
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 800, function() {
            $active.removeClass('active last-active');
        });
}

function moveSlideShow(id)
{
	$('.tab').removeClass('active');
	$('#beeld .beeldContainer').removeClass('active');
	$('.button'+id).addClass('active');
	$('#'+id).css({opacity: 0.0})
	    .addClass('active')
	    .animate({opacity: 1.0}, 800, function() {
	    });
}

$(function() {	
	$('#top').click(function(){
		location.href = $('base:first').attr('href');
	});
	
	// .buttonWebsites
	$('.buttonWebsitesSubpage, .buttonWebsites').click(function(){
		location.href = 'websites';
	});
	
	// .buttonWebshops
	$('.buttonWebshopsSubpage, .buttonWebshops').click(function(){
		location.href = 'webshops';
	});
	
	// .buttonWebapplicaties
	$('.buttonWebapplicatiesSubpage, .buttonWebapplicaties').click(function(){
		location.href = 'webapplicaties';
	});
	
	$('.buttonPortfolio').click(function(){
		location.href = 'portfolio';
	});
	
	$('.buttonBedrijfsCv').click(function(){
		location.href = 'documents/x-interactive-cv.pdf';
	});
	
	$('.buttonHulp').click(function(){
		location.href = 'contact/hulp-op-afstand';
	});
	
	if($('#beeld img').length > 1)
	{
		$nextClass = $('#beeld .beeldContainer:first').attr('id');
		$('#beeld .beeldContainer:first').addClass('active');
		$('.button'+$nextClass).addClass('active');
		interval = setInterval( "slideSwitch()", 5000 );
	}
	
	$('#beeld').mouseover(function(){ 
		clearInterval(interval);
		$('#beeld .active .beeldTekstContainer .beeldtekst').stop(true, false).animate({bottom: 0}, 'slow');
	});
	
	$('#beeld').mouseout(function(){ 
		
		$('#beeld .active .beeldTekstContainer .beeldtekst').delay(1000).animate({bottom: -56}, 'slow');
		interval = setInterval( "slideSwitch()", 5000 );
	});
	
	/*
	$('.carouselButton').click(function(){
		clearInterval(interval);
		moveSlideShow($(this).attr('id').split('_')[0])
		return false;
	});
	*/
});