//preload images
var rating_on = new Image();
rating_on.src = "http://www.smoothconnection.co.uk/Images/rating_on.jpg";

var rating_off = new Image();
rating_off.src = "http://www.smoothconnection.co.uk/Images/rating_off.jpg";

var rating_hover = new Image();
rating_hover.src = "http://www.smoothconnection.co.uk/Images/rating_hover.jpg";

function ratingOver(arrowNum, maxRating, songID, url)
{
    for (var i=1; i <= maxRating; i++)
    {
        if (arrowNum >= i)
        {
            //render active arrow
            document.getElementById('oDynRating' + songID + '_' + i).src = url + 'rating_hover.jpg';
        }
        else
        {
            //render off arrow
            document.getElementById('oDynRating' + songID + '_' + i).src = url + 'rating_off.jpg';
        }
    }
}

///swap the static rating arrows for the dynamic ones
function staticRatingOver(songID)
{
    document.getElementById('divRatingDynamic' + songID).style.display = "";
    document.getElementById('divRatingStatic' + songID).style.display = "none";
}

///and vice-versa
function dynRatingOut(songID)
{
    document.getElementById('divRatingDynamic' + songID).style.display = "none";
    document.getElementById('divRatingStatic' + songID).style.display = "";
}

function ratingClick(songID, rating, url)
{
    if (confirm('Are you sure you want to give this song a rating of ' + rating + '?'))
    {
        //do AJAX stuff
        var xmlHttp = ajaxFunction();
    
        xmlHttp.onreadystatechange = function()
        {
            if (xmlHttp.readyState == 4)
            {
                //document.getElementById('divThanks' + songID).innerHTML = xmlHttp.responseText;
                document.getElementById('divThanks' + songID).style.display = "";
            }
        }
        
        xmlHttp.open("GET", url + "ratesong.aspx?SongID=" + songID + "&Rating=" + rating, true);
        xmlHttp.send(null);
    }
}