$(document).ready(function() {
	init_rating();
    $('div.rating/img').bind('click', submitRating);					   
});

function init_rating()
{
    var ratings = document.getElementsByTagName('div');
	var NUMBER_OF_STARS = 5
    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', '/img/common/rating_on.png');
                star.className = 'on';
                rating--;
            }
            else if(rating == 0.5)
            {
                star.setAttribute('src', '/img/common/rating_half.png');
                star.className = 'half';
                rating = 0;
            }
            else
            {
                star.setAttribute('src', '/img/common/rating_off.png');
                star.className = 'off';
            }
            var widgetId = ratings[i].getAttribute('id').substr(7);
            star.setAttribute('id', 'star_'+widgetId+'_'+j);
            star.onmouseover = new Function("evt", "displayHover("+widgetId+", "+j+");");
            star.onmouseout = new Function("evt", "displayNormal("+widgetId+", "+j+");");
			star.onclick = new Function("evt", "submitRating("+widgetId+", "+j+");");
            ratings[i].appendChild(star);
        } 
    }
	//$('img[@src$=.png]').ifixpng();
}


function displayHover(ratingId, star)
{
    for (var i = 0; i <= star; i++)
    {
        document.getElementById('star_'+ratingId+'_'+i).setAttribute('src', '/img/common/rating_over.png');
    }
	//$('img[@src$=.png]').ifixpng();
}

function displayNormal(ratingId, star)
{
    for (var i = 0; i <= star; i++)
    {
        var status = document.getElementById('star_'+ratingId+'_'+i).className;
        document.getElementById('star_'+ratingId+'_'+i).setAttribute('src', '/img/common/rating_'+status+'.png');
    }
	//$('img[@src$=.png]').ifixpng();
}


function submitRating(widgetId, starNbr)
{

   // var tmp = evt.target.getAttribute('id').substr(5);
   // var widgetId = tmp.substr(0, tmp.indexOf('_'));
   // var starNbr = tmp.substr(tmp.indexOf('_')+1);
    $.get("/rate.php",
       { ratingID: widgetId, value: starNbr},
       function(data){
         alert(data);
		 if (data == "Thank you for your rating"){
		 	window.location.reload( false );
		 }
       }
     );
}

function submitRatingOld(evt)
{

    var tmp = evt.target.getAttribute('id').substr(5);
    var widgetId = tmp.substr(0, tmp.indexOf('_'));
    var starNbr = tmp.substr(tmp.indexOf('_')+1);
    $.get("/rate.php",
       { ratingID: widgetId, value: starNbr},
       function(data){
         alert(data);
		 if (data == "Thank you for your rating"){
		 	window.location.reload( false );
		 }
       }
     );
}