// JavaScript Document
<!--
function tamingselect()
{
	if(!document.getElementById && !document.createTextNode){return;}
	
	// Classes for the link and the visible dropdown
	var ts_selectclass='turnintodropdown'; 	// class to identify selects
	var ts_listclass='turnintoselect';		// class to identify ULs
	
	var ts_boxclass='dropcontainer'; 		// parent element
	var ts_triggeron='activetrigger'; 		// class for the active trigger link
	var ts_triggeroff='trigger';			// class for the inactive trigger link
	var ts_dropdownclosed='dropdownhidden'; // closed dropdown
	var ts_dropdownopen='dropdownvisible';	// open dropdown
	
	/*
		Turn all selects into DOM dropdowns
	*/
	var count=0;
	var toreplace=new Array();
	var sels=document.getElementsByTagName('select');
	for(var i=0;i<sels.length;i++){
		if (ts_check(sels[i],ts_selectclass))
		{
			var hiddenfield=document.createElement('input');
			hiddenfield.name=sels[i].name;
			hiddenfield.type='hidden';
			hiddenfield.id=sels[i].id;
			hiddenfield.value=sels[i].options[0].value;
			sels[i].parentNode.insertBefore(hiddenfield,sels[i])
			var trigger=document.createElement('a');
			ts_addclass(trigger,ts_triggeroff);
			// Code Additionnel : ELEMENTS POUR LA GESTION DU MENU
			trigger.id='trigger' + count;
			// Fin Code Additionnel
			trigger.href='#';
			trigger.onclick=function() {
				// Code Additionnel : ELEMENTS POUR LA GESTION DU MENU
				triggerClick(this.id);
				// Fin Code Additionnel
				return false;
			}
			trigger.appendChild(document.createTextNode(sels[i].options[0].text));
			sels[i].parentNode.insertBefore(trigger,sels[i]);
			var div=document.createElement('div');
			var replaceUL=document.createElement('ul');
			var replaceUL2=document.createElement('ul');
			var replaceUL3=document.createElement('ul');
			var replaceUL4=document.createElement('ul');
			for(var j=0;j<sels[i].getElementsByTagName('option').length;j++)
			{
				var newli=document.createElement('li');
				var newa=document.createElement('a');
				newli.v=sels[i].getElementsByTagName('option')[j].value;
				newli.elm=hiddenfield;
				newli.istrigger=trigger;
				// Code Additionnel : GESTION DE L'EVENEMENT AU CLIC
				newli.typeselect = hiddenfield.id;
				// Fin Code Additionnel
				newa.href='#';
				newa.appendChild(document.createTextNode(
				sels[i].getElementsByTagName('option')[j].text));
				newli.onclick=function(j){
					if (j>13) alert(j);
					this.elm.value=this.v;
					ts_swapclass(this.istrigger,ts_triggeron,ts_triggeroff);
					ts_swapclass(this.parentNode,ts_dropdownopen,ts_dropdownclosed);
					this.istrigger.firstChild.nodeValue=this.firstChild.firstChild.nodeValue;
					// Code Additionnel : GESTION DE L'EVENEMENT AU CLIC
					document.location.href = 'index.php?cPath=21&fCave=' + this.typeselect +'&cid=' + this.v;
					// Fin Code Additionnel
					return false;
				}
				newli.appendChild(newa);

				// Code Modifié
				if (j < 25) {
					replaceUL.appendChild(newli);
				} else if (j >= 25 && j < 50) {
					replaceUL2.appendChild(newli);
				} else if (j >= 50 && j < 75) {
					replaceUL3.appendChild(newli);
				} else if (j >= 75 && j < 100) {
					replaceUL4.appendChild(newli);
				}
				// Fin Code Modifié
			}
			ts_addclass(replaceUL,ts_dropdownclosed);
			ts_addclass(replaceUL,'column1');
			ts_addclass(replaceUL2,ts_dropdownclosed);
			ts_addclass(replaceUL2,'column2');
			ts_addclass(replaceUL3,ts_dropdownclosed);
			ts_addclass(replaceUL3,'column3');
			ts_addclass(replaceUL4,ts_dropdownclosed);
			ts_addclass(replaceUL4,'column4');
			div.appendChild(replaceUL);
			div.appendChild(replaceUL2);
			div.appendChild(replaceUL3);
			div.appendChild(replaceUL4);
			ts_addclass(div,ts_boxclass);
			sels[i].parentNode.insertBefore(div,sels[i])
			toreplace[count]=sels[i];
			count++;
		}
	}
	
/*
	Turn all ULs with the class defined above into dropdown navigations
*/	

	var uls=document.getElementsByTagName('ul');
	for(var i=0;i<uls.length;i++)
	{
		if(ts_check(uls[i],ts_listclass))
		{
			var newform=document.createElement('form');
			var newselect=document.createElement('select');
			for(j=0;j<uls[i].getElementsByTagName('a').length;j++)
			{
				var newopt=document.createElement('option');
				newopt.value=uls[i].getElementsByTagName('a')[j].href;	
				newopt.appendChild(document.createTextNode(uls[i].getElementsByTagName('a')[j].innerHTML));	
				newselect.appendChild(newopt);
			}
			newselect.onchange=function()
			{
				window.location=this.options[this.selectedIndex].value;
			}
			newform.appendChild(newselect);
			uls[i].parentNode.insertBefore(newform,uls[i]);
			toreplace[count]=uls[i];
			count++;
		}
	}
	for(i=0;i<count;i++){
		toreplace[i].parentNode.removeChild(toreplace[i]);
	}
	function ts_check(o,c)
	{
	 	return new RegExp('\\b'+c+'\\b').test(o.className);
	}
	function ts_swapclass(o,c1,c2)
	{
		var cn=o.className
		o.className=!ts_check(o,c1)?cn.replace(c2,c1):cn.replace(c1,c2);
	}
	function ts_addclass(o,c)
	{
		if(!ts_check(o,c)){o.className+=o.className==''?c:' '+c;}
	}
	
	// Code Additionnel : ELEMENTS POUR LA GESTION DU MENU
	function ts_setclass(o,c1)
	{
		o.className=c1;
	}
	function triggerClick(str) {	
		var tempid = '';
		var obj;
		for (var i = 0; i < count; i++) {
			tempid = 'trigger' + i;
			obj = document.getElementById(tempid);
			if (tempid == str) {
				ts_swapclass(obj,ts_triggeroff,ts_triggeron);
				ts_swapclass(obj.parentNode.getElementsByTagName('ul')[0],ts_dropdownclosed + ' column1',ts_dropdownopen + ' column1');
				ts_swapclass(obj.parentNode.getElementsByTagName('ul')[1],ts_dropdownclosed + ' column2',ts_dropdownopen + ' column2');
				ts_swapclass(obj.parentNode.getElementsByTagName('ul')[2],ts_dropdownclosed + ' column3',ts_dropdownopen + ' column3');
				ts_swapclass(obj.parentNode.getElementsByTagName('ul')[3],ts_dropdownclosed + ' column4',ts_dropdownopen + ' column4');
			} else {
				ts_setclass(obj,ts_triggeroff);
				ts_setclass(obj.parentNode.getElementsByTagName('ul')[0],ts_dropdownclosed + ' column1');
				ts_setclass(obj.parentNode.getElementsByTagName('ul')[1],ts_dropdownclosed + ' column2');
				ts_setclass(obj.parentNode.getElementsByTagName('ul')[2],ts_dropdownclosed + ' column3');
				ts_setclass(obj.parentNode.getElementsByTagName('ul')[3],ts_dropdownclosed + ' column4');
			}
		}
	}
	// Fin Code Additionnel
}

window.onload=function()
{
	tamingselect();
	// add more functions if necessary
}
-->