// pour les types et catégories

function getBandeauFromNum(){

  //typeId=getTypeFromURL();
  numId=getNumFromURL();
  
  switch (numId) {
	  
	case '1': 
      return '<div id="head1"><div id="logo1liste">'; //Petit electro menager
      break;
    case '11': 
      return '<div id="head1"><div id="logo2liste">'; //Gros electro menager
      break;
    case '21': 
      return '<div id="head1"><div id="logo3liste">'; //Equipement Maison
      break;
    case '31': 
      return '<div id="head1"><div id="logo4liste">'; //Salon Canape
      break;
    case '41': 
      return '<div id="head1"><div id="logo5liste">'; //Fitness Detente
      break;
	  
    default: 
      return '<div id="head1"><div id="logoliste">';

  }
}

// ------------
function clsOnglet(href, libelle, classCss, divOmbreg, divOmbred ) {
    this.href = href;
    this.libelle = libelle;
    this.classCss=classCss;
    this.divOmbreg=divOmbreg;
    this.divOmbred=divOmbred;
}

function getOngletFromNum(){

  var mesOnglets= new Array();
  var indexOnglet = 0;
  var OngletHtml='';
 
  mesOnglets[0]=new clsOnglet('http://www.la-maison-de-catherine.com/boutique/liste_rayons.cfm', 'Accueil', 'accueil', 'ombreg', 'ombred');
  mesOnglets[1]=new clsOnglet('http://www.la-maison-de-catherine.com/boutique/petit-electromenager.cfm', 'Petit<br/>Menager', '', 'ombreg1', 'ombred1'); 
  mesOnglets[2]=new clsOnglet('http://www.la-maison-de-catherine.com/boutique/gros-electromenager.cfm', 'Gros<br/>Menager', '', 'ombreg2', 'ombred2');
  mesOnglets[3]=new clsOnglet('http://www.la-maison-de-catherine.com/boutique/equipement-maison.cfm', 'Equipement<br/>Maison', '', 'ombreg3', 'ombred3');
  mesOnglets[4]=new clsOnglet('http://www.la-maison-de-catherine.com/boutique/salon-canape.cfm', 'Mobilier<br/>Canap&eacute;', '', 'ombreg4', 'ombred4');
  mesOnglets[5]=new clsOnglet('http://www.la-maison-de-catherine.com/boutique/fitness-detente.cfm', 'Fitness<br/>d&eacute;tente', '', 'ombreg5', 'ombred5');

  switch (numId) {
	case '1': 
      indexOnglet=1; //Petit electro menager
      break;
    case '11': 
      indexOnglet=2; //Gros electro menager
      break;
    case '21': 
      indexOnglet=3; //Equipement Maison
      break;
    case '31': 
      indexOnglet=4; //Mobilier Canape
      break;
    case '41': 
      indexOnglet=5; //Fitness Detente
      break;
	  
    default: 
      indexOnglet=0;
  }
  
  //Génération du html des onglets
  // --------------------------------
  
  // Div ombreg..
  OngletHtml = '<div id="ombreg';
  if (indexOnglet>0) {
   OngletHtml = OngletHtml + '' + indexOnglet;
  }
  OngletHtml = '<div id="';
  OngletHtml = OngletHtml + mesOnglets[indexOnglet].divOmbreg + '"></div>' ;
  
  
  for (i=0; i<=5; i++) {
    if (indexOnglet!=i) {
        OngletHtml = OngletHtml + '<a href="' + mesOnglets[i].href + '"';
        OngletHtml = OngletHtml + 'class="' + mesOnglets[i].classCss + '"';
        OngletHtml = OngletHtml + '">';
        OngletHtml = OngletHtml + mesOnglets[i].libelle ;
        OngletHtml = OngletHtml + '</a>\n';
    } else {
        OngletHtml = OngletHtml + '<div id="ongletdessu" ';
        OngletHtml = OngletHtml + 'onclick="window.open(\'' + mesOnglets[i].href + '\', \'_self\')" ';
        OngletHtml = OngletHtml + 'onMouseOver="this.style.cursor=\'pointer\'; this.style.backgroundImage=\'url(/site/css/rayonscss/onglets/onglets304.gif)\'" ';
        OngletHtml = OngletHtml + 'onMouseOut="this.style.backgroundImage=\'url(/site/css/rayonscss/onglets/onglets303.gif)\'">';
        OngletHtml = OngletHtml + mesOnglets[i].libelle ;
        OngletHtml = OngletHtml + '</div>\n';
    }
  }

  // Div ombred..
  //OngletHtml = OngletHtml + '<div id="ombred';
  //if (indexOnglet>0) {
  //  OngletHtml = OngletHtml + '' + indexOnglet;
  //}
  //OngletHtml = OngletHtml + '"></div>' ;
  OngletHtml = OngletHtml + '<div id="';
  OngletHtml = OngletHtml + mesOnglets[indexOnglet].divOmbred + '"></div>' ;

  
//  alert("OngletHtml="+OngletHtml);


  return OngletHtml ;
  
}