/******************************
 *  PEM TabManager
 *  @Synolia 2008
 ******************************/

var currentTab  = "";
var normalTab   = "tabPInfo";
var choosenTab  = "tabPInfo_choosen";
var oldMouseOver= "";
var oldMouseOut = "";

function showTab( zeId ){
  // si par hasard c'est le même onglet qui est appelé, pas besoin d'aller plus loin
  if ( zeId == currentTab ){
    return false;
  }
  // récupération du numéro d'id   du type  tab_1
  var temp  = zeId.split( "_" );
  var divId = "";
  // si temp a plus d'un enregistrement, alors nous récupérons la partie numérique
  if ( temp.length > 1 ){
    divId = "div_" + temp[1];
  }
  // si nous n'arrivons pas à récuperer un id de div, alors nous annulons l'opération
  if ( divId == "" ){
    return false;
  }

  currentTab = document.getElementById('currentTab').value;
  // nous cachons le contenu de l'ancien onglet
  if ( currentTab != "" ){
		if ( oldMouseOver == '' && oldMouseOut == '' ){
			var temp2 = currentTab.split( "_" );
	  	var zePic = document.getElementById( 'img_'+temp2[1] );
		  oldMouseOver = zePic.onmouseover;
			oldMouseOut	 = zePic.onmouseout;
		}
    hideTab( currentTab );
  }else{
  	var zePic = '';
  }

  zePic = document.getElementById( 'img_'+temp[1] );
  oldMouseOver = zePic.onmouseover;
	oldMouseOut	 = zePic.onmouseout;
	zePic.onmouseover = null;
	zePic.onmouseout 	= null;
 // document.getElementById( zeId ).className = choosenTab;

  // nous récupérons la div à afficher
  var zeTabDiv = document.getElementById( divId );
  // nous affichons notre div
  zeTabDiv.style.visibility = "visible";
  zeTabDiv.style.display    = "block";
  
/*	
  var zeExt = zePic.src.substr( zePic.src.lastIndexOf('.'), zePic.length );
  zePic.src = zePic.src.substr( 0, zePic.src.lastIndexOf('.') ) + '_on' + zeExt;
*/  
  // notre div courante est désormais celle que nous venons d'afficher
  document.getElementById('currentTab').value = divId;
  return true;
}

function hideTab( zeId ){

  // récupération du numéro d'id   du type  tab_1
  var temp  = zeId.split( "_" );
  var tabId = "";
  // si temp a plus d'un enregistrement, alors nous récupérons la partie numérique
  if ( temp.length > 1 ){
    tabId = "tab_" + temp[1];
  }

  //document.getElementById( tabId ).className = normalTab;

  // nous récupérons la div à afficher
  var zeTabDiv = document.getElementById( zeId );
  // nous cachons la div
  zeTabDiv.style.visibility = "hidden";
  zeTabDiv.style.display    = "none";
  
  var zePic = document.getElementById( 'img_'+temp[1] );
	zePic.onmouseover = oldMouseOver;
	zePic.onmouseout 	= oldMouseOut;
  zePic.onmouseout(window.event);
}