function starRate()
{
	var mySelect = document.getElementsByTagName('select');
	var img;
	var imgs;
	var note;
	if (mySelect.length > 0) {
		for (var m = 0; m < mySelect.length; ++m) {
			mySelect[m].style.display = 'none';
							
			imgs = mySelect[m].parentNode.getElementsByTagName('img');
			var opt = mySelect[m].getElementsByTagName('option');
			for (var o = 0;  o < opt.length; ++o) {
				img = document.createElement('img');
				if (opt[o].selected) {
					for (o2 = 0; o2 < o; ++o2) {
						imgs[o2].setAttribute('src', 'design/ico-rate.png');
						imgs[o2].setAttribute('class', 'rate');
						imgs[o2].setAttribute('className', 'rate');
					}
					note = o+1;
					img.setAttribute('src', 'design/ico-rate.png');
					img.setAttribute('class', 'rate');
					img.setAttribute('className', 'rate');
				} else {
					img.setAttribute('src', 'design/ico-unrate.png');
				}
				img.setAttribute('alt', (o+1));
				img.setAttribute('title', 'Mettre '+(o+1)+' sur '+opt.length);
				mySelect[m].parentNode.appendChild(img);
				
				img.onmouseover = function()
				{
					imgs = this.parentNode.getElementsByTagName('img');
					for (var j = 0; j < imgs.length; ++j) {
						bool = j+1<=this.getAttribute('alt');
						imgs[j].setAttribute('src', (bool) ? 'design/ico-rate.png' : 'design/ico-unrate.png');
						imgs[j].setAttribute('class', (bool) ? 'rate' : '');
						imgs[j].setAttribute('className', (bool) ? 'rate' : '');
					}
				};
				
				img.onmouseout = function(e)
				{
					imgs = this.parentNode.getElementsByTagName('img');
					if (!e) var e = window.event;
					var tg = (window.event) ? e.srcElement : e.target;
					if (tg.nodeName == 'img') return;
					for (var j = 0; j < imgs.length; ++j) {
						bool = j+1<=note;
						imgs[j].setAttribute('src', (bool) ? 'design/ico-rate.png' : 'design/ico-unrate.png');
						imgs[j].setAttribute('class', (bool) ? 'rate' : '');
						imgs[j].setAttribute('className', (bool) ? 'rate' : '');
					}
				};
				
				img.onclick = function()
				{
					imgs = this.parentNode.getElementsByTagName('img');
					for (var j = 0; j < imgs.length; ++j) {
						bool = j+1<=this.getAttribute('alt');
						imgs[j].setAttribute('src', (bool) ? 'design/ico-rate.png' : 'design/ico-unrate.png');
						imgs[j].setAttribute('class', (bool) ? 'rate' : '');
						imgs[j].setAttribute('className',  (bool) ? 'rate' : '');
					}
					note = this.getAttribute('alt');
					option = this.parentNode.getElementsByTagName('select')[0].getElementsByTagName('option')[note-1];
					option.selected = true;
				};
			}
		}
	}
}

window.onload = function()
{
	starRate();
};

