var NUMBER_OF_STARS = 5;

function update_rating(id, value){
	alert("update rating");
	value = parseFloat(value);
	var rating = parseFloat(value)+1;
	var ratingArr = document.getElementById("rating_"+id).lastChild.nodeValue;
	ratingArr = ratingArr.substr(2, 1000);
	alert("1 "+ratingArr);
    var total = parseInt(ratingArr)+1;
	alert("node value "+document.getElementById("rating_"+id).lastChild.nodeValue);
	alert("total"+total);
	alert("rating"+value);
	document.getElementById("rating_"+id).lastChild.nodeValue = "("+total+")";
	
	
	if (rating <= NUMBER_OF_STARS && rating >= 0){
		for (var j = 0; j < NUMBER_OF_STARS; j++)
		{
			document.getElementById("rating_"+id).removeChild(document.getElementById("rating_"+id).firstChild);//.nodeValue = "("+total+")";
		} 
	}
	document.getElementById("rating_"+id).firstChild.nodeValue = ("Thank you for voting.");
}


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;
		var numVotes = ratings[i].firstChild;
		ratings[i].removeChild(ratings[i].firstChild);
		var ratingArr = rating.split("/");
		rating = parseFloat(ratingArr[0]);
		//alert(rating);
       // 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.coloring-for-kids.com/imgs/stars/rating_on.gif');
                star.className = 'on';
                rating--;
            }
            else if(rating == 0.5)
            {
                star.setAttribute('src', 'http://www.coloring-for-kids.com/imgs/stars/rating_half.gif');
                star.className = 'half';
                rating = 0;
            }
            else
            {
                star.setAttribute('src', 'http://www.coloring-for-kids.com/imgs/stars/rating_off.gif');
                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+");");
            ratings[i].appendChild(star);
        } 
		numVotes.nodeValue = " ("+ratingArr[1]+")";
		ratings[i].appendChild(numVotes);
    }
}

function displayHover(ratingId, star)
{
    for (var i = 0; i <= star; i++)
    {
        document.getElementById('star_'+ratingId+'_'+i).setAttribute('src', 'http://www.coloring-for-kids.com/imgs/stars/rating_over.gif');
    }
}

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', 'http://www.coloring-for-kids.com/imgs/stars/rating_'+status+'.gif');
    }
}

function submitRating(evt)
{
	var tmp = evt.target.getAttribute('id').substr(5);
	var id = evt.target.getAttribute('id');
	var widgetId = tmp.substr(0, tmp.indexOf('_'));
	var starNbr = tmp.substr(tmp.indexOf('_')+1);
	$.get("http://www.coloring-for-kids.com/scripts/submitRating.php",
		  { ratingID: widgetId, value: starNbr},
		  	function(data){
				update_rating(widgetId, data);
			}
		  );
}

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