var sMax   ;  // Is the 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;   // Is the 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.attributes.alt.nodeValue;    
                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, val){
    if ( ! rated ){
        document.getElementById ("rateStatus").innerHTML = document.getElementById ("ratingSaved").innerHTML;
        preSet = me;
	// rated  = 1;   // Uncomment to disallow changing rating!
        sendRate (val);
        rating   (me);
    }
}

// Send the rating information somewhere using Ajax or something like that.
function sendRate (val){
    document.getElementById ('episode_rating').value = val;
}