var tab_img = new Array("accueil","original","care","kids","fresh","brush");
var tab_gamme = new Array("original","care","kids","fresh","brush")
var max;
var gamme;

for(i=0;i<tab_img.length;i++){
  var image = new Image();
  image.src = "./img/superwhite/"+tab_img[i]+"_over.jpg";
}

function preload(){
  for(i=0;i<tab_gamme.length;i++){
    var image = new Image();
    image.src = "./photos intro SW/gammes/"+tab_gamme[i]+".jpg";
    switch(tab_gamme[i]){
      case "original": max=9;
        break;
      case "care": max=3;
        break;
      case "kids": max=5;
        break;
      case "fresh": max=4;
        break;
      case "brush": max=7;
        break;
    }
    for(p=1;p<max;p++){
      var image_prod = new Image();
      image_prod.src = "./photos intro SW/"+tab_gamme[i]+"/"+p+".png";
    }
  }
}

preload()

function btn_over(){
  gamme = this.id;
  document.getElementById(gamme).firstChild.src = "./img/superwhite/"+gamme+"_over.jpg";
}

function btn_out(){
  document.getElementById(gamme).firstChild.src = "./img/superwhite/"+gamme+".jpg";
}

var accueil = document.getElementById("accueil")
var original = document.getElementById("original")
var care = document.getElementById("care")
var kids = document.getElementById("kids")
var fresh = document.getElementById("fresh")
var brush = document.getElementById("brush")

accueil.onmouseover = btn_over
original.onmouseover = btn_over
care.onmouseover = btn_over
kids.onmouseover = btn_over
fresh.onmouseover = btn_over
brush.onmouseover = btn_over

accueil.onmouseout = btn_out
original.onmouseout = btn_out
care.onmouseout = btn_out
kids.onmouseout = btn_out
fresh.onmouseout = btn_out
brush.onmouseout = btn_out