$(document).ready(function() {
    $("#productReview_btn").click(function() {
        $(".black_overlay").css('display', 'block');
        $("#prodReviews").css('display', 'block');
    });

    $("#prodReviews .close").click(function() {
        $(".black_overlay").css('display', 'none');
        $("#prodReviews").css('display', 'none');
    });

    $('.review_average img').mousemove(function(e) {
        starid = $(this).attr('id');
    });

    $('.review_average img').click(function(e) {
        starid = $(this).attr('id');
    });
    
    });


var rating = -100;
var bgset = "0";
var xcoord = 0;
var starid;
function getCoords(event, el) {
    
 //   $('.review_average img').mousemove(function(e) {
   //     starid = $(this).attr('id');
       
    //});

    switch (starid) {
        case "star1":
            bgset = "-80"
          //  alert(bgset)
            break
        case "star2":
            bgset = "-60"
          //  alert(bgset)
            break
        case "star3":
            bgset = "-40"
           // alert(bgset)
            break
        case "star4":
            bgset = "-20"
            //alert(bgset)
            break
        case "star5":
            bgset = "0"
           // alert(bgset)
            break
        default:
            bgset = "-100"
            //alert(bgset)
            break
    } 
        

    el.style.backgroundPosition = bgset + "px 2px";


    document.getElementById("review_rating_value").innerHTML = Math.round((parseInt(bgset) + 100) / 20);
    //alert(el.style.backgroundPosition)
}

function setCoords(el) {
    
    
    
    switch (starid) {
    case "star1":
        rating = "-80"
        break
    case "star2":
        rating = "-60"
        break
    case "star3":
        rating = "-40"
        break
    case "star4":
        rating = "-20"
        break
    case "star5":
        rating = "0"
        break
    default:
        rating = "-100"
        break
    }
    
       // alert(rating);
   document.getElementById("hidden_rating").value = (parseInt(rating) + 100) / 20;
    
    //alert(document.getElementById("hidden_rating").value)

}

function restoreRating(el) {

    el.style.backgroundPosition = rating + "px 2px";
    document.getElementById("review_rating_value").innerHTML = Math.round((parseInt(rating) + 100) / 20);
}

function countLeft(id) {

    z = $(id).parent().get(0);
    if (z.tagName == "BODY") {
        return left1;
    }

    left1 = left1 + z.offsetLeft;
    alert(id.tagName + " " + z.tagName + " " + left1);
    countLeft(z)
    return left1
}