var _language = "fr";

//id des div qui vont avoir un sous menu
var tabSub = new Array ("artistes", "infos");


//
// change la source de l'iframe suivant la classe
///////////////////////////////
function imgClick (img)
{
if (_language == "fr")
   document.getElementById ("pages").src = img.className + ".html";
}


//
// retourne les éléments suivants leur tag, attributs et valeur
///////////////////////////////
function getElBy (tag, attr, val)
{
var dbRes = [[]];
var dbEl = document.body.getElementsByTagName(tag);
for (e = 0; e < dbEl.length; e++)
    {
    if (attr == 'class')
        {
        if (dbEl[[e]].className == val)
            {
            dbRes.push(dbEl[[e]]);
            }
    }
else
    {
    if (dbEl[[e]].getAttribute(attr) == val) 
        {
        dbRes.push(dbEl[[e]]);
        }
    }
}

return dbRes;
}


//
// retourne une couleur du tableau tabColor
///////////////////////////////
var _iColor = 0;
function getColor ()
{
_iColor ++;

if (_iColor == tabColor.length)
   _iColor = 0;
   
//alert (_iColor);

return tabColor [_iColor];
}

function getActualColor ()
{
return tabColor [_iColor];
}


///////////////////////////////MENUS////////////////////////////
/*
Orange: #EFA334
Rose: #E5005C
Vert: #72B428
Bleu: #00B7E4
Violet: #8466AA
*/
var tabColor = new Array ("#00B7E4", "#E5005C", "#72B428", "#EFA334", "#8466AA");
function menuOver (idClick)
{
if (document.getElementById (idClick).className == "menu")
   {
   document.getElementById (idClick).className   = "menuOver";
   document.getElementById (idClick).style.color = getColor ();
   }
}

function menuSubOver (idClick)
{
if (document.getElementById (idClick).className == "menuSub")
   {
   document.getElementById (idClick).className   = "menuSubOver";
   document.getElementById (idClick).style.color = getColor ();
   }
}

function menuOut (idClick)
{
if (document.getElementById (idClick).className == "menuOver")
    {
    document.getElementById (idClick).className = "menu";
    
    if (document.getElementById (idClick).id == "m4toysaime" || document.getElementById (idClick).id == "resa")
        document.getElementById (idClick).style.color = "#E5005C";
    else
        document.getElementById (idClick).style.color = "#000000";
    }
}

function menuSubOut (idClick)
{
if (document.getElementById (idClick).className == "menuSubOver")
    {
    document.getElementById (idClick).className = "menuSub";
    document.getElementById (idClick).style.color = "#000000";
    }
}

function subMenu (idClick)
{
//on affiche seulement le div du menu souhaité
for (var i = 0 ; i < tabSub.length ; i++)
    {
    var idSub = tabSub[i] + "Sub";
    if (document.getElementById (idSub) != null)
       document.getElementById (idSub).style.display = "none";
    }

if (document.getElementById (idClick + "Sub")!= null)
   {
   document.getElementById (idClick + "Sub").style.display = "block";
   //on met tous les div menuclik a menuSub
   var elems = getElBy ("div", "class", "menuSubClick");
   for (var i = 0 ; i < elems.length ; i++)
       if (elems[i].id != undefined)
          {
          elems[i].className = "menuSub";
          elems[i].style.color = "#000000";
          }
   }
}


function menu (idClick, imgEcran)
{
// cas ou on clique sur un gros titre du menu
if (document.getElementById (idClick).className == "menuOver")
   {
   //on met tous les div menuclik a menu
   var elems = getElBy ("div", "class", "menuClick");
   //alert ("taille : " + elems.length);
   for (var i = 0 ; i < elems.length; i++)
       {
       if (elems[i].id != undefined)
          {
          elems[i].className = "menu";
          elems[i].style.color = "#000000";
          if (elems[i].id == "m4toysaime")
              elems[i].style.color = "#E5005C";
          else
              elems[i].style.color = "#000000";          
          }
       }

   document.getElementById (idClick).className   = "menuClick";
   if (_language == "fr")
       {
       if (idClick == "newsletter" || idClick == "presse" || idClick == "resa")
          document.getElementById ("pages").src = idClick + ".php";

       else
          document.getElementById ("pages").src = idClick + ".html";
       }
   }

// cas ou on clique sur un sous titre du menu
if (document.getElementById (idClick).className == "menuSubOver")
   {
   //on met tous les div menuclik a menuSub
   var elems = getElBy ("div", "class", "menuSubClick");
   for (var i = 0 ; i < elems.length ; i++)
       if (elems[i].id != undefined)
          {
          elems[i].className = "menuSub";
          elems[i].style.color = "#000000";
          }

   document.getElementById (idClick).className = "menuSubClick";
   if (_language == "fr")
       {
       if (imgEcran != null)
          document.getElementById ("pages").src = imgEcran + ".html";

       else
           document.getElementById ("pages").src = idClick + ".html";
       }
   }

//dans le cas ou on a rempli cette variable dans index.html, dans le menu
//alors on affiche l'image dans l'ecran
if (imgEcran != null)
   document.getElementById ("imgecran").src = imgEcran + ".jpg";
   
else
    document.getElementById ("imgecran").src = "/accueil/accueil2011.jpg";

//on se replace toujours en haut de la page
window.scrollTo(0,0);
}
///////////////////////////////////////////////////////////////////



//
// retaille l'ifrmae en fonction de la page
/////////////////////
function calcHeight ()
{
  //récupère la hauteur de la page
  var the_height = document.getElementById('pages').contentWindow.document.body.scrollHeight;

  //change la hauteur de l'iframe
  document.getElementById('pages').style.height = the_height;
}