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

function UTRating(ratingElementId, maxStars, objectName, formName, ratingMessageId, componentSuffix, size)
{
	this.ratingElementId = ratingElementId;
	this.maxStars = maxStars;
	this.objectName = objectName;
	this.formName = formName;
	this.ratingMessageId = ratingMessageId
	this.componentSuffix = componentSuffix

	this.starTimer = null;
	this.starCount = 0;

	if(size=='S') {
		UT_RATING_IMG      = 'images/star_sm.gif'
		UT_RATING_IMG_HALF = 'images/star_sm_half.gif'
		UT_RATING_IMG_BG   = 'images/star_sm_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);
	}

	function setMessage(starNum) {
		messages = new Array("Rate This", "Poor", "Just Ok", "Good", "Fantastic", "Awesome");
		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,id,u_id,typ) 
	{
        var st="";
		for(i=1;i<=starNum;i++)
		  st += "<img src='"+UT_RATING_IMG+"'>";
		for(i=starNum+1;i<=5;i++)
		  st += "<img src='"+UT_RATING_IMG_BG+"'>";
		document.getElementById('stars').innerHTML =st;
	    xmlHttpReq = getXmlHttpRequest();
		xmlHttpReq.onreadystatechange = function()
				{
					handleRating(xmlHttpReq);
				};
		xmlHttpReq.open("GET","rating.php?id="+id+"&u_id="+u_id+"&typ="+typ+"&rate="+starNum,true);
		//xmlHttpReq.open("GET","rating.php?id="+id+",true);
		xmlHttpReq.send(null);
//		postRating(this.formName, true, function (req) { replaceDivContents(req, ratingElementId); });*/
	}
 function handleRating(xmlHttpReq)
  {
   if (xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200)
      {
         res = xmlHttpReq.responseText;
	   }
  }


	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);
		  }
	}

	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;

}