/*

----------------------------------------
			Utilisation :
----------------------------------------

<head>
<style type="style/css">
div.onglet {
	height:22px;
	border-bottom: 1px solid #DCD2C9;
	margin : 5px 7px 0 0;
	cursor: pointer;
}
	div.onglet li {
		background-color : #F3EFEC;
		min-width: 50px;
		float: left;
		text-align:center;
		border-width: 1px; 
		border-style: solid ; 
		border-color: #DCD2C9;
		padding: 1px 8px 2px 8px;
		margin : 0 5px 0 0;
	}
		div.onglet li.onglets_current {
			background-color : #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
		}
		
		div.onglet li.onglets_before {
		}
		
		div.onglet li a {
			text-decoration:none !important;
			color: #8A755F !important;
			font-weight: bold ;
   }
</style>

</head>

<body>
<div class="onglet">
  <ul><li id="rssfeeds0" class="onglets_before" onclick="switch_to(0,'rssfeeds','rssfeedsDivs');"><div><a>Aff OK 1</a></div></li>
      <li id="rssfeeds1" class="onglets_current" onclick="switch_to(1,'rssfeeds','rssfeedsDivs');"><div><a>Aff OK 2</a></div></li>
      <li id="rssfeeds2" class="onglets_current" onclick="switch_to(2,'rssfeeds','rssfeedsDivs');"><div><a>Aff OK 3</a></div></li></ul>
</div>
<div id="rssfeedsDivs0" style="display:'';">OK 1</div>
<div id="rssfeedsDivs1" style="display:none;">OK 2</div>
<div id="rssfeedsDivs2" style="display:none;">OK 3</div>
</body>

*/

// passe d'un onglet à l'autre
function switch_to(js_id,onglets_name,div_name) {
	style_actu="onglets_before";
	z=0;
	while (document.getElementById(onglets_name+z)) {
		onglet=onglets_name+z;
		div=div_name+z;
		if (z==js_id) {
			style_actu="onglets_after";
			document.getElementById(onglet).className="onglets_current";
			document.getElementById(div).style.display='';
		} else {
			document.getElementById(onglet).className=style_actu;
			document.getElementById(div).style.display='none';
		}
		z++;
	}
}
TabDiv=new Array();
function showDivByOnglets(IdDiv,IdTab) {
	for(i=0;i<(TabDiv[IdTab].length);i++)
	{	
		document.getElementById(TabDiv[IdTab][i]).style.display='none';
	}
	document.getElementById(IdDiv).style.display='';
}
