var UT_RATING_IMG = 'star.gif';
var UT_RATING_IMG_HOVER = 'star_hover.gif';
var UT_RATING_IMG_HALF = 'star_half.gif';
var UT_RATING_IMG_BG = 'star_bg.gif';
var UT_RATING_IMG_REMOVED = 'star_removed.gif';

function UTRating(ratingElementId, maxStars, objectName, formName, ratingMessageId, componentSuffix, pathToImages, ratingValueExplanation1, ratingValueExplanation2, ratingValueExplanation3, ratingValueExplanation4, ratingValueExplanation5)
{
	this.ratingElementId = ratingElementId;
	this.maxStars = maxStars;
	this.objectName = objectName;
	this.formName = formName;
	this.ratingMessageId = ratingMessageId;
	this.componentSuffix = componentSuffix;
	this.pathToImages = pathToImages;
	this.hoveractive = 0;
	this.ratingValueExplanation1 = ratingValueExplanation1;
	this.ratingValueExplanation2 = ratingValueExplanation2;
	this.ratingValueExplanation3 = ratingValueExplanation3;
	this.ratingValueExplanation4 = ratingValueExplanation4;
	this.ratingValueExplanation5 = ratingValueExplanation5;
	this.starTimer = null;
	this.starCount = 0;

	var UT_RATING_IMG      = this.pathToImages + 'star.gif';
	var UT_RATING_IMG_HALF = this.pathToImages + 'star_half.gif';
	var UT_RATING_IMG_BG   = this.pathToImages + 'star_bg.gif';
	
	// pre-fetch image
	(new Image()).src = UT_RATING_IMG;
	(new Image()).src = UT_RATING_IMG_HALF;

	function showStars(starNum, skipMessageUpdate) {
		this.clearStarTimer();
		this.greyStars();
		this.colorStars(starNum);
		if(!skipMessageUpdate)
			this.setMessage(starNum, this.ratingValueExplanation1, this.ratingValueExplanation2, this.ratingValueExplanation3, this.ratingValueExplanation4, this.ratingValueExplanation5);
	}

	function setMessage(starNum, ratingValueExplanation1, ratingValueExplanation2, ratingValueExplanation3, ratingValueExplanation4, ratingValueExplanation5) {
		messages = new Array("", ratingValueExplanation1, ratingValueExplanation2, ratingValueExplanation3, ratingValueExplanation4, ratingValueExplanation5);
		document.getElementById(this.ratingMessageId).innerHTML = messages[starNum];
	}

	function colorStars(starNum) {
		for (var i=0; i < starNum; i++)
			document.getElementById('star_'  + this.componentSuffix + "_" + (i+1)).src = UT_RATING_IMG;
	}

	function greyStars() {
		for (var i=0; i < this.maxStars; i++)
			if (i <= this.starCount)
				document.getElementById('star_' + this.componentSuffix + "_"  + (i+1)).src = UT_RATING_IMG_BG; // UT_RATING_IMG_REMOVED;
			else
				document.getElementById('star_' + this.componentSuffix + "_"  + (i+1)).src = UT_RATING_IMG_BG;
	}

	function setStars(starNum) {
		this.starCount = starNum;
		this.drawStars(starNum);
		document.forms[this.formName]['rating'].value = this.starCount;
		var ratingElementId = this.ratingElementId;
		this.hoveractive = 0
		//postForm(this.formName, true, function (req) { replaceDivContents(req, ratingElementId); });
	}


	function drawStars(starNum, skipMessageUpdate) {
		this.starCount=starNum;
		this.showStars(starNum, skipMessageUpdate);
	}

	function clearStars() {
		this.starTimer = setTimeout(this.objectName + ".resetStars()", 300);
	}

	function resetStars() {
		this.clearStarTimer();
  		if (this.starCount)
   			this.drawStars(this.starCount);
  		else{
			this.greyStars();
		this.setMessage(0, this.ratingValueExplanation1, this.ratingValueExplanation2, this.ratingValueExplanation3, this.ratingValueExplanation4, this.ratingValueExplanation5);
	}
	}
	
	function clearStarTimer() {
		if (this.starTimer) {
			clearTimeout(this.starTimer);
			this.starTimer = null;
		}
	}

	this.clearStars = clearStars;
	this.clearStarTimer = clearStarTimer;
	this.greyStars = greyStars;
	this.colorStars = colorStars;
	this.resetStars = resetStars;
	this.setStars = setStars;
	this.drawStars = drawStars;
	this.showStars = showStars;
	this.setMessage = setMessage;

}