var pages = ["entreprise","particuliers","professionnels","securite","webdesign","contact"];
 var jsMenu =  {

  selId: -1,

  wait: function () {
   if ( !document.body ) {
	  return setTimeout( this.init, 1 );
	 }
	},
	
  display: function (id) {
   for (var i = 0; (lnk = document.getElementsByTagName('div')[i]); i++ )
    if ( lnk.className.match('page') ) lnk.style.display = 'none';
   if (this.selId > 0) {
     document.getElementById("alt"+this.selId).className = document.getElementById("alt"+this.selId).className.replace("active", "inactive");
     document.getElementById("menu"+this.selId).className = document.getElementById("menu"+this.selId).className.replace("active", "inactive");
   }
   this.selId = id;
   if (this.selId > 0) {
     document.getElementById("alt"+this.selId).className = document.getElementById("alt"+this.selId).className.replace("inactive", "active");
     document.getElementById("menu"+this.selId).className = document.getElementById("menu"+this.selId).className.replace("inactive", "active");
   }
   document.getElementById("a"+this.selId).style.height = 0 + 'px';
   document.getElementById("a"+this.selId).style.display = 'block';
   return setTimeout( this.slide, 10 );
  },

  step: function () {
   var height = parseInt(document.getElementById("a"+this.selId).style.height);
   if (height < 425) {
    document.getElementById("a"+this.selId).style.height = (height + 25) + 'px';
    setTimeout( this.slide, 15 );
   }
 },

  slide: function () {
   jsMenu.step();
  },

  request: function (container, page) {
   var xhr;
   try { xhr = new ActiveXObject('Msxml2.XMLHTTP'); }
   catch (e) {
    try {  xhr = new ActiveXObject('Microsoft.XMLHTTP'); }
    catch (e2) {
     try { xhr = new XMLHttpRequest(); }
     catch (e3) { xhr = false; }
    }
   }
   xhr.onreadystatechange  = function() {
    if(xhr.readyState  == 4) {
     if(xhr.status  == 200) 
      document.getElementById(container).innerHTML = xhr.responseText;
      for (var i = 0; (lnk = document.getElementById(container).getElementsByTagName('a')[i]); i++ ) {
       if ( lnk.className.match('external') ) lnk.setAttribute('target', '_blank');
      }
     }
   }; 

   xhr.open( "GET", "page.php?page=" + page,  true);
   xhr.send(null);
  },
 
  links: function () {
   for (var i = 0; (lnk = document.getElementsByTagName('a')[i]); i++ ) {
    if ( lnk.className.match('menuitem') ) lnk.href = "#";
   }
  },

  init: function(pages) {
   if (pages) this.pages = pages;
   if (!jsMenu.wait()) {
    jsMenu.links();
    for(i=0; i<this.pages.length; i++)
      jsMenu.request("a" + (i+1), this.pages[i]);
   }
  }
 
 }

 window.jsMenu = jsMenu;
 jsMenu.init(pages);

 window.onload = function() {
     
     var cid = 1;
     jsMenu.display(cid);
     
     var myElement = document.getElementById('main');
     var mc = new Hammer(myElement);
     mc.on("swipeleft swiperight", function(ev) {
        if(ev.type == "swipeleft") { cid += 1; }
        else if (ev.type == "swiperight") { cid -= 1; }
        if (cid < 1) cid = 6;
        else if (cid > 6) cid = 1;
        jsMenu.display(cid);
     });
     
     let links = document.querySelectorAll('#alt a, #menu a');
     links.forEach(links => links.addEventListener('click', function(){ cid=this.getAttribute('index'); jsMenu.display(cid); }));
 }