﻿function rating()
{
    var path; //星星图片的文件夹   
    var starPath0; //空星星的图片名称，必须是gif   
    var starPath1; //实星星的图片名称   
    var divStarContainer; //加载星星的容器div，可以不是div      
    var txtStarNum; //显示评级数的文本框
    var starCount; //星星数
    var setCtrl;  //要设置的控件

    var myWord = new Array(5)
    myWord[0] = "不满意";
    myWord[1] = "不太满意";
    myWord[2] = "一般";
    myWord[3] = "满意";
    myWord[4] = "非常满意";

    this.init = function()
    {
        path = this.path;
        starPath0 = this.path0;
        starPath1 = this.path1; //设置图片路径      
        divStarContainer = this.divName;
        txtStarNum = this.txt;
        starCount = this.starCount;
        setCtrl = this.setCtrl;
        var div = document.getElementById(this.divName);
        div.onmouseout = function() { undoStar(this) }
        div.setAttribute("curStar", this.curStar);
        //alert(divStarContainer);      
        addStar();
        undoStar(div);
    }
    //向层中添加星星      
    function addStar()
    {
        var div = document.getElementById(divStarContainer);
        for (var i = 0; i < starCount; i++)
        {
            var img = document.createElement("img");
            img.src = path + starPath0;
            img.id = divStarContainer + "_star" + i;
            img.name = i + 1;
            img.style.cursor = "pointer";
            img.onmouseover = function() { changeStar(this.name) };
            img.onclick = function() { selectStar(this.name, setCtrl) };
            img.style.width = 14;
            img.style.height = 14;
            img.className = "fleft";
            img.title = myWord[i];
            div.appendChild(img);
        }
    }
    //改变星星，鼠标在上面移动的时候触发      
    function changeStar(num)
    {
        for (var i = 0; i < starCount; i++)
        {
            var img = document.getElementById(divStarContainer + "_star" + i);
            if (i < num)
            {
                img.src = img.src.replace(/\w*\.gif$/, starPath1);
            } else
            {
                img.src = img.src.replace(/\w*\.gif$/, starPath0);
            }
        }
        var txt = document.getElementById(txtStarNum);
        if (txt != null) { txt.value = num; }
    }
    //还原星星，鼠标离开容器的时候触发      
    function undoStar(div)
    {
        var num = div.getAttribute("curStar");
        for (var i = 0; i < starCount; i++)
        {
            var img = document.getElementById(divStarContainer + "_star" + i);
            if (i < num)
            {
                img.src = img.src.replace(/\w*\.gif$/, starPath1);
            } else
            {
                img.src = img.src.replace(/\w*\.gif$/, starPath0);
            }
        }
        var txt = document.getElementById(txtStarNum);
        if (txt != null) { txt.value = num; }
    }
    //选择星星，鼠标点击的时候触发      
    function selectStar(num,ctrl)
    {
        var div = document.getElementById(divStarContainer);
        div.setAttribute("curStar", num)
        var setCtrl = document.getElementById(ctrl);
        setCtrl.value = num;
    }
}  
