// JavaScript Document
function getAjax(url,id){

	$(id).innerHTML = '<br /><center><img src="../img/ajax-loader.gif" /></center>';
	var xhr_object = null;
	if(window.XMLHttpRequest) // Firefox
	xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject) // Internet Explorer
	xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		//return;
	}
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function() {
		if(xhr_object.readyState > 3)
		{
			$(id).innerHTML = xhr_object.responseText;
		}
	}
	xhr_object.send();
}

function f_rollover(id,etat){
	
	var reg=new RegExp("[ /;]+", "g");
	var tab = document.getElementById('menu_'+id).src.split(reg);
	
	if(etat == 'on'){
		document.getElementById('menu_'+id).src='media/img/menu/over/'+tab[tab.length-1];
	}
	if(etat == 'off'){
		document.getElementById('menu_'+id).src='media/img/menu/'+tab[tab.length-1];
	}
}

//global variables that can be used by all the functions on this page.
var selects;

function replaceSelects() {
	if (!document.getElementById('form_points')) {
		//get all the select fields on the page
	    selects = document.getElementsByTagName('select');
		
		//cycle trough the select fields
	    for(var i=0; i < selects.length; i++) {
		  if(document.getElementById("mySelect"+(i+1))){	
			var selectText = selects[i].options[0].text;
			//create and build div structure
			var selectArea = document.createElement('div');
			var left = document.createElement('div');
			var right = document.createElement('div');
			var center = document.createElement('div');
			var button = document.createElement('a');
			var text = document.createTextNode(selectText);
			center.id = "mySelectText"+i;
			button.href="javascript:showOptions("+i+")";
			selectArea.className = "selectArea_"+selects[i].className;
			selectArea.id = selects[i].name;
			left.className = "left";
			right.className = "right";
			center.className = "center";
			right.appendChild(button);
			center.appendChild(text);
			selectArea.appendChild(left);
			selectArea.appendChild(right);
			selectArea.appendChild(center);
			
			//hide the select field
	        selects[i].style.display='none'; 
			
			//insert select div
			selects[i].parentNode.insertBefore(selectArea, selects[i]);
			
			//build & place options div
			var optionsDiv = document.createElement('div');
			optionsDiv.className = "optionsDivInvisible";
			optionsDiv.id = "optionsDiv"+i;
			
			
			//get select's options and add to options div
			for(var j=0; j < selects[i].options.length; j++) {
				var optionHolder = document.createElement('p');
				var optionLink = document.createElement('a');
				var optionTxt = document.createTextNode(selects[i].options[j].text);
				optionLink.href = "javascript:showOptions("+i+"); selectMe('"+selects[i].id+"',"+j+","+i+");";
				optionLink.appendChild(optionTxt);
				optionHolder.appendChild(optionLink);
				optionsDiv.appendChild(optionHolder);
			}
			
			//insert options div
			document.getElementById(selects[i].name).appendChild(optionsDiv);
		  }
		}
	}
}

function showOptions(g) {
 
		elem = document.getElementById("optionsDiv"+g);
		if(elem.className=="optionsDivInvisible") {
			for(var i=0; i < selects.length; i++) {
			if(document.getElementById("optionsDiv"+i)){
				document.getElementById("optionsDiv"+i).className = "optionsDivInvisible";
			}
			if(document.getElementById(selects[i].name)){
				document.getElementById(selects[i].name).style.position = "static";
			}
			
			}
			elem.className = "optionsDivVisible";
			elem.parentNode.style.position="relative";
		}
		else if(elem.className=="optionsDivVisible") {elem.className = "optionsDivInvisible";}
}

function selectMe(selectFieldId,linkNo,selectNo) {
	
	//feed selected option to the actual select field
	selectField = document.getElementById(selectFieldId);
	for(var k = 0; k < selectField.options.length; k++) {
		if(k==linkNo) {
			selectField.options[k].selected = "selected";
		}
		else {
			selectField.options[k].selected = "";
		}
	}
	//show selected option
	textVar = document.getElementById("mySelectText"+selectNo);
	var newText = document.createTextNode(selectField.options[linkNo].text);
	textVar.replaceChild(newText, textVar.childNodes[0]);
}

//window.onload = replaceSelects;