jQuery.noConflict();

//--------STARS-------------------
var yellow_star_url = "/static/images/icons/Star.png";
var grey_star_url = "/static/images/icons/Star%20Grey.png";
var smiley_star_url = "/static/images/icons/Smiley%20Star%20Pink.png";
var star_rating = 0;

function select(count){ 
    /* called when user clicks on any star */
    star_rating = count;
    unhl();
    last_elem_id = '#star' + count;
    jQuery(last_elem_id).attr("src", yellow_star_url);
}

function hl(count){
    /* "highlight" selected stars (make them yellow) */
    for (var i = 1; i < count; i++) {
        elem_id = '#star' + i;
        jQuery(elem_id).attr("src", yellow_star_url);
    };
    last_elem_id = '#star' + count;
    jQuery(last_elem_id).attr("src", smiley_star_url);
}

function unhl(){
    /* unhighlight stars */
    for (var i = 1; i < star_rating + 1; i++) {
        elem_id = '#star' + i;
        jQuery(elem_id).attr("src", yellow_star_url);   
    };
    for (var i = star_rating + 1; i < 6; i++) {
        elem_id = '#star' + i;
        jQuery(elem_id).attr("src", grey_star_url);   
    };
}

function star_control_clear() {
    select(0);
}

function star_control_init() {
    /* set event handlers */
    for (var i = 1; i < 6; i++) {
        elem_id = '#star' + i;
        //jQuery(elem_id).attr('onMouseOver', 'hl(' + i + ');');
        //jQuery(elem_id).attr('onMouseOut', 'unhl(' + i + ');');
        //jQuery(elem_id).attr('onClick', 'select(' + i + ');');
        jQuery(elem_id).attr('src', grey_star_url);
    }; 
}
//--------END STARS-------------------