try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

$(document).ready(function () {
    $('.tab + .tab').hide();
});
$(".zoekblok h3").click(
	function () {
		$(this).parent().toggleClass('open');
	}
);
$('.zoektabs li a').click(function(){
	$('.zoektabs li').removeClass('active');
	$(this).parent().addClass('active');
	$('.tab').hide();
	$($(this).attr('href')).show();
	return false;
});
$(".content .block .project").hover(
	function () {
		$(this).addClass('hover');
	},
	function () {
		$(this).removeClass('hover');
	}
);
$(".content .block .project").click(
	function () {
		document.location = ($("a", this).attr('href'));
	}
);
$(".content .block .artist").hover(
	function () {
		$(this).addClass('hover');
	},
	function () {
		$(this).removeClass('hover');
	}
);
$(".content .block .artist").click(
	function () {
		document.location = ($("a", this).attr('href'));
	}
);
$(document).ready(function () {
    var b = new Caroussel();
});
function Caroussel() {
	this.current = 0;
	this.NR_OF_ITEMS = $('#gallery li').length;
	this.NR_OF_ITEMS_VISIBLE = 4;
	this.OBJECT_WIDTH = 217;
	if ($('#gallery').parent().hasClass('img-outline')) {
		this.NR_OF_ITEMS_VISIBLE = 1;
		this.OBJECT_WIDTH = 220;
	}
	if (this.NR_OF_ITEMS <= this.NR_OF_ITEMS_VISIBLE) {
		$('#gallery-prev').css({visibility: 'hidden'});
		$('#gallery-next').css({visibility: 'hidden'});
	}
	$('#gallery').css({width: this.NR_OF_ITEMS * this.OBJECT_WIDTH + "px"});
	$('#gallery-next').attr('href', 'javascript:;');
	$('#gallery-prev').attr('href', 'javascript:;');
	$('#gallery-prev').bind('click', [this, -1], this.moveCaroussel);
	$('#gallery-next').bind('click', [this, 1], this.moveCaroussel);
	this.updateNav();
}
Caroussel.prototype.moveCaroussel = function (e) {
	if ($(this).hasClass('gallerynav-dis')) return;
	var base = e.data[0];
	var dir = e.data[1] == 1 ? '-' : '+';
	base.current = e.data[1] == 1 ? base.current + 1 : base.current - 1;
	var amount = dir + "=" + base.OBJECT_WIDTH + "px";
	$('#gallery').animate({left: amount}, 300);
	base.updateNav();
}
Caroussel.prototype.updateNav = function () {
	if (this.current == 0) {
		$('#gallery-prev').addClass('gallerynav-dis');
	} else {
		$('#gallery-prev').removeClass('gallerynav-dis');
	}
	if (this.current >= this.NR_OF_ITEMS - this.NR_OF_ITEMS_VISIBLE) {
		$('#gallery-next').addClass('gallerynav-dis');
	} else {
		$('#gallery-next').removeClass('gallerynav-dis');
	}
}
