function getRealisation(realId)
{
	var req = getXMLHttpRequest();
	req.open('GET', 'req.realisations.php?i='+realId, true);
	
	req.onreadystatechange = function()
	{
		if (req.readyState == 4) {
			var xmlDoc = req.responseXML;
			
			// Update Title
			var titre = xmlDoc.getElementsByTagName('Title')[0];
			removeAllChildren(getE('realisation_title'));
			getE('realisation_title').innerHTML = titre.firstChild.nodeValue;
			
			// Update Slideshow
			var screenshots = new Array();
			var ss = xmlDoc.getElementsByTagName('Screenshot');
			for(var i = 0; i < ss.length; i++) {
				var tmpImg = new Image();
				tmpImg.src = ss[i].getAttribute("src");
				tmpImg.alt = ss[i].getAttribute("alt");
				tmpImg.title = ss[i].getAttribute("title");
				screenshots.push(tmpImg);
			}
			removeAllChildren(getE('realisation_slideshow'));
			getE('realisation_slideshow').appendChild(screenshots[0]);
			
			// Update description
			var desc = xmlDoc.getElementsByTagName('Description')[0];
			//alert(desc);
			getE('realisation_desc').innerHTML = '';
			getE('realisation_desc').innerHTML = '<strong>English version will be online soon!</strong><br />'+desc.firstChild.nodeValue;
			
			// Update link
			var url = xmlDoc.getElementsByTagName('Link')[0];
			var newLink = document.createElement('a');
			var hr = url.getAttribute("url");
			if(!hr || hr == 'http://') {
				hr = 'http://www.k3media.com';
			}
			newLink.href = hr;
			newLink.title = url.getAttribute("title");
			newLink.target = '_blank';
			newLink.innerHTML = newLink.href;
			removeAllChildren(getE('realisation_link'));
			getE('realisation_link').appendChild(newLink);
		}
		else {
			getE('realisation_title').innerHTML = '<span style="height:18px;font-color:#F37320;"><img src="http://www.k3media.com/ui/img/loadingportfolio.gif" title="Loading..." alt="Loading..." />&nbsp;T&eacute;l&eacute;chargement...</span>';
		}
	}
	req.send(null);
	return(false);
}

/**
* Prepare the realisation js functions
*
* Change some CSS settings so the javascript functions work
* while still being accessible if javascript is disabled.
*/
function prepRealisations()
{
	// Only prep if scroll content is GREATER than div content...
	// TODO: make that works in IE & konq
	/*if(getE('realisationList').scrollHeight <= getE('realisationList').offsetHeight) {
		return false;
	}*/
	
	// Hide the scrollbar
	getE('realisationList').style['overflow'] = 'hidden';
	
	// Create scroll button instead
	var scrollUp = document.createElement('div');
	scrollUp.align = 'center';
	
	var scrollDown = document.createElement('div');
	scrollDown.align = 'center';
	
	var imgUp = document.createElement('img');
	imgUp.src = 'http://www.k3media.com/ui/img/scroll_up.gif';
	imgUp.className = 'scrollImg';
	addEvent(imgUp, 'mouseover', function() { scrollDiv(getE('realisationList'), -3); });
	addEvent(imgUp, 'mouseout', function() { stopScroll() });
	addEvent(imgUp, 'click', function() { moveDiv(getE('realisationList'), -56); });
	scrollUp.appendChild(imgUp);

	var imgDown = document.createElement('img');
	imgDown.src = 'http://www.k3media.com/ui/img/scroll_down.gif';
	imgDown.className = 'scrollImg';
	addEvent(imgDown, 'mouseover', function() { scrollDiv(getE('realisationList'), 3); });
	addEvent(imgDown, 'mouseout', function() { stopScroll() });
	addEvent(imgDown, 'click', function() { moveDiv(getE('realisationList'), 56); });
	scrollDown.appendChild(imgDown);
	
	getE('realisationList').parentNode.insertBefore(scrollUp, getE('realisationList'));
	getE('realisationList').parentNode.appendChild(scrollDown);
}