Rater = {
	maxRate: 5,
	currentRate: 0,

	init: function()
	{
		//add mouse handlers to stars images
		var imgs = document.getElementById('rate_stars').getElementsByTagName('img');
		var self = this;
		for(var ind=0; ind<imgs.length; ind++)
		{
			var elem = imgs[ind];

			//element events
			elem.onmouseover = function() {
				var i = 0;
				var id = this.id;
				var num = id.split("_")[1];
				//change stars
				for(i=0; i<num; i++){
					imgs[i].src = "/img/star_big_yellow.png";
				}
				for(i=num; i<imgs.length; i++)	{
					imgs[i].src = "/img/star_big_white.png";
				}
			}
			
			elem.onclick = function() {
				var id = this.id;
				var num = id.split("_")[1];
				//change stars
				for(i=0; i<num; i++){
					imgs[i].src = "/img/star_big_yellow.png";
				}
				for(i=num; i<imgs.length; i++){
					imgs[i].src = "/img/star_big_white.png";
				}
				self.currentRate = num;
			}
		}
		
		//show current rate
		document.getElementById('rate_stars').onmouseout = function()
		{
			for(i=0; i<self.currentRate; i++){
				imgs[i].src = "/img/star_big_yellow.png";
			}
			for(i=self.currentRate; i<imgs.length; i++)	{
				imgs[i].src = "/img/star_big_white.png";
			}
		}

	}
 };