/* fonction de vote : parametre -> #id de la <div> */

// pour chaque <div> contenant la classe .div-rate, on applique vote(div_id) avec [ vote($(this).attr('id')) ]

// chaque *note* est un <span> avec un background : - une image pour "allumé"
//											    	- une image pour "non-allumé"

function vote(div_id)
{

	var clic = false;
	
	$('#'+div_id+' span.rating').each(function()
	{	
		$(this).mouseover(function()
		{
			var test = false;
			$(this).css("background","url(../_css/star-j.gif)");
			$(this).addClass('onit');
			
			$('#'+div_id+' span.rating').each(function()
			{
				if($(this).hasClass('onit'))
				{
					test = true;
				}
				else if(!test)
				{
					$(this).css("background","url(../_css/star-j.gif)");
				}
				else if(test)
				{
					$(this).css("background","url(../_css/star-j-x.gif)");
				}
			});
			$(this).removeClass('onit');
		});
		
		
		$(this).mouseout(function()
		{
			if(!clic)
			{
				$('#'+div_id+' span.rating').css("background","url(../_css/star-j-x.gif)");
			}
			else
			{
				$('#'+div_id+' span.rating').each(function()
				{
					if($(this).hasClass('highlighted'))
					{
						$(this).css("background","url(../_css/star-j.gif)");
					}
					else
					{
						$(this).css("background","url(../_css/star-j-x.gif)");
					}
				});
			}
		});
		
		$(this).click(function()
		{
			$(this).addClass('count');
			var stop = false;
			var i = 0;
			$('#'+div_id+' span.rating').each(function()
			{
				$(this).removeClass('highlighted');
				if($(this).hasClass('count'))
				{
					$(this).addClass('highlighted');
					stop = true;
				}
				else if(!stop)
				{
					$(this).addClass('highlighted');
					i++;
				}
			});
			clic = true;
			$('#'+div_id+' label.value').text("( "+(i+1)+" )");
			$('#hid_'+div_id).val(i+1);
			$(this).removeClass('count');
		});
	});

};

$(document).ready(function()
{

	$('div.div-rate').each(function()
	{
		vote($(this).attr('id'));
	});
	
});