var hideOverlay = function()
{
	var oOverlay = dojo.fadeOut({
		node: "overlay",
		duration: 1000,
		onEnd: function(){
			dojo.style( "overlay", "display", "none" ); 
		}
	});

	var oOverlayContent = dojo.fadeOut({
		node: "overlay-content",
		duration: 1000,
		onEnd: function(){
			dojo.style( "overlay-content", "display", "none" ); 
		}
	});

	oOverlay.play();
	oOverlayContent.play();
}

var showOverlay = function( p_iProductId ) 
{
	dojo.style( "overlay", "opacity", 0 ); 
	dojo.style( "overlay", "display", "block" );
	dojo.style( "overlay-content", "opacity", 0 ); 
	dojo.style( "overlay-content", "display", "block" );

	var oOverlay = dojo.animateProperty({
		node: "overlay",
		duration: 1000,
		properties: {
			opacity: { start:0, end:0.5 }
		},
		delay: 100
	});

	var oOverlayContent = dojo.animateProperty({
		node :"overlay-content",
		duration: 1000,
		properties: {
			opacity: { start:0, end:1 }
		},
		delay: 100
	});

	oOverlay.play();
	oOverlayContent.play();

	getProject( p_iProductId );
}

var getProject = function( p_iProductId ) 
{
	dojo.byId("overlay-content").innerHTML = '<img src="images/loading.gif" id="loader" />';

	dojo.xhrPost({
		url: "project",
		handleAs: "json",
		content: {
			"projectid" : p_iProductId
		},
		load: function(data,ioargs){
		  dojo.byId("overlay-content").innerHTML = data.HtmlProject;
		}
	});
};

var swapImage = function( p_sImage ) 
{
	dojo.byId( "project_afb" ).src = 'uploads/projecten/' + p_sImage;
};

dojo.addOnLoad(function()
{
	dojo.connect( dojo.byId( "overlay" ), "onclick", function() {
		hideOverlay();
	});

});