function initEvents()
{
	//appel à ma fonction de chargement des catégories
	loadCategories();
	/*addEvent( document.getElementById('id_cat'), 'changeSelect', comboCatChange, false);
	addEvent( document.getElementById('search_text'), 'keyup', chercher_produit, false);
	addEvent( document.getElementById('btnValider'), 'click', valider_commande, false);*/
	addEvent( document.getElementById('id_cat'),'change', afficheServices, false);
	
	
}
function loadXMLDoc( prmXmlFile)
{
	var xmlDoc;
	// IE
	if( window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject( 'Microsoft.XMLDOM');
		xmlDoc.async = false;
		xmlDoc.load(prmXmlFile);
	}//CAS DE GOOGLE CHROME
	else if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
	{
		 var xmlhttp = new window.XMLHttpRequest();
		 xmlhttp.open("GET",prmXmlFile,false);
		 xmlhttp.send(null);
		xmlDoc = xmlhttp.responseXML.documentElement;

	}
	// code for Mozilla, Firefox, Opera, etc.
	else if( document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument( '', '', null);
		xmlDoc.async = false;
		xmlDoc.load(prmXmlFile);
	}
	else
	{
		alert( 'Votre navigateur est trop vieux !');
	}


	return(xmlDoc);
}

function select_innerHTML(objeto,innerHTML){
/******
* select_innerHTML - corrige o bug do InnerHTML em selects no IE
* Veja o problema em: http://support.microsoft.com/default.aspx?scid=kb;en-us;276228
* Versão: 2.1 - 04/09/2007
* Autor: Micox - Náiron José C. Guimarães - micoxjcg@yahoo.com.br
* @objeto(tipo HTMLobject): o select a ser alterado
* @innerHTML(tipo string): o novo valor do innerHTML
*******/
    objeto.innerHTML = ""
    var selTemp = document.createElement("micoxselect")
    var opt;
    selTemp.id="micoxselect1"
    document.body.appendChild(selTemp)
    selTemp = document.getElementById("micoxselect1")
    selTemp.style.display="none"
    if(innerHTML.toLowerCase().indexOf("<option")<0){//se não é option eu converto
        innerHTML = "<option>" + innerHTML + "</option>"
    }
    innerHTML = innerHTML.toLowerCase().replace(/<option/g,"<span").replace(/<\/option/g,"</span")
    selTemp.innerHTML = innerHTML
      
    
    for(var i=0;i<selTemp.childNodes.length;i++){
  var spantemp = selTemp.childNodes[i];
  
        if(spantemp.tagName){     
            opt = document.createElement("OPTION")
    
   if(document.all){ //IE
    objeto.add(opt)
   }else{
    objeto.appendChild(opt)
   }       
    
   //getting attributes
   for(var j=0; j<spantemp.attributes.length ; j++){
    var attrName = spantemp.attributes[j].nodeName;
    var attrVal = spantemp.attributes[j].nodeValue;
    if(attrVal){
     try{
      opt.setAttribute(attrName,attrVal);
      opt.setAttributeNode(spantemp.attributes[j].cloneNode(true));
     }catch(e){}
    }
   }
   //getting styles
   if(spantemp.style){
    for(var y in spantemp.style){
     try{opt.style[y] = spantemp.style[y];}catch(e){}
    }
   }
   //value and text
   opt.value = spantemp.getAttribute("value")
   opt.text = spantemp.innerHTML
   //IE
   opt.selected = spantemp.getAttribute('selected');
   opt.className = spantemp.className;
  } 
 }    
 document.body.removeChild(selTemp)
 selTemp = null
}

function loadCategories()
{
	//xml = loadXMLDoc( 'Flux-Rss.xml');
	xml = loadXMLDoc('xml/categories-ajax.php');
	xsl = loadXMLDoc('xml/categorie-ajax.xsl');
		// IE
	if( window.ActiveXObject)
	{
	
		cat = xml.transformNode( xsl);
		//document.body.innerHTML = ex;
		//document.getElementById('id_cat').innerHTML = cat;
		//alert(document.getElementById('id_cat').innerHTML);
		
		//solution pour le innerHTML dans  select via IE : http://elmicoxcodes.blogspot.com/2007/02/innerhtml-and-select-option-in-ie.html
		select_innerHTML(document.getElementById("id_cat"),cat);
	}
	// code for Mozilla, Firefox, Opera, etc.
	else if( document.implementation && document.implementation.createDocument)
	{
		xsltProcessor = new XSLTProcessor();
		xsltProcessor.importStylesheet( xsl);
		cat = xsltProcessor.transformToFragment( xml, document);
		//document.body.appendChild( resultDocument);
		document.getElementById('id_cat').appendChild(cat);
	}
}
function afficheServices()
{
	document.getElementById("listeservices").innerHTML="";
	document.getElementById("containerservices").style.display="block";
	//ICI ON GERE L'AFFICHAGE DES SERVICES PAR POLES
	if (document.getElementById('id_cat').value==2)
	{
		xml = loadXMLDoc('xml/toutservices-ajax.php?id_cat='+document.getElementById('id_cat').value);
		xsl = loadXMLDoc('xml/toutservices.xsl');
		
	}
	else if (document.getElementById('id_cat').value==0)
	{
		xml = loadXMLDoc('xml/services-ajax.php?id_cat='+document.getElementById('id_cat').value);
		xsl = loadXMLDoc('xml/servicesAlpha.xsl');
	}
	else
	{
		xml = loadXMLDoc('xml/services-ajax.php?id_cat='+document.getElementById('id_cat').value);
		xsl = loadXMLDoc('xml/services.xsl');
	}
		// IE
	if( window.ActiveXObject)
	{
	
		cat = xml.transformNode( xsl);
		//document.body.innerHTML = ex;
		document.getElementById('listeservices').innerHTML = cat;
		//alert(document.getElementById('id_cat').innerHTML);

		//solution pour le innerHTML dans  select via IE : http://elmicoxcodes.blogspot.com/2007/02/innerhtml-and-select-option-in-ie.html
		//select_innerHTML(document.getElementById("listeservices"),cat);
		
	}
	// code for Mozilla, Firefox, Opera, etc.
	else if( document.implementation && document.implementation.createDocument)
	{
		xsltProcessor = new XSLTProcessor();
		xsltProcessor.importStylesheet( xsl);
		cat = xsltProcessor.transformToFragment( xml, document);
		//document.body.appendChild( resultDocument);
		document.getElementById('listeservices').appendChild(cat);
	}
}
addEvent( window, 'load', initEvents, false);