$(document).ready(function() {

	/* le nouveau select */
		// partie visible
		$("#prix").before('<div id="prixSelected"></div>');
		$("#prixSelected").append($("#prix>option:selected").text());
		// partie deroulante
		$("#prix").before('<ul id="prixUl" class="cache"></ul>');
		$("#prix>option").each(function() {
			$("#prixUl").append('<li title="'+$(this).val()+'">'+$(this).text()+'</li>');
		});
	/* l'ancien select */
		var strPrixValue = $("#prix>option:selected").val();
		$("#prix").remove();
		$("#prixUl").after('<input type="hidden" id="prix" name="prix" value="'+strPrixValue+'" />');
	/* gestion des evenements */
		// affichage partie déroulante
		$("#prixSelected").bind("click",function(event) {
			if($("#prixUl").is(":hidden")) {
				$("#prixUl").removeClass("cache");
				event.stopPropagation();
			}
		});
		// masquage partie déroulante
		$("body").bind("click",function() {
			if($("#prixUl").is(":visible"))
				$("#prixUl").addClass("cache");
		});
		// modification partie visible
		$("#prixUl>li").bind("click",function() {
			$("#prix").val($(this).attr("title"));
			$("#prixSelected").empty().append($(this).text()).click();
		});
		// rollover partie déroulante
		$("#prixUl>li").bind("mouseover",function() {
			$(this).addClass("mouseover");
		});
		$("#prixUl>li").bind("mouseout",function() {
			$(this).removeClass("mouseover");
		});

});
