var ma_select = "0";
var onglet_eif;
var onglet_pv;
var onglet_mc;

function initMA() {
  lst = cssQuery(".bt-ma");
  for (var i = 0;i < lst.length;i++) {
    lst[i].onmouseover = overMA;
    lst[i].onclick = clickMA;
  }
}

registerPloneFunction(initMA);

function overMA() {
  var num = this.id.charAt(9);
  montreMA(num);
}

function clickMA() {
  var num = this.id.charAt(9);
  window.location = document.getElementById("footer-ma" + num).href;
}

function montreMA(ind) {
  document.getElementById("bouton-ma" + ma_select).style.backgroundImage = "url(" + portal_url + "/portal_css/Plone%20Tableless/images/vignette_actu.jpg)"; 
  document.getElementById("bouton-ma" + ma_select).style.color = "#4D6DA4";
  document.getElementById("cadre-photo-ma" + ma_select).style.display = "none";  
  document.getElementById("footer-ma" + ma_select).style.display = "none";  
  ma_select = ind;
  document.getElementById("bouton-ma" + ma_select).style.backgroundImage = "url(" + portal_url + "/portal_css/Plone%20Tableless/images/vignette_actu_on.jpg)"; 
  document.getElementById("bouton-ma" + ma_select).style.color = "white";
  document.getElementById("cadre-photo-ma" + ma_select).style.display = "block";  
  document.getElementById("footer-ma" + ma_select).style.display = "block";  
}

function initOnglet() {
  var onglet = document.getElementById("onglet-entrainement");
  onglet.onclick = click_eif;
  onglet_eif = onglet;
  onglet = document.getElementById("onglet-infirmerie");
  onglet.onclick = click_eif;
  onglet = document.getElementById("onglet-weekend"); 
 onglet.onclick = click_eif;
  onglet = document.getElementById("onglet-photo");
  onglet.onclick = click_pv;
  onglet_pv = onglet;
  onglet = document.getElementById("onglet-video");
  onglet.onclick = click_pv;
  onglet = document.getElementById("onglet-pm");
  onglet.onclick = click_mc;
  onglet = document.getElementById("onglet-dm");
  onglet.onclick = click_mc;
  onglet_mc = onglet;
  onglet = document.getElementById("onglet-cl");
  onglet.onclick = click_mc;
}

registerPloneFunction(initOnglet);

function click_eif() {
  if (this == onglet_eif) {
  } else {
    document.getElementById("contenu-" + onglet_eif.id.substring(7,onglet_eif.id.length)).style.display = "none";
    onglet_eif = this;
    document.getElementById("onglets-eif").style.backgroundImage = "url(images/onglet_" + onglet_eif.id.substring(7,onglet_eif.id.length) + ".png)";
    document.getElementById("contenu-" + onglet_eif.id.substring(7,onglet_eif.id.length)).style.display = "block";
  }
}

function click_pv() {
  if (this == onglet_pv) {
  } else {
    document.getElementById("contenu-" + onglet_pv.id.substring(7,onglet_pv.id.length)).style.display = "none";
    onglet_pv = this;
    document.getElementById("onglets-pv").style.backgroundImage = "url(images/onglet_" + onglet_pv.id.substring(7,onglet_pv.id.length) + ".png)"
    document.getElementById("contenu-" + onglet_pv.id.substring(7,onglet_pv.id.length)).style.display = "block";
  }
}

function click_mc() {
  if (this == onglet_mc) {
  } else {
    document.getElementById("contenu-" + onglet_mc.id.substring(7,onglet_mc.id.length)).style.display = "none";
    onglet_mc = this;
    document.getElementById("onglets-mc").style.backgroundImage = "url(images/onglet_" + onglet_mc.id.substring(7,onglet_mc.id.length) + ".png)";
    document.getElementById("contenu-" + onglet_mc.id.substring(7,onglet_mc.id.length)).style.display = "block";
  }
}
