var tPres;
var xInt;
var xExt;
var tCont;

function preload()
{
	tPres = window.document.getElementById("content").innerHTML;
	tCont = window.document.getElementById("contact").innerHTML;
	
	xInt = new XMLHttpRequest();
	xInt.open("GET","int.xml",true);
	xInt.onreadystatechange = preloadInt;
	xInt.send();
	
	xExt = new XMLHttpRequest();
	xExt.open("GET","ext.xml",true);
	xExt.onreadystatechange = preloadExt;
	xExt.send();
}

function preloadInt()
{
	if( xInt.readyState == 4 )
		xInt = xInt.responseXML;
}

function preloadExt()
{
	if( xExt.readyState == 4 )
		xExt = xExt.responseXML;
}

function show( section )
{
	clearD();

	if( section == "int" ){
		showX( xInt );
		return;
	}
	if( section == "ext" ){
		showX( xExt );
		return;
	}
	if( section == "cont" ){
		window.document.getElementById("content").innerHTML = tCont;
		return;
	}
	
	window.document.getElementById("content").innerHTML = tPres;
}

function showX( xml )
{
	var result = "";
	var items = xml.getElementsByTagName("i");
	for( i = 0; i < items.length; i++ ){
		var img = items[i].getElementsByTagName("p")[0].firstChild.nodeValue;
		var mat = items[i].getElementsByTagName("m")[0].firstChild.nodeValue;
		var desc = items[i].getElementsByTagName("d")[0].firstChild.nodeValue;
		result = result + "\n" + "<img class=\"list\" src=\"img/" + img + "s.jpg\" title=\"" + mat + "\" onclick=\"showD('" + img + "');\"/>";
	}
	window.document.getElementById("content").innerHTML = result;
}

function showD( pic )
{
	var content = "";
	var items;
	
	if( pic.charAt(0) == 'e' )
		items = xExt.getElementsByTagName("i");
	else
		if( pic.charAt(0) == 'i' )
			items = xInt.getElementsByTagName("i");

	for( i = 0; i < items.length; i++ ){
		if( items[i].getElementsByTagName("p")[0].firstChild.nodeValue == pic ){
			var mat = items[i].getElementsByTagName("m")[0].firstChild.nodeValue;
			var desc = items[i].getElementsByTagName("d")[0].firstChild.nodeValue;
			content = "<img class=\"detail\" src=\"img/" + pic + ".jpg\" title=\"" + mat + "\" alt=\"" + mat + "\"/><br /><p class=\"detail\">" + desc + "</p><p>Référence: " + pic.toUpperCase() + "</p>";
			break;
		}
	}
	
	if( content.length != 0 ){
		window.document.getElementById("detail").innerHTML = content;
		window.document.getElementById("detail").style.visibility = "visible";
	}
}

function clearD()
{
	window.document.getElementById("detail").style.visibility = "hidden";
}