/*
Independent gradual slider for multiple objects.

<script language="JavaScript" src="ratings.js"></script>
<script language="JavaScript">
	maxRatings['starsArray']										= 5;
	calificative['starsArray']										= new Array('&nbsp', 'o stea', 'doua stele', 'trei stele', 'patru stele', 'cinci stele');
	ratingsImages['starsArray']									= new Array;
	ratingsImages['starsArray']['ratingImage']			= 'img/star.gif';
	ratingsImages['starsArray']['ratingImagePale']		= 'img/star_pale.gif';
	ratingsImages['starsArray']['ratingImageEmpty']	= 'img/star_empty.gif';
	
	drawRatings( "starsArray", 3, "nfo[stars]" )
</script>
<input type="hidden" name="nfo[stars]" value="3" id="nfo[stars]" />
*/

var calificativ			= new Array;
var ratingsImages	= new Array;
var calificative		= new Array;
var maxRatings		= new Array;
var clickableRat		= true;

maxRatings['stars']										= 5;
calificative['stars']							= new Array('&nbsp', '1', '2', '3', '4', '5');
ratingsImages['stars']							= new Array;
ratingsImages['stars']['ratingImage']			= _base+'img/stea_plina.gif';
ratingsImages['stars']['ratingImagePale']		= _base+'img/stea_plina.gif';
ratingsImages['stars']['ratingImageEmpty']		= _base+'img/stea_goala.gif';

function drawRatings( arrayName, rating, hiddenField )
{		
	rating = Number(rating);
	setImages( arrayName );
	document.write('<span onmouseout="reSetRating( \'' + arrayName + '\', \'' + hiddenField + '\' );this.style.color=\'black\';" onmouseover="this.style.color=\'red\';">');
	for ( i=1; i<=rating ; i++)
	{
		thisRating = ratingImage;
		if (clickableRat)
			document.write('<a href="javascript: setRating( \'' + arrayName + '\', ' + i + ', \'' + hiddenField + '\' );"><img onMouseOver="tempSetRating( \'' + arrayName + '\', ' + i + ', \'' + hiddenField + '\' );"  id="' + arrayName + '[' + i + ']" src="' + thisRating + '" alt="Rating: ' + rating + '" width="16" height="16" border="0" /></a>');
		else
			document.write('<img id="' + arrayName + '[' + i + ']" src="' + thisRating + '" alt="Rating: ' + rating + '" width="16" height="16" border="0" />');
		
	}

	for ( i=rating+1; i<=maxRating ; i++)
	{
		if (clickableRat)
			document.write('<a href="javascript: setRating( \'' + arrayName + '\', ' + i + ', \'' + hiddenField + '\' );"><img onMouseOver="tempSetRating( \'' + arrayName + '\', ' + i + ', \'' + hiddenField + '\' );" id="' + arrayName + '[' + i + ']" src="' + ratingImageEmpty + '" alt="Rating: ' + rating + '" width="16" height="16" border="0" /></a>');
		else
			document.write('<img id="' + arrayName + '[' + i + ']" src="' + ratingImageEmpty + '" alt="Rating: ' + rating + '" width="16" height="16" border="0" />');
	}
	
	document.write('</span>');
	//document.write('&nbsp;&nbsp;<div id="calificativ_' + hiddenField + '">' + calificativ[rating] + '</div>');
}

function tempSetRating( arrayName, rating, hiddenField, show )
{		
	setImages( arrayName );
	for ( i=rating; i<=maxRating ; i++)
	{			
		id = "'" + arrayName + "[" + i + "]'";
		imag = document.getElementById(eval(id));
		if (imag)
		{
			imag.src = ratingImageEmpty;		
			imag.alt = 'Set rating: ' + i;
		}
	}
	for ( i=1; i<=rating ; i++)
	{			
		id = "'" + arrayName + "[" + i + "]'";
		imag = document.getElementById(eval(id));
		imag.src = ratingImagePale;			
		imag.alt = 'Set rating: ' + i;
	}
	//document.getElementById("calificativ_" + hiddenField).innerHTML = calificativ[rating];

}

function reSetRating( arrayName,  hiddenField )
{		
	setImages( arrayName );
	rating = document.getElementById(hiddenField).value;		
	//document.getElementById("calificativ_" + hiddenField).innerHTML = calificativ[rating];
	
	for ( i=rating; i<=maxRating ; i++)
	{						
		id = "'" + arrayName + "[" + i + "]'";
		imag = document.getElementById(eval(id));
		if (imag) imag.src = ratingImageEmpty;					
	}
	for ( i=0; i<=rating ; i++)
	{			
		id = "'" + arrayName + "[" + i + "]'";
		imag = document.getElementById(eval(id));
		if (imag) imag.src = ratingImage;			
	}
}

function setImages( arrayName )
{
	ratingImage			= ratingsImages['stars']['ratingImage'];
	ratingImagePale		= ratingsImages['stars']['ratingImagePale'];
	ratingImageEmpty = ratingsImages['stars']['ratingImageEmpty'];
	calificativ = calificative['stars'];
	maxRating = maxRatings['stars'];
}

function setRating( arrayName, rating, hiddenField )
{
	tempSetRating( arrayName, rating, hiddenField );
	document.getElementById(hiddenField).value = rating;
	update_product_rating(arrayName.replace('starsArray_slider_', ''), rating);
}