function initDiensten(){
	$('.DienstBlok a').mouseover(onShowDienst);
	$('.infoBlokProject #project')
		.css({'opacity':0})
		.load('/_php/show_project.php',{serviceID:'Service%',taal:language},onProjectLoaded)
}

var loadingDienstProject	=	false;
var chosenService;

function onShowDienst(){
	chosenService	=	$(this).attr('id')
	
	if(loadingDienstProject ==  false){
		loadingDienstProject	=	true;
		$('.infoBlokProject #project').stop(false,false).animate({'opacity':0},200,function(){
			$(this).load('/_php/show_project.php',{serviceID:chosenService,taal:language},onProjectLoaded)
		})
	}
}

function onProjectLoaded(response, status, xhr){
	//Cufon.replace('.infoBlokProject #project h1, .infoBlokProject #project span', { fontFamily:'DIN' });
	//Cufon.refresh();
	if ( vendor!= null){
		if( vendor.indexOf("Google")!=-1){
			Cufon.refresh();
		}
	}
	$('.infoBlokProject #project img').each(function () {
		if ( this.complete || this.readyState === 4 ) {
			fadeProjectIn()		
		}else{
			$(this).load(	function(){fadeProjectIn()	})
		}
	})
}

function fadeProjectIn(){
	$('.infoBlokProject #project').animate({'opacity':1},200,function(){	loadingDienstProject	=	false;	})
}
