var timer;
var moveX = 0;
var isMove = 0;
var bt = new Array("bt-actu","bt-portrait","bt-media","bt-saison","bt-fanclub");

function index() {
  return Math.round(moveX)/829;
}

function initAccueil() {
  var droit = jq("#ba-droit a")[0];
  var gauche = jq("#ba-gauche a")[0];
  droit.onclick = clickDroit;
  gauche.onclick = clickGauche;
  var lst = jq("#bande-bouton a");
  for (var i = 0;i < lst.length;i++) {
    lst[i].onclick = clickBouton;
  }
}

function changePanneau(sens) {
  document.getElementById(bt[Math.abs(index())]).className = "";
  document.getElementById(bt[Math.abs(index() + sens)]).className = "select-bt";
  transition(sens,index() + sens);
}

function transition(sens,arrivee) {
  var w = document.getElementById("wrapper-ba");
  var pas = (829 * Math.abs(sens)) / 100 * (sens/Math.abs(sens));
  moveX = moveX + pas;
  w.style.left = Math.round(moveX) + "px";
  if (Math.round(moveX) == 829 * arrivee) {
    isMove = 0;
    return;
  }
  setTimeout("transition(" + sens + "," + arrivee + ")",5);
}

function clickBouton() {
  if (isMove == 1) {
    return false;
  }
  isMove = 1;
  var i = 0;
  for (i = 0;i < bt.length;i++) {
    if (bt[i] == this.id) {
      break;
    }
  }
  if (-i == index() || i == bt.length) {
    return false;
  }
  var sens = (0-i) - index();
  var pas = (829 * Math.abs(sens)) / 100 * (sens/Math.abs(sens));
  //alert("Index : " + index + " - vers : " + (0-i) + " - sens : " + sens + " - pas : " + pas);
  changePanneau(sens);
  return false;
}

function clickGauche() {
  if (isMove == 0 && Math.round(moveX) < 0) {
    isMove = 1;
    changePanneau(1);
  } else {
  }
  return false;
}

function clickDroit() {
  if (isMove == 0 && Math.round(moveX) > -4 * 829) {
    isMove = 1;
    changePanneau(-1);
  } else {
  }
  return false;
}

var tabSaison = new Array("pan-cl","pan-dn","pan-pm");
var ouvert = 0;

function initSaison() {
  var lst = jq("#pan-saison a.titre-ps");
  for (var i = 0;i < lst.length;i++) {
    lst[i].onclick = clickBtSaison;
  }
}

function indexSaison(id) {
  for (i = 0; i < tabSaison.length;i++) {
    if (tabSaison[i] == id) {
      return i;
    }
  }
  return 0;
}

function clickBtSaison() {
  var obj = this;
  if (this.tagName == "A") {
    obj = this.parentNode;
  }
  var cible = indexSaison(obj.id);
  changeSaison(cible);
  return false;
}

var obOuv;
var obFerm;
var yOuv;
var hOuv;
var yFerm;
var hFerm;

function changeSaison(cible) {
  if (ouvert == cible) {return false;}
  obFerm = document.getElementById(tabSaison[ouvert]);
  obOuv = document.getElementById(tabSaison[cible]);
  jq("#" + obOuv.id + " a.titre-ps")[0].className = "titre-ps select-ps";
  jq("#" + obFerm.id + " a.titre-ps")[0].className = "titre-ps";
  jq("#" + obOuv.id + " .content-ps")[0].style.display = "block";
  yOuv = obOuv.offsetTop;
  hOuv = obOuv.offsetHeight;
  yFerm = obFerm.offsetTop;
  hFerm = obFerm.offsetHeight;
  transitionSaison(cible,0);
}

function transitionSaison(cible,index) {
  var pas = 120 / 50;
  if (ouvert > cible) {
    hOuv = hOuv + pas;
    obOuv.style.height = Math.round(hOuv) + "px";
    hFerm -= pas;
    yFerm += pas;
    obFerm.style.height = Math.round(hFerm) + "px";
    obFerm.style.top = Math.round(yFerm) + "px";
    for (var i = cible + 1;i < ouvert;i++) {
      //alert(Math.round(yFerm) - (cible - i) * 31 + "px - " + tabSaison[i]); 
      document.getElementById(tabSaison[i]).style.top = Math.round(yFerm) - (ouvert - i) * 31 + "px";
    }
  } else if (ouvert < cible) {
    hOuv += pas;
    yOuv -= pas;
    obOuv.style.height = Math.round(hOuv) + "px";
    obOuv.style.top = Math.round(yOuv) + "px";
    hFerm -= pas;
    obFerm.style.height = Math.round(hFerm) + "px";
    for (var i = ouvert + 1;i < cible;i++) {
      //alert(Math.round(yFerm) - (cible - i) * 31 + "px - " + tabSaison[i]); 
      document.getElementById(tabSaison[i]).style.top = Math.round(yOuv) - (cible - i) * 31 + "px";
    }
  }
  //alert("yOuv : " + yOuv + " - hOuv : " + hOuv + " - yFerm : " + yFerm + " - hFerm : " + hFerm + " - Cible : " + cible);
  index++;
  if (index < 49) {
    setTimeout("transitionSaison(" + cible + "," + index + ")",5);
  } else {
    jq("#" + obFerm.id + " .content-ps")[0].style.display = "none";
    ouvert = cible;
  }
}

registerPloneFunction(initAccueil);
registerPloneFunction(initSaison);