/*
Author: Addam M. Driver
Date: 10/31/2006
*/

var sMax;    // Isthe maximum number of stars
var holder; // Is the holding pattern for clicked state
var preSet; // Is the PreSet value onces a selection has been made
var rated;

// Rollover for image Stars //
function rating(num)
{
    sMax = 0;    // Isthe maximum number of stars
    for(n=0; n<num.parentNode.childNodes.length; n++)
    {
        if(num.parentNode.childNodes[n].nodeName == "A")
        {
            sMax++;    
        }
    }
    
    if(!rated)
    {
        s = num.id.replace("_", ''); // Get the selected star
        a = 0;
        for(i=1; i<=sMax; i++)
        {
            if(i<=s)
            {
                document.getElementById("_"+i).className = "on";
                document.getElementById("rateStatus").innerHTML = num.title;    
                holder = a+1;
                a++;
            }
            else
            {
                document.getElementById("_"+i).className = "";
            }
        }
    }
}

// For when you roll out of the the whole thing //
function off(me)
{
    if(!rated)
    {
        if(!preSet)
        {
            for(i=1; i<=sMax; i++)
            {
                document.getElementById("_"+i).className = "";
                document.getElementById("rateStatus").innerHTML = me.parentNode.title;
            }
        }
        else
        {
            rating(preSet);
            document.getElementById("rateStatus").innerHTML = document.getElementById("ratingSaved").innerHTML;
        }
    }
}

// When you actually rate something //
function rateIt(me)
{
    if(!rated)
    {
        document.getElementById("rateStatus").innerHTML = document.getElementById("ratingSaved").innerHTML + " :: "+me.title;
        preSet = me;
        rated=1;
        sendRate(me);
        rating(me);
    }
}

// Send the rating information somewhere using Ajax or something like that.
function sendRate(sel)
{

    // open XMLHTTP connection
    xmlHttp = create_http_object();

    // connection open?
    if (!xmlHttp)
    {
        // display ERROR notice
        alert('Upgrade je browser, deze browser kan je stem niet plaatsen');
    }
    else
    {
        saveDate = new Date();
        var data = "imageid="  + encodeURI(document.getElementById("imageID").value) +
                   "&vote=" + sel.title;

        // when state is ready, do save
        xmlHttp.onreadystatechange = sendRatingPopup;
        // open url
        xmlHttp.open('POST', "http://preview.siteplaatjes.nl/imagevote.php?cache=" + saveDate.getTime(), true);

        // set headers before posting
        xmlHttp.setRequestHeader("Content-type",  "application/x-www-form-urlencoded");
        xmlHttp.setRequestHeader("Content-length", data.length);
        xmlHttp.setRequestHeader("Connection",    "close");

        // send data to server
        xmlHttp.send(data);
    }
}

function sendRatingPopup()
{
    // is readyState 4? 4 =  all data is received 
    if (xmlHttp.readyState == 4)
    {
        if (xmlHttp.status == 200)
        {
            // return data to xmlHttpCache variable
            alert(xmlHttp.responseText);
        }
    }
}