var NUMBER_OF_STARS = 5;



function init_rating()

{

    var ratings = document.getElementsByTagName('div');

    for (var i = 0; i < ratings.length; i++)

    {

        if (ratings[i].className != 'rating')

            continue;

            

        var rating = ratings[i].firstChild.nodeValue;

        ratings[i].removeChild(ratings[i].firstChild);

        if (rating > NUMBER_OF_STARS || rating < 0)

            continue;

        for (var j = 0; j < NUMBER_OF_STARS; j++)

        {

            var star = document.createElement('img');

            if (rating >= 1)

            {

                star.setAttribute('src', 'http://www.modernecohomes.com/rating-system/images/leaf/rating_on.png');

                star.className = 'on';

                rating--;

            }/*

            else if(rating == 0.5)

            {

                star.setAttribute('src', 'http://www.modernecohomes.com/rating-system/images/leaf/rating_on.png');

                star.className = 'half';

                rating = 0;

            }*/

            else

            {

                star.setAttribute('src', 'http://www.modernecohomes.com/rating-system/images/leaf/rating_off.png');

                star.className = 'off';

            }

            var widgetId = ratings[i].getAttribute('id').substr(7);

            star.setAttribute('id', 'star_'+widgetId+'_'+j);
			star.setAttribute('title', ratings[i].getAttribute('title'));

            star.onmouseover = new Function("evt", "displayHover("+widgetId+", "+j+");");

            star.onmouseout = new Function("evt", "displayNormal("+widgetId+", "+j+");");

            ratings[i].appendChild(star);

        } 

    }

}



function displayHover(ratingId, star)

{

    for (var i = 0; i <= star; i++)

    {

        document.getElementById('star_'+ratingId+'_'+i).setAttribute('src', 'http://www.modernecohomes.com/rating-system/images/leaf/rating_over.png');

    }

}



function displayNormal(ratingId, star)

{

    for (var i = 0; i <= NUMBER_OF_STARS; i++)

    {

        var status = document.getElementById('star_'+ratingId+'_'+i).className;
		
		if (i > star) {
			status = "off";
		}

        document.getElementById('star_'+ratingId+'_'+i).setAttribute('src', 'http://www.modernecohomes.com/rating-system/images/leaf/rating_'+status+'.png');

    }

}

function updateDisplay(ratingId, star)

{
	
	/*for (var i = (star + 1); i <= NUMBER_OF_STARS; i++)
	
	{
		
		document.getElementById('star_'+ratingId+'_'+i).className = "off";
	
	}*/
	
	for (var i = 0; i <= star; i++)
	
	{
		
		document.getElementById('star_'+ratingId+'_'+i).className = "on";
	
	}
	
	displayNormal(ratingId, star);
	
}