var active = false;
var animatie, timeout, animatie2;
$(document).ready(function() { 

		Cufon.refresh();

	$('#slideshow').cycle({ 
		fx:      'fade', 
		speed:    2000, 
		timeout:  2000 
	});
	
	 $('.fade').animate({
		opacity: 1
	  }, 3500);
	
	$(".fancy").fancybox({
		type:'image'	
	});

	
	$('.small').click(function() {
		$('.detaildiv').hide();
		$('#details'+$(this).attr('tekst')).show();
		
		
		
		if($(this).attr('vergroting')!=null) {
			
			$('.fancy').attr('href',$(this).attr('vergroting'));
		}
		
		$('#large').attr('src',$(this).attr('large'));		   
	})
	
	$('.small2').click(function() {
		$('.detaildiv').hide();
		$('#details'+$(this).attr('tekst')).show();
		
		
		
		if($(this).attr('vergroting')!=null) {
			
			$('.fancymain').attr('href',$(this).attr('vergroting'));
		}
		
		$('#large').attr('src',$(this).attr('large'));		   
	})
	var container = $('#scroll');
	var offset = $('li',container).index($('.active',container));

	var pagina = Math.floor(offset/4)*4+1;

	$("#scroll").jcarousel({
        scroll: 4,
		start: pagina,
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
	

});
var currentimg=0;
function imgback() {
	var aantal = $('#detailsleft img').length;
	$('#detailsleft img').hide();
	if(currentimg==0) {
		$('#bookimg'+(parseInt(aantal)-1)).show();
		currentimg=aantal-1;
	} else {

		$('#bookimg'+(parseInt(currentimg)-1)).show();
		currentimg=currentimg-1;
	}
}

function imgnext() {
	var aantal = $('#detailsleft img').length;
	$('#detailsleft img').hide();
	if(currentimg==parseInt(aantal)-1) {
		$('#bookimg0').show();
		currentimg=0;
	} else {

		$('#bookimg'+(parseInt(currentimg)+1)).show();
		currentimg=currentimg+1;
	}
}
function mycarousel_initCallback(carousel) {
    $('.jcarousel-control a').bind('click', function() {
        carousel.scroll($.jcarousel.intval($(this).text()));
        return false;
    });

    $('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = $.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });

    $('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    $('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};


function paintmenu(kleur) {
	$('h1,h2,h2 a').css('color',kleur);
	Cufon.refresh();
}