var xmlHttp;
var num=0;
var page = 1;
var total = 0;
//show main picture project
function showProject(str)
{ 
num=str;
xmlHttp=GetXmlHttpObject(); 
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="getprojects.php";
xmlHttp.onreadystatechange=changedShowProject;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
//once xmlis ready
function changedShowProject() 
{ 
if (xmlHttp.readyState==4)
{
var xmlDoc=xmlHttp.responseXML.documentElement;
var portfolio = document.getElementById("portfolio");
portfolio.innerHTML = '';
images = xmlDoc.getElementsByTagName("images")[num];
image = images.getElementsByTagName("image")[0].attributes[0].value;
image2 = images.getElementsByTagName("image")[1].attributes[0].value;
desc = xmlDoc.getElementsByTagName("projet")[num].attributes[3].value;
portfolio.innerHTML = '<div id="projectFull"></div>';
var longimg = document.getElementById("projectFull");
longimg.innerHTML = '<div id="projectDescription">'+desc+'</div><img src="'+image+'" /><img src="'+image2+'" />';

navbar = document.getElementById("projectNav");
navbar.innerHTML = '';
navbar.innerHTML = '<a href="javascript:showPage('+page+')" style="color:#F00;">RETOUR</a>';
}
}

//show thumbs page
function showPage(pagenum)
{ 
page=pagenum;
xmlHttp=GetXmlHttpObject(); 
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="getprojects.php";
xmlHttp.onreadystatechange=changedShowPage;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function changedShowPage() 
{ 
if (xmlHttp.readyState==4)
{
// get start page
start = page*4-4;
var xmlDoc=xmlHttp.responseXML.documentElement;
var portfolio = document.getElementById("portfolio");
//get xml length;
var total = xmlDoc.getElementsByTagName("projet").length;
//empty var for page num
e=0;
// load content into layer
portfolio.innerHTML = '';
for(i=0;i<4&&i<total-start;i++) {
	mythumb = start+i;
	project = xmlDoc.getElementsByTagName("projet")[mythumb];
	title = project.attributes.getNamedItem("title").value;
	thumb = project.getElementsByTagName("image")[0].attributes[0].value;
    portfolio.innerHTML += '<div id="project"><a href="javascript:showProject(' + mythumb + ')"><img src="'+thumb+'" /></a><br />'+ 
	title + '</div>';
}
// show navigation
navbar = document.getElementById("projectNav");
navbar.innerHTML = '';
if(page>1) { navbar.innerHTML += '<a href="javascript:showPage('+(page-1)+')">PREC</a>&nbsp; '; }
for(i=0;i<total;i+=4) { 
	e++;
	if(page==e) { navbar.innerHTML += '<a href="javascript:showPage('+e+')" style="color:#F00">'+e+'</a> '; }
	else { navbar.innerHTML += '<a href="javascript:showPage('+e+')">'+e+'</a> '; }
 }
 if(page<e) { navbar.innerHTML += ' &nbsp;<a href="javascript:showPage('+(page+1)+')">SUIV</a>'; }
}
}

//mail ajax function
function sendMail()
{

xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }

var url="noflash/ajaxmail.php";
url=url+"?name="+encodeURI(document.getElementById("name").value);
url=url+"&email="+encodeURI(document.getElementById("email").value);
url=url+"&phone="+encodeURI(document.getElementById("phone").value);
url=url+"&message="+encodeURI(document.getElementById("message").value);
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
document.getElementById("error").innerHTML='Veuillez patienter...';
} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
document.getElementById("error").innerHTML=xmlHttp.responseText;
document.forms.form1.reset();
}
}



//usual stuff
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}