var activePictureId = 'projectImg_0';
function openFotoDiv(divId, width, height, source) {
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { 
		calculateLeft = ((document.body.clientWidth/2) - 270);
		calculateTop = (((document.body.clientHeight/2) - 217)-128);
	} else {
		calculateLeft = ((window.innerWidth/2) - 270);
		calculateTop = ((window.innerHeight/2) - 217);
	}
	theDiv = document.getElementById(divId);
	
	theDiv.style.visibility = 'visible';
	theDiv.style.height 	= height+'px';
	theDiv.style.width 		= width+'px';
	//place the div
	theDiv.style.position 	= 'absolute';
	theDiv.style.top 		= calculateTop+"px";
	theDiv.style.left 		= calculateLeft+"px";
	//fill the div
	theDiv.innerHTML 		= "<div align='center'><a href='javascript://' onclick=\"closeDiv('"+divId+"')\"><img src='"+source+"' /></a></div>";
}
function explode (delimiter, string, limit) {
     var emptyArray = { 0: '' };
    
    // third argument is not required
    if ( arguments.length < 2 ||
        typeof arguments[0] == 'undefined' || typeof arguments[1] == 'undefined' )
    {
        return null;
    }
     if ( delimiter === '' ||
        delimiter === false ||
        delimiter === null )
    {
        return false;    }
 
    if ( typeof delimiter == 'function' ||
        typeof delimiter == 'object' ||
        typeof string == 'function' ||        
		typeof string == 'object' )
    {
        return emptyArray;
    }
     if ( delimiter === true ) {
        delimiter = '1';
    }
    
    if (!limit) {        
		return string.toString().split(delimiter.toString());
    } else {
        // support for limit argument
        var splitted = string.toString().split(delimiter.toString());
        var partA = splitted.splice(0, limit - 1);        var partB = splitted.join(delimiter.toString());
        partA.push(partB);
        return partA;
    }
}
function changeProjectPicture(newImage) {
	currentImage = document.getElementById(activePictureId);
	var sCurrentImageSource = currentImage.src;
	var aCurrentImage = explode ('/', sCurrentImageSource);
	var length = (aCurrentImage.length);
	var sCurrentImageGreyPath = "";
	for (i=0; i<length; i++) {
		if (aCurrentImage[i] == 'thumbnails' && aCurrentImage[i+1] != 'grey') {
			aCurrentImage[i] = 'thumbnails/grey';
		}
		if (i < (length-1)) {
			sCurrentImageGreyPath += aCurrentImage[i]+'/';
		} else {
			sCurrentImageGreyPath += aCurrentImage[i];
		}
	}
	currentImage.src = sCurrentImageGreyPath;
	currentImage.setAttribute("onmouseover", "document.getElementById('"+activePictureId+"').src = '"+sCurrentImageSource+"'");
	currentImage.setAttribute("onmouseout", "document.getElementById('"+activePictureId+"').src = '"+sCurrentImageGreyPath+"'");
	//change the picture that's been clicked on
	activePictureId = newImage;
	
	var sNewImage = "";
	newImage = document.getElementById(activePictureId);
	var aNewImage = explode ('/', newImage.src);
	length = (aNewImage.length);
	for (i=0; i<length; i++) {
		if (aNewImage[i] != 'grey') {
			if (i < (length-1)) {
				sNewImage += aNewImage[i]+'/';
			} else {
				sNewImage += aNewImage[i];
			}
		}
	}
	newImage.src = sNewImage;
	newImage.setAttribute("onmouseover", "");
	newImage.setAttribute("onmouseout", "");
}