function vmLoad()
{
	if( navigator.appVersion.indexOf("Mac") != -1 )
	{
		// Gill Sans op Mac lettertype is al bold, dus deze uitschakelen voor body
		document.body.style.fontWeight = 'normal';
		// Font 1px groter
		document.body.style.fontSize = '14px';
	}
}

function vmResize()
{
	var viewportWidth = document.body.clientWidth;
	var viewportHeight = document.body.clientHeight;
	var divSite = document.getElementById('site');
	
	if( viewportWidth < divSite.offsetWidth )
	{
		divSite.style.marginLeft = '0px';
		divSite.style.left = '22px';
	}
	else
	{
		divSite.style.left = '50%';
		divSite.style.marginLeft = (-Math.floor(parseInt(divSite.offsetWidth)/2)) + "px";
	}
	
	if( viewportHeight < divSite.offsetHeight )
	{
		divSite.style.marginTop = '0px';
		divSite.style.top = '22px';
	}
	else
	{
		divSite.style.top = '50%';
		divSite.style.marginTop = (-Math.floor(parseInt(divSite.offsetHeight)/2)) + "px";
	}
}

var vmProject = Array();
var vmCurrentProject = -1;
var vmCurrentProjectImage = 0;
var vmCurrentOpacity = 100;

function vmProjectPrevious()
{
	if( vmCurrentOpacity == 100 )
	{
		vmCurrentProject--;
		vmCurrentProjectImage = 0;
		if( vmCurrentProject < 0 )
		{
			vmCurrentProject = vmProject.length-1;
		}
		vmUpdateProject();
	}
}

function vmProjectNext()
{
	if( vmCurrentOpacity == 100 )
	{
		vmCurrentProject++;
		vmCurrentProjectImage = 0;
		if( vmCurrentProject >= vmProject.length )
		{
			vmCurrentProject = 0;
		}
		vmUpdateProject();
	}
}

function vmProjectImagePrevious()
{
	if( vmCurrentOpacity == 100 )
	{
		vmCurrentProjectImage--;
		if( vmCurrentProjectImage < 0 )
		{
			vmCurrentProjectImage = vmProject[vmCurrentProject][0].length-1;
		}
		vmUpdateProject();
	}
}

function vmProjectImageNext()
{
	if( vmCurrentOpacity == 100 )
	{
		vmCurrentProjectImage++;
		if( vmCurrentProjectImage >= vmProject[vmCurrentProject][0].length )
		{
			vmCurrentProjectImage = 0;
		}
		vmUpdateProject();
	}
}

function vmAppendProject(Title,Description,ImgArray)
{
	vmProject[vmProject.length] = Array(ImgArray,Title,Description);
}

function vmPreloadProjectImages()
{
	var PreloadString = "";
	for( i = 0; i < vmProject.length; i++ )
	{
		for( j = 0; j < vmProject[i][0].length; j++ )
		{
			PreloadString += '<img width="1" height="1" src="' + vmProject[i][0][j] + '">';
		}
	}
	
	document.getElementById('imagepreloader').innerHTML = PreloadString;
}

function vmUpdateProject()
{
	if( vmCurrentProject == -1 )
	{
		vmCurrentProject = 0;
		vmCurrentProjectImage = 0;
		document.getElementById('showcasecurrent').src = vmProject[vmCurrentProject][0][vmCurrentProjectImage];
		document.getElementById('showcaseprevious').src = document.getElementById('showcasecurrent').src;
		document.getElementById('showcasecurrent').style.display = 'none';
		vmCurrentOpacity = 100;
		//document.getElementById('ProjectTitle').innerHTML = vmProject[vmCurrentProject][1];
		//document.getElementById('ProjectDescription').innerHTML = vmProject[vmCurrentProject][2];
		
		setTimeout("vmProjectNext()",13000);
	}
	else
	{
		document.getElementById('showcasecurrent').style.opacity = 0;
		document.getElementById('showcasecurrent').style.filter="alpha(opacity=0)";
		vmCurrentOpacity = 0;
		document.getElementById('showcasecurrent').src = vmProject[vmCurrentProject][0][vmCurrentProjectImage];
		//document.getElementById('ProjectTitle').innerHTML = vmProject[vmCurrentProject][1];
		//document.getElementById('ProjectDescription').innerHTML = vmProject[vmCurrentProject][2];
		
		setTimeout("vmUpdateProjectFade()",10);
	}
}

function vmUpdateProjectFade()
{
	if( vmCurrentOpacity < 100 )
	{
		if( document.getElementById('showcasecurrent').style.display != 'block' )
		{
			document.getElementById('showcasecurrent').style.display = 'block';
		}
		vmCurrentOpacity++;
		document.getElementById('showcasecurrent').style.opacity = vmCurrentOpacity/100;
		document.getElementById('showcasecurrent').style.filter="alpha(opacity=" + vmCurrentOpacity + ")";
		setTimeout("vmUpdateProjectFade()",10);
	}
	else
	{
		document.getElementById('showcaseprevious').src = document.getElementById('showcasecurrent').src;
		document.getElementById('showcasecurrent').style.display = 'none';
		
		
		setTimeout("vmProjectNext()",13000);
	}
}