function loadContent(id) {
	$(".contentblockRight").empty();
	$(".contentblockRight").load("referentiesData"+id+".html", function() {
	  Cufon.replace('.contentblockRight h2');
	  $(".contentblockRight a").lightBox({
		imageLoading: "~general/images/lightbox-ico-loading.gif",
		imageBtnClose: "~general/images/lightbox-btn-close.gif",
		imageBtnPrev: "~general/images/lightbox-btn-prev.gif",
		imageBtnNext: "~general/images/lightbox-btn-next.gif",
		imageBlank: "~general/images/lightbox-blank.gif",
		containerBorderSize: 1,
		fixedNavigation: true
	  });
	});
	$(".contentblockLeft a").removeClass("active");
	$(".contentblockLeft").find("a[href$=javascript:loadContent("+id+");]").addClass("active");
}

Cufon.replace('h1, .menu ul li, .homeblockRight span strong, .menu li,.contactButton span');

$(document).ready(function() {
	if($(".h1 h1 cufon").attr("alt") == "Referenties"){
		loadContent(1);
	}
	$("div#productSlider").slideViewerPro({ 
        galBorderWidth: 1,  // the border width around the main images 
		thumbsTopMargin: 23, // the distance that separates the thumbnails and the buttons from the main images 
		thumbsRightMargin: 4, // the distance of each thumnail respect to the next one 
		thumbsBorderWidth: 1, // the border width of each thumbnail. Note that the border in reality is above, not around 
		buttonsWidth: 20, // the width of the prev/next buttons that commands the thumbnails 
		galBorderColor: "#D9D9D9", // the border color around the main images 
		thumbsBorderColor: "#D9D9D9", // the border color of the thumbnails but not the current one 
		thumbsActiveBorderColor: "#F15B27", // the border color of the current thumbnail 
		buttonsTextColor: "#4C4D4F", //the color of the optional text in leftButtonInner/rightButtonInner 
		thumbsBorderOpacity: 0.6, // could be 0, 0.1 up to 1.0 
		thumbsActiveBorderOpacity: 1, // could be 0, 0.1 up to 1.0 
		easeTime: 250, // the time it takes a slide to move to its position 
		asTimer: 4000, // if autoslide is true, this is the interval between each slide 
		thumbs: 4, // the number of visible thumbnails 
		thumbsPercentReduction: 20, // the percentual reduction of the thumbnails in relation to the original 
		thumbsVis: true, // with this option set to false, the whole UI (thumbs and buttons) are not visible 
		leftButtonInner: "&larr;", //could be an image "<img src='images/larw.gif' />" or an escaped char as "&larr"; 
		rightButtonInner: "&rarr;", //could be an image or an escaped char as "&rarr"; 
		autoslide: true, // by default the slider do not slides automatically. When set to true REQUIRES the jquery.timers plugin 
		typo: false, // the typographic info of each slide. When set to true, the ALT tag content is displayed 
		typoFullOpacity: 0.9, // the opacity for typographic info. 1 means fully visible. 
		shuffle: false // the LI items can be shuffled (randomly mixed) when shuffle is true 
	}); 
});