function selectReplacement(obj,zindex) {

    obj.className += ' replaced';
    
	var ul = document.createElement('ul');
	ul.id = obj.id + '_replaced';
    ul.className = 'selectReplacement';
	ul.style.zIndex = zindex;
	ul.style.position = 'relative';
    
	var opts = obj.options;
	var optslength = opts.length;
	
	/*if( optslength == 1 && opts[0].text == '0' ) {
	
		var li = document.createElement('li');
		var txt = document.createTextNode(opts[0].text);
		
		li.appendChild(txt);
		
		if (window.attachEvent) {
			
			li.onmouseover = function() {
				this.className += ' hover';
			}
			li.onmouseout = function() {
				this.className = this.className.replace(new RegExp(" hover\\b"), '');
			}
				
		}
			
		ul.appendChild(li);
		
	}
	else {*/
		var i = 0;
		var selectedOpt = 0;
		for (i=0; i< optslength; i++) {
			if (opts[i].selected) {
				selectedOpt = i;
				break;
			} 
	   }
	   i = 0;
	
   
	   for (i=0; i< optslength; i++) {
	   
			var li = document.createElement('li');
			var txt = document.createTextNode(opts[i].text);
			
			li.appendChild(txt);
			li.selIndex = opts[i].index;
			li.selectID = obj.id;
			
			li.onclick = function() {
				selectMe(this);
			}
			
			if (i == selectedOpt) {
			
			  li.className = 'selected';
			  
			  li.onclick = function() {
			  
				this.parentNode.className += ' selectOpen';
				this.onclick = function() {
					selectMe(this);
				}
			  }
			}
			
			if (window.attachEvent) {
			
				li.onmouseover = function() {
					this.className += ' hover';
				}
				li.onmouseout = function() {
					this.className = this.className.replace(new RegExp(" hover\\b"), '');
				}
				
			}
			
			ul.appendChild(li);
		}
	//}
	
	obj.parentNode.appendChild(ul);

}
    
function selectMe(obj) {

	var lis = obj.parentNode.getElementsByTagName('li');
	
	for (var i=0; i<lis.length; i++) {
	
		if (lis[i] != obj) { 
			lis[i].className='';
			lis[i].onclick = function() {
				selectMe(this);
			}
		} 
		else {
			
			var idUL = obj.parentNode.id;
			var regQuantite = /^quantite_([0-9]+)_replaced$/;
			if(  regQuantite.test(idUL) ) {
				var num = regQuantite.exec(idUL);
				if( i != document.getElementById(obj.selectID).selectedIndex ) {
					submitForm(obj,num[1]);
				}
			}
			/*
			var regFormat = /^format_quantite_([0-9]+)_replaced$/;
			if( regFormat.test(idUL) ) {
				var num = regFormat.exec(idUL);
				var a = document.getElementById('a_format_quantite_'+num[1]);
				var new_url = a.href.substr(0,a.href.lastIndexOf('&')+3)+(i+1);
				a.href = new_url;
			}*/
			
			setSelectedIndex(obj.selectID, obj.selIndex);
			
			obj.className='selected';
			obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
			obj.onclick = function() {
				obj.parentNode.className += ' selectOpen';
				this.onclick = function() {
					selectMe(this);
				}
			}
		}
	}
}
	
function submitForm(obj,num) {
	var lis = obj.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) {
		if (lis[i] == obj) {
			document.getElementById('quantite_'+num).options[i].selected = true;
			document.getElementById('panier_'+num).submit();
		}
	  }
}
	
function setSelectedIndex(objID, selIndex) {
   var obj = document.getElementById(objID);
   obj.selectedIndex = selIndex;
}

function setForm() {
   var s = document.getElementsByTagName('select');
   var j = 100;
   for (var i=0; i<s.length; i++, j--) {
			selectReplacement(s[i],j);
   }
}
    
function closeSel(obj) {
      // close the ul
}