function youga_clickstar(starnum)
{
    var yellowimg = "/icon/star_yellow.gif";
    var whiteimg = "/icon/star_empty.gif"
    var baseId = "yougastar";
    $('inputstar').value = starnum;
    for (var i=1; i<=5; i++)
    {
        if (i<=starnum)
        {
            $(baseId+i).src = yellowimg;
        }else
        {
            $(baseId+i).src = whiteimg;
        }
    }
}

function youga_hoverstar(starnum)
{
    youga_blurstar(starnum);

    var msgId = "starmsg";
    var baseId = "yougastar";
    var yellowimg = "/icon/star_yellow.gif";
    var whiteimg  = "/icon/star_empty.gif";
    var hoverimg  = "/icon/star_hover.gif";
    var greyimg   = "/icon/star_grey.gif";

    switch (starnum)
    {
        case 1:
            $(msgId).innerHTML = "不満多し";
            break;
        case 2:
            $(msgId).innerHTML = "イマイチ";
            break;
        case 3:
            $(msgId).innerHTML = "普通";
            break;
        case 4:
            $(msgId).innerHTML = "かなり良い";
            break;
        case 5:
            $(msgId).innerHTML = "お気に入り";
            break;
        default:
            break;
    }

    for (var i=1; i<=5; i++)
    {
        if (i<=starnum)
        {
            if ($(baseId+i).src!=yellowimg)
            {
                $(baseId+i).src = hoverimg;
            }
        }else
        {
            if ($(baseId+i).src!=whiteimg)
            {
                $(baseId+i).src = greyimg;
            }
        }
    }
}

function youga_blurstar(starnum)
{
    var msgId = "starmsg";
    $(msgId).innerHTML = "&nbsp;";
    
    var baseId = "yougastar";
    var yellowimg = "/icon/star_yellow.gif";
    var whiteimg  = "/icon/star_empty.gif";
    curstarnum = $("inputstar").value;
    for (var i=1; i<=5; i++)
    {
        if (i<=curstarnum)
        {
            $(baseId+i).src = yellowimg;
        }else
        {
            $(baseId+i).src = whiteimg;
        }
    }
}

function getElementPosition(elemID) 
{
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;

    while (offsetTrail) 
    {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }

    if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined") 
    {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}