var sArray = new Object;
sArray[0] = new Image;
sArray[0].src = 'img/icones/star/star00.gif';
sArray[1] = new Image;
sArray[1].src = 'img/icones/star/star_gris.gif';
sArray[2] = new Image;
sArray[2].src = 'img/icones/star/star1.gif';
sArray[3] = new Image;
sArray[3].src = 'img/icones/star/star1.gif';
sArray[4] = new Image;
sArray[4].src = 'img/icones/star/star1.gif';
sArray[5] = new Image;
sArray[5].src = 'img/icones/star/star1.gif';
sArray[6] = new Image;
sArray[6].src = 'img/icones/star/star_bleu.gif';

var starTimer;
function showStars(starNum) {
	clearStarTimer();
	zeroStars(starNum);
	greyStars();
	colorStars(starNum);
}

function colorStars(starNum) {
	for(var i=2; i <= starNum; i++) {
		var tmpStar = document.getElementById('star_' + i);
		tmpStar.src = sArray[starNum].src;
	}
}
function zeroStars(starNum) {
	for(var i=1; i <= starNum; i++) {
		var tmpStar = document.getElementById('star_' + i);
		tmpStar.src = sArray[0].src;
	}
}



function greyStars() {
	for (var i = 2; i < 7; i++) {
		var tmpStar = document.getElementById('star_' + i);
		tmpStar.src = sArray[1].src;
	}
}

function setStars(starNum) {
	clearStarTimer();
	var rating = document.getElementById('note');
	rating.value = starNum;
	showStars(starNum);
	$("span#txtnote").html(starNum-1+"/5");
}

function clearStars() {
	starTimer = setTimeout("resetStars()", 300);
}

function resetStars() {
	clearStarTimer();
	var rating = document.getElementById('note');
	if(rating.value != '') {
		setStars(rating.value);
	}
	 else {
		greyStars();
	}
}

function clearStarTimer() {
	if(starTimer) {
		clearTimeout(starTimer);
		starTimer = null;
	}
}

function replaceStars() {
	var str = '<a href="#" onmouseover="showStars(1);" onmouseout="clearStars();" onclick="setStars(1); return(false);"><img src="img/icones/star/star0.gif" id="star_1" border="0"></a>';
	for(var i = 2; i < 7; i++) {
		str+='<a href="#" title="dg" onmouseover="showStars('+i+');" onmouseout="clearStars();" onclick="setStars('+i+'); return(false);"><img src="img/icones/star/star_gris.gif" id="star_'+i+'" border="0"></a>';
	}
	document.getElementById('starRating').innerHTML = str;
}