
function Rating(recipeid,bg,homepage) {
	
	this.numStars = 5;
	this.myRating = 0;
	this.recipeid = recipeid;
	
	this.bg =  bg;
	this.comment =  homepage;
		
	this.starON  = '/imgs/star_'+ this.bg +'_on.gif';
	this.starOFF = '/imgs/star_'+ this.bg +'_off.gif';
	
	this.defaultStars = new Array(6);
	this.defaultStars[0] ='';
	for (i=1;i<this.defaultStars.length;i++) this.defaultStars[i] = this.starOFF;

	this.star = 'star'+ this.recipeid.toString() + '_';
	
	this.starInit = starInit;
	this.starPreview = starPreview;
	this.starReset = starReset;
	this.starSave = starSave;
	this.starRender = starRender;

}



function starInit(initRating)
{
	this.starRender();
	for (var i=1; i<=initRating; i++) document.getElementById( this.star + i).src = this.starON;
	this.myRating = initRating;
}



function starPreview(ratingPos)
{	
	for (var i=1; i<=this.numStars; i++) document.getElementById( this.star + i).src = this.starOFF;
	  if (document.getElementById) {
	    for (var i=1; i<=ratingPos; i++) document.getElementById( this.star + i).src = this.starON;
	}
}

function starReset() 
{ 
	for (var i=1; i<=this.numStars; i++) document.getElementById( this.star + i).src = this.defaultStars[i];
	for (var i=1; i<=this.myRating; i++) document.getElementById( this.star + i).src = this.starON;
}

function starSave(ratingPos) 
{
	this.myRating = ratingPos;
	for (var i=1; i<=this.numStars; i++) this.defaultStars[i] = document.getElementById( this.star + i).src;
	
	//Do the AJAX thing
	url = "/ajax/set_rating.php";
	pars =  "&r="+ratingPos+"&r_id="+this.recipeid;
	var myAjax = new Ajax.Updater('ratingResults'+this.recipeid.toString(),url,{method: 'post', parameters: pars});
	return false;
}

function starRender(){

	var ui = "";	
	
	ui += '<div class="card_rate">';
	ui += '<table cellspacing="0" cellpadding="0" border="0" width="100%">';
	ui += '<tr><td>';	
	ui += '<img src="/imgs/type/rate_it_'+this.bg+'.gif" align="middle" alt="Rate it" />&nbsp;';
	
	for (var i=1; i<=this.numStars; i++) {
	ui += 	'<img src="'+ this.starOFF  +'" id="star'+ this.recipeid + '_' + i +'" class="star" align="middle" '+ 
			'onmouseover="rate'+ this.recipeid +'.starPreview('+ i +');"'+ 
			'onmouseout="rate'+ this.recipeid +'.starReset();"'+
			'onclick="rate'+ this.recipeid +'.starSave('+ i +');"'+
			'alt="Rate this '+ i +' stars out of '+ this.numStars +'" />';
	}
	
	ui += '</td>';
	ui += '<td align="right">';
	
	if (this.comment) { 
		ui += '<a href="/recipe/'+ this.comment +'/"><img src="/imgs/buttons/make_a_comment.gif" align="middle" alt="Make a comment" class="button"/></a>';
	} else {
		if (this.bg=='white') ui += '<img src="/imgs/buttons/view_measurement_options.gif" align="middle" alt="View Drink Measurement Options"  onclick="toggleDiv(\'measurement\')" class="button"/>';		
	}
	
	ui += '</td>';
	ui += '</tr>';
	ui += '<tr><td><div id="ratingResults'+ this.recipeid +'"></div></td><td>&nbsp;</td></tr>';
	ui += '</table>';
	ui += '</div>';
	
	document.write(ui);
}



/*
var numStars = 5;
var myRating = 0;

var defaultStars = new Array(5);

defaultStars[1] = '/imgs/star_white_off.jpg';
defaultStars[2] = '/imgs/star_white_off.jpg';
defaultStars[3] = '/imgs/star_white_off.jpg';
defaultStars[4] = '/imgs/star_white_off.jpg';
defaultStars[5] = '/imgs/star_white_off.jpg';

//function starInit(){
//for (var i=1; i<=myRating; i++)  document.getElementById('star_' + i).src = "/imgs/star_white_on.jpg";
//}

function starInit(initRating){
for (var i=1; i<=initRating; i++)  document.getElementById('star_' + i).src = "/imgs/star_white_on.jpg";
myRating = initRating;
}

function starPreview(ratingPos) {
for (var i=1; i<=numStars; i++)  document.getElementById('star_' + i).src = "/imgs/star_white_off.jpg";
  if (document.getElementById) {
    for (var i=1; i<=ratingPos; i++) document.getElementById('star_' + i).src = "/imgs/star_white_on.jpg";
  }
}

function starReset() {
for (var i=1; i<=numStars; i++) document.getElementById('star_' + i).src = defaultStars[i];
for (var i=1; i<=myRating; i++)  document.getElementById('star_' + i).src = "/imgs/star_white_on.jpg";
}

function starSave(ratingPos,r_id) {
myRating = ratingPos;
for (var i=1; i<=numStars; i++) defaultStars[i] = document.getElementById('star_' + i).src;

//Do the AJAX thing
url = "/ajax/set_rating.php";
pars =  "&r="+ratingPos+"&r_id="+r_id;
var myAjax = new Ajax.Updater('ratingResults',url,{method: 'post', parameters: pars});
return false;
}


*/