// change l'apparence des objets select!

// ------------------------
// Remplace une balise <select> par 
// 		<span class="select"><span>[texte du select]</span><select></span>
// Permet ensuite de styliser tout ça comme on veut…

//$(document).ready(function() {
//	if (detecterCSS()) {
//		remplacerSelect();
//		}
//	});

$(document).ready(function() {

if (detecterCSS()) {
	
		if($.browser.msie && $.browser.version < 7){
			
		}else{
		remplacerSelect();
		};
		}
});

function remplacerSelect() {
	var listeSelect = $("select.sexify");
	for (var cpt=0; cpt<listeSelect.length; cpt++) {
		var conteneurSelect = document.createElement("span");
		conteneurSelect.className = "select";
		var fauxSelect = document.createElement("span");
		fauxSelect.id = "faux_"+listeSelect[cpt].id;
		fauxSelect.innerHTML = listeSelect[cpt].options[listeSelect[cpt].selectedIndex].text;
		var vraiSelect = listeSelect[cpt].cloneNode(true);
		conteneurSelect.appendChild(fauxSelect);
		conteneurSelect.appendChild(vraiSelect);
		listeSelect[cpt].parentNode.replaceChild(conteneurSelect, listeSelect[cpt]);
		
		vraiSelect.onchange = gererSelect;
		}
	}

function gererSelect() {
	document.getElementById("faux_"+this.id).innerHTML = this.options[this.selectedIndex].text;
	}

// détecte si les CSS sont activés
function detecterCSS() {
	var cssActives;
	var testCSS = document.createElement("div");
	document.getElementsByTagName("body")[0].appendChild(testCSS);
	testCSS.style.width = "1px";
	cssActives = testCSS.offsetWidth == 1 ? true : false;
	
	testCSS.parentNode.removeChild(testCSS);
	return cssActives;
	}