/************************************************************	
 *										*
 * TSM: TabStrip Menu version 0.1					* 
 * Auteur: Wonesek (wonesek@aol.com)				*
 * Liscence: GNU/GPL							* 
 *										*
 * Respectez le travail de l'auteur en laissant cette		*
 * entête dans le fichier source.					*
 * Pour une utilisation commercial, veuillez prevenir		*
 * l'auteur.								*
 * 										*
 * Code compacté par J.R. 29 septembre 2008
 ************************************************************/

var atsm;var tsmPath=(tsmPath)?tsmPath:"./",tsmImg="tsm_spacer.png",tsmS=tsmPath+tsmImg;var menuTop=1,menuLeft=2,menuBottom=3,menuRight=4;var onClick="onClick",onMouseOver="onMouseOver";var style_t={$font_family:0,$font_color:1,$font_size:2,$font_style:3,$background_color:4,$border_size:5,$border_style:6,$border_color:7,$padding:8}
function style()
{var i;for(i in style_t)this[i]=null;}
var standardStyleOn;var standardStyleOff;with(standardStyleOn=new style)
{$font_family="Verdana";$font_color="#847214";$font_size="10pt";$font_style="normal";$font_weight="bold";$background_color="#e4ce64";$border_size="1px";$border_style="solid";$border_color="#000000";$padding="4px";}
with(standardStyleOff=new style)
{$font_family="Verdana";$font_color="#847214";$font_size="10pt";$font_style="normal";$font_weight="bold";$background_color="#c4be74";$border_size="1px";$border_style="solid"
$border_color="#777777";$padding="4px";}
var name_tsm="tsm";var tsm=new Array();var tsm_t={menuId:0,id_cpt:1,id_cnt:2,parentDivId:3,tabs:4,menuWidth:6,menuHeight:7,menuSelectTab:8,menuChangeEvt:9,menuDirection:10,menuAlign:11,menuMargin:12,styleOn:13,styleOff:14};function tabStripMenu(parentId,width,height)
{var i;for(i in tsm_t)
this[i]=null;this.menuId=tsm.length;this.parentDivId=parentId;this.tabs=new Array();this.id_cpt=name_tsm+this.menuId+"cpt";this.id_cnt=name_tsm+this.menuId+"cnt";this.menuWidth=width;this.menuHeight=height;this.menuSelectTab=0;this.styleOn=standardStyleOn;this.styleOff=standardStyleOff;this.menuChangeEvt=onClick;this.menuDirection=menuTop;this.menuAlign=menuLeft;this.menuMargin=0;this.addTab=tab;this.updateTab=updateTab;this.build=build;this.setDefaultTab=setDefaultTab;this.setEvent=setEvent;this.setStyles=setStyles;this.setDirection=setDirection;this.setAlign=setAlign;this.setMargin=setMargin;}
function setDefaultTab(aTab)
{this.menuSelectTab=(aTab)?aTab:0;}
function setMargin(pxVal)
{this.menuMargin=Math.max(pxVal,0);}
function setEvent(evt)
{this.menuChangeEvt=(!evt)?onClick:evt;}
function setDirection(dir)
{switch(dir)
{case menuTop:case menuLeft:case menuBottom:case menuRight:this.menuDirection=dir;break;default:this.menuDirection=menuTop;break;}
this.setAlign(this.menuDirection);}
function setAlign(dir)
{switch(this.menuDirection)
{case menuLeft:case menuRight:if((dir==menuTop)||(dir==menuBottom))
this.menuAlign=dir;else
this.menuAlign=menuTop;break;case menuTop:case menuBottom:if((dir==menuRight)||(dir==menuLeft))
this.menuAlign=dir;else
this.menuAlign=menuLeft;break;}}
function setStyles(sOn,sOff)
{this.styleOn=(!sOn)?standardStyleOn:sOn;this.styleOff=(!sOff)?standardStyleOff:sOff;}
function build()
{var i;switch(this.menuDirection)
{case menuLeft:this.html="<table border='0' cellpadding='0' cellspacing='0' width='"+this.menuWidth+"px' height='433px' style='border-width:0px;padding-bottom:0px;' >"
+"<tr>"
+"<td valign='top'>"
+"<table id='"+this.id_cpt+"' border='0' cellpadding='0' cellspacing='0' width='100%' height='432px' style='border-width:0px;' >";if(this.menuAlign==menuBottom)
this.html+="<tr><td height='100%'><img src='"+tsmS+"'></td></tr>";for(i=0;i<this.tabs.length;i++)
{this.html+="<tr><td nowrap style='cursor:pointer' "+this.menuChangeEvt+"='javascript:tsm["+this.menuId+"].setFocus("+i+")'>"+this.tabs[i].tabCaption+"</td></tr>";if((this.menuMargin>0)&&(i+1!=this.tabs.length))this.html+="<tr><td><img height='"+this.menuMargin+"px' src='"+tsmS+"'></td></tr>";}
if(this.menuAlign==menuTop)
this.html+="<tr><td height='100%'><img src='"+tsmS+"'></td></tr>";this.html+="</table>"
+"</td>"
+"<td valign='top' width='100%'>"
+"<table id='"+this.id_cnt+"' border='0' width='100%' height='100%' cellpadding='0' cellspacing='0' >"
+"<tr>"
+"<td valign='top' style='height:"+this.menuHeight+"' >";for(i=0;i<this.tabs.length;i++)
{this.html+="<div id='"+this.tabs[i].id_tab+"' name='"+this.tabs[i].id_tab+"' >&nbsp;</div>";}
this.html+="</td>"
+"</tr>"
+"</table>"
+"</td>"
+"</tr>"
+"</table>";break;case menuRight:this.html="<table border='0' cellpadding='0' cellspacing='0' width='"+this.menuWidth+"px' height='"+this.menuHeight+"px'>"
+"<tr>"
+"<td valign='top' width='100%'>"
+"<table id='"+this.id_cnt+"' border='0' width='100%' height='100%' cellpadding='0' cellspacing='0'>"
+"<tr>"
+"<td valign='top'>";for(i=0;i<this.tabs.length;i++)
this.html+="<div id='"+this.tabs[i].id_tab+"'>"+this.tabs[i].tabContent+"</div>";this.html+="</td>"
+"</tr>"
+"</table>"
+"</td>"
+"<td valign='top'>"
+"<table id='"+this.id_cpt+"' border='0' cellpadding='0' cellspacing='0' height='100%'>";if(this.menuAlign==menuBottom)
this.html+="<tr><td height='100%'><img src='"+tsmS+"'></td></tr>";for(i=0;i<this.tabs.length;i++)
{this.html+="<tr><td nowrap style='cursor:pointer' "+this.menuChangeEvt+"='javascript:tsm["+this.menuId+"].setFocus("+i+")'>"+this.tabs[i].tabCaption+"</td></tr>";if((this.menuMargin>0)&&(i+1!=this.tabs.length))this.html+="<tr><td><img height='"+this.menuMargin+"px' src='"+tsmS+"'></td></tr>";}
if(this.menuAlign==menuTop)
this.html+="<tr><td height='100%'><img src='"+tsmS+"'></td></tr>";this.html+="</table>"
+"</td>"
+"</tr>"
+"</table>";break;case menuBottom:this.html="<table border='0' cellpadding='0' cellspacing='0' width='"+this.menuWidth+"px' height='"+this.menuHeight+"px'>"
+"<tr>"
+"<td height='100%' valign='top'>"
+"<table id='"+this.id_cnt+"' border='0' width='100%' height='100%' cellpadding='0' cellspacing='0'>"
+"<tr>"
+"<td valign='top'>";for(i=0;i<this.tabs.length;i++)
this.html+="<div id='"+this.tabs[i].id_tab+"'>"+this.tabs[i].tabContent+"</div>";this.html+="</td>"
+"</tr>"
+"</table>"
+"</td>"
+"</tr>"
+"<tr>"
+"<td>"
+"<table id='"+this.id_cpt+"' border='0' cellpadding='0' cellspacing='0' width='100%'>"
+"<tr>";if(this.menuAlign==menuRight)
this.html+="<td width='100%'><img src='"+tsmS+"'></td>";for(i=0;i<this.tabs.length;i++)
{this.html+="<td nowrap style='cursor:pointer' "+this.menuChangeEvt+"='javascript:tsm["+this.menuId+"].setFocus("+i+")'>"+this.tabs[i].tabCaption+"</td>";if((this.menuMargin>0)&&(i+1!=this.tabs.length))this.html+="<td><img width='"+this.menuMargin+"px' src='"+tsmS+"'></td>";}
if(this.menuAlign==menuLeft)
this.html+="<td width='100%'><img src='"+tsmS+"'></td>";this.html+="</tr>"
+"</table>"
+"</td>"
+"</tr>"
+"</table>";break;case menuTop:this.html="<table border='0' cellpadding='0' cellspacing='0' width='"+this.menuWidth+"px' height='"+this.menuHeight+"px'>"
+"<tr>"
+"<td>"
+"<table id='"+this.id_cpt+"' border='0' cellpadding='0' cellspacing='0' width='100%'>"
+"<tr>";if(this.menuAlign==menuRight)
this.html+="<td width='100%'><img src='"+tsmS+"'></td>";for(i=0;i<this.tabs.length;i++)
{this.html+="<td nowrap style='cursor:pointer' "+this.menuChangeEvt+"='javascript:tsm["+this.menuId+"].setFocus("+i+")'>"+this.tabs[i].tabCaption+"</td>";if((this.menuMargin>0)&&(i+1!=this.tabs.length))this.html+="<td><img width='"+this.menuMargin+"px' src='"+tsmS+"'></td>";}
if(this.menuAlign==menuLeft)
this.html+="<td width='100%'><img src='"+tsmS+"'></td>";this.html+="</tr>"
+"</table>"
+"</td>"
+"</tr>"
+"<tr>"
+"<td height='100%' valign='top'>"
+"<table id='"+this.id_cnt+"' border='0' width='100%' height='100%' cellpadding='0' cellspacing='0'>"
+"<tr>"
+"<td valign='top'>";for(i=0;i<this.tabs.length;i++)
this.html+="<div id='"+this.tabs[i].id_tab+"'>"+this.tabs[i].tabContent+"</div>";this.html+="</td>"
+"</tr>"
+"</table>"
+"</td>"
+"</tr>"
+"</table>";break;}
tsm[this.menuId]=this;tsm[this.menuId].setFocus=setFocus;}
function setFocus(tab)
{var cell,row;var jeu_onglets;var rubriqueSrc='';for(var i=0;i<this.tabs.length;i++)
{if(tab==i)
{switch(this.menuDirection)
{case menuLeft:case menuRight:row=(this.menuMargin!=0)?2*i:i;row=(this.menuAlign==menuBottom)?(row+1):row;with(_getObj(this.id_cpt).rows[row].cells[0].style)
{with(this.styleOn)
{backgroundColor=$background_color;fontFamily=$font_family;fontStyle=$font_style;fontWeight=$font_weight;fontSize=$font_size;color=$font_color;borderStyle=$border_style;borderColor=$border_color;borderTopWidth=$border_size;borderLeftWidth=(this.menuDirection==menuLeft)?$border_size:'0px';borderRightWidth=(this.menuDirection==menuLeft)?'0px':$border_size;borderBottomWidth=$border_size;padding=$padding;}}
break;case menuTop:case menuBottom:cell=(this.menuMargin!=0)?2*i:i;cell=(this.menuAlign==menuRight)?(cell+1):cell;with(_getObj(this.id_cpt).rows[0].cells[cell].style)
{with(this.styleOn)
{backgroundColor=$background_color;fontFamily=$font_family;fontStyle=$font_style;fontWeight=$font_weight;fontSize=$font_size;color=$font_color;borderStyle=$border_style;borderColor=$border_color;borderTopWidth=(this.menuDirection==menuBottom)?'0px':$border_size;borderLeftWidth=$border_size;borderRightWidth=$border_size;borderBottomWidth=(this.menuDirection==menuBottom)?$border_size:'0px';padding=$padding;}}
break;}
_getObj(this.tabs[i].id_tab).style.display="block";}
else
{switch(this.menuDirection)
{case menuLeft:case menuRight:row=(this.menuMargin!=0)?2*i:i;row=(this.menuAlign==menuBottom)?(row+1):row;with(_getObj(this.id_cpt).rows[row].cells[0].style)
{with(this.styleOff)
{backgroundColor=$background_color;fontFamily=$font_family;fontStyle=$font_style;fontWeight=$font_weight;fontSize=$font_size;color=$font_color;borderStyle=$border_style;borderColor=$border_color;borderTopWidth=((i>tab)&&(this.menuMargin==0))?"0px":$border_size;borderBottomWidth=((i<tab)&&(this.menuMargin==0))?"0px":$border_size;padding=$padding;}
if(this.menuDirection==menuLeft)
{borderLeftWidth=this.styleOff.$border_size;borderRightStyle=this.styleOn.$border_style;borderRightWidth=this.styleOn.$border_size;borderRightColor=this.styleOn.$border_color;}
else
{borderRightWidth=this.styleOff.$border_size;borderLeftStyle=this.styleOn.$border_style;borderLeftWidth=this.styleOn.$border_size;borderLeftColor=this.styleOn.$border_color;}}
break;case menuBottom:case menuTop:cell=(this.menuMargin!=0)?2*i:i;cell=(this.menuAlign==menuRight)?(cell+1):cell;with(_getObj(this.id_cpt).rows[0].cells[cell].style)
{with(this.styleOff)
{backgroundColor=$background_color;fontFamily=$font_family;fontStyle=$font_style;fontWeight=$font_weight;fontSize=$font_size;color=$font_color;borderStyle=$border_style;borderColor=$border_color;borderLeftWidth=((i>tab)&&(this.menuMargin==0))?"0px":$border_size;borderRightWidth=((i<tab)&&(this.menuMargin==0))?"0px":$border_size;padding=$padding;}
if(this.menuDirection==menuBottom)
{borderBottomWidth=this.styleOff.$border_size;borderTopStyle=this.styleOn.$border_style;borderTopWidth=this.styleOn.$border_size;borderTopColor=this.styleOn.$border_color;}
else
{borderTopWidth=this.styleOff.$border_size;borderBottomStyle=this.styleOn.$border_style;borderBottomWidth=this.styleOn.$border_size;borderBottomColor=this.styleOn.$border_color;}}
break;}
_getObj(this.tabs[i].id_tab).style.display="none";}}
if(!this.parentDivId)
return;if(this.parentDivId=='onglets_princ'){switch(this.tabs[tab].tabCaption){case'<h2>Votre site Internet</h2>':{with(window.parent){SelectTab2ndLevel(0);SetContent('creation_sites.htm');ShowFloatingIframe();}
break;}
case'<h2>Cartes dynamiques</h2>':{with(window.parent){SetContent('webmapping.htm');HideFloatingIframe();}
break;}
}}else
if(this.parentDivId=='onglets_creation_sites'){switch(this.tabs[tab].tabCaption){case'Bienvenue':{rubriqueSrc='accueil.htm';break}
case'Les points forts':{rubriqueSrc='points_forts.htm';break}
case'Compétences':{rubriqueSrc='competences.htm';break}
case'Références':{rubriqueSrc='references.htm';break}
case'Politique qualité':{rubriqueSrc='politique_qualite.htm';break}
case'Votre budget ?':{rubriqueSrc='budget.htm';break}
case'Qui suis-je ?':{rubriqueSrc='qui_sommes_nous.htm';break}
case'Contact':{rubriqueSrc='contact.htm';}}
window.parent.SetContent(rubriqueSrc);}}
var tab_t={tabId:0,id_tab:1,tabCaption:2,tabContent:3,parentMenu:4,parentMenuId:5};function tab(caption,content)
{this.tabId=this.tabs.length;this.id_tab=this.id_cnt+this.tabId;this.tabCaption=caption;this.tabContent=content;this.parentMenuId=this.menuId;this.parentMenu=this;this.tabs[this.tabId]=new Array();var i;for(i in tab_t)
this.tabs[this.tabId][i]=this[i];return this.id_tab;}
function updateTab(id,content)
{for(var i=0;i<this.tabs.length;i++)
{if(this.tabs[i].id_tab==id)
{var num=i;break;}}
_getObj(this.tabs[num].id_tab).innerHTML=content;}
function tsmLoadAll()
{var i=0,l=0,j,k,m;var alreadyOutList=new Array(),alreadyOut;var elt;while((i!=tsm.length)&&(l<=Math.pow(tsm.length,2)))
{for(j=0;j<tsm.length;j++)
{if(_getObj(tsm[j].parentDivId))
{alreadyOut=false;for(k=0;k<alreadyOutList.length;k++)
{if(alreadyOutList[k]==tsm[j].menuId)
{alreadyOut=true;break;}}
if(!alreadyOut)
{_getObj(tsm[j].parentDivId).innerHTML=tsm[j].html;alreadyOutList[k+1]=tsm[j].menuId;}}
l++;}}
for(i=0;i<tsm.length;i++)
{with(tsm[i].styleOn)
{switch(tsm[i].menuDirection)
{case menuLeft:case menuRight:with(_getObj(tsm[i].id_cnt).rows[0].cells[0].style)
{backgroundColor=$background_color;fontFamily=$font_family;fontStyle=$font_style;fontWeight=$font_weight;fontSize=$font_size;color=$font_color;borderStyle=$border_style;borderColor=$border_color;borderTopWidth=$border_size;borderLeftWidth=(tsm[i].menuDirection==menuLeft)?'0px':$border_size;borderRightWidth=(tsm[i].menuDirection==menuLeft)?$border_size:'0px';borderBottomWidth=$border_size;padding=$padding;}
elt=_getObj(tsm[i].id_cpt);for(j=0;j<elt.rows.length;j++)
{with(elt.rows[j].cells[0].style)
{backgroundColor="transparent";padding="0px";borderStyle=$border_style;borderColor=$border_color;borderTopWidth='0px';borderLeftWidth=(tsm[i].menuDirection==menuLeft)?'0px':$border_size;borderRightWidth=(tsm[i].menuDirection==menuLeft)?$border_size:'0px';borderBottomWidth='0px';}}
break;case menuTop:case menuBottom:with(_getObj(tsm[i].id_cnt).rows[0].cells[0].style)
{backgroundColor=$background_color;fontFamily=$font_family;fontStyle=$font_style;fontWeight=$font_weight;fontSize=$font_size;color=$font_color;borderStyle=$border_style;borderColor=$border_color;borderTopWidth=(tsm[i].menuDirection==menuBottom)?$border_size:'0px';borderBottomWidth=(tsm[i].menuDirection==menuBottom)?'0px':$border_size;borderLeftWidth=$border_size;borderRightWidth=$border_size;padding=$padding;}
elt=_getObj(tsm[i].id_cpt).rows[0];for(j=0;j<elt.cells.length;j++)
{with(elt.cells[j].style)
{backgroundColor="transparent";padding="0px";borderStyle=$border_style;borderColor=$border_color;borderTopWidth=(tsm[i].menuDirection==menuBottom)?$border_size:'0px';borderBottomWidth=(tsm[i].menuDirection==menuBottom)?'0px':$border_size;borderLeftWidth='0px';borderRightWidth='0px';}}
break;}}}
for(i=0;i<tsm.length;i++)
tsm[i].setFocus(tsm[i].menuSelectTab);}
function _getObj(id)
{return document.getElementById(id);}
function _extractSrcObj(id)
{var obj=document.getElementById(id),content=obj.innerHTML;obj.innerHTML="";return content;}
