function getEvent() //同时兼容ie和ff的写   
  
{   
  
    if(document.all)   return window.event;   
  
    func=getEvent.caller;   
  
    while(func!=null){   
  
        var arg0=func.arguments[0];   
  
        if(arg0)   
  
        {   
  
            if((arg0.constructor==Event  || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))   
  
            {   
  
                return arg0;   
  
            }   
  
        }   
  
        func=func.caller;   
  
    }   
  
    return null;   
  
}   
  
  
  
function getMouseWithinX(){   
  
    e = getEvent();   
  
    var mouseX = 0;   
  
    var mouseY = 0;   
  
//Firefox 虽然 layerY 还不准，但至少 layerX 准了，现在只用横轴的值就够   
  
    if(navigator.userAgent.indexOf("Firefox")!=-1){   
  
        return e.layerX;   
  
    }   
  
    //IE 用 offsetX, offsetY 表示鼠标相对所在元素的位置   
  
    else{   
  
    return e.offsetX;   
  
    }   
  
}   
  
  
  
var page=   
  
{   
  
    $:function(el)   
  
    {   
  
        return document.getElementById(el);   
  
    },   
  
    starHover:function(obj)   
  
    {   
  
        var mousex = getMouseWithinX();   
  
        //当前对象的宽用 clientWidth   
  
        var intStar = Math.ceil(5 * (mousex / obj.clientWidth));   
  
        var widthStar = intStar * obj.clientWidth / 5;   
  
        var hover = obj.id+'_hover';    //由 HTML 固定写出显示星星的内部层了，其名字是外部层id加_hover   
  
        obj.title=intStar+'/5';   
  
        var objHover = this.$(hover);

		var message = document.getElementById('inputtext');
  
        objHover.className="ratingstar_hover";   
		
		if(intStar == "") {
			message.innerHTML = "Click to rate product";
		} 
		else if(intStar == 1) {
			 message.innerHTML= "Not Good";
		}
		else if(intStar == 2) {
			message.innerHTML = "Needs That Special Something";
		}
		else if(intStar == 3) {
			message.innerHTML = "Average, Ordinary";
		}
		else if(intStar == 4) {
			message.innerHTML = "That's Good Stuff";
		}
		else if(intStar == 5) {
			message.innerHTML = "Perfect. It doesn't get any better";
		}

        objHover.style.width = widthStar+'px';  //动态设置宽度要加上 px 字样！   
  
    },   
  
    starOut:function(obj, container)   
  
    {   
  
        //鼠标移出时读一下表单项中设定的值，根据那值固定下星星显示的情况   
  
        if(this.$(container))   
  
        var intStar = this.$(container).value;   
  
        var widthStar = intStar * obj.clientWidth / 5;   
  
        var hover = obj.id+'_hover';    //由 HTML 固定写出显示星星的内部层了，其名字是外部层id加_hover   
  
        var objHover = this.$(hover); 

		var message = document.getElementById('inputtext');
  
        objHover.className="ratingstar_set";  
		
		if(intStar == "") {
			message.innerHTML = "Click to rate product";
		} 
		else if(intStar == 1) {
			 message.innerHTML= "Not Good";
		}
		else if(intStar == 2) {
			message.innerHTML = "Needs That Special Something";
		}
		else if(intStar == 3) {
			message.innerHTML = "Average, Ordinary";
		}
		else if(intStar == 4) {
			message.innerHTML = "That's Good Stuff";
		}
		else if(intStar == 5) {
			message.innerHTML = "Perfect. It doesn't get any better";
		}
  
        objHover.style.width = widthStar+'px';  //动态设置宽度要加上 px 字样！   
  
    },   
  
    starSet:function(obj, container)   
  
    {   
  
        var mousex = getMouseWithinX(); 
		var message = document.getElementById('inputtext');
  
        var intStar = Math.ceil(5 * (mousex / obj.clientWidth));   
  
        var widthStar = intStar * obj.clientWidth / 5;   
  
        var hover = obj.id+'_hover';   
  
        var objHover = this.$(hover);   
  
        objHover.className="ratingstar_set";   
  
        objHover.style.width = widthStar+'px';  //动态设置宽度要加上 px 字样！   
  
        if(this.$(container))   
  
        this.$(container).value=intStar; 
		
		if(intStar == "") {
			message.innerHTML = "Click to rate product";
		} 
		else if(intStar == 1) {
			 message.innerHTML= "Not Good";
		}
		else if(intStar == 2) {
			message.innerHTML = "Needs That Special Something";
		}
		else if(intStar == 3) {
			message.innerHTML = "Average, Ordinary";
		}
		else if(intStar == 4) {
			message.innerHTML = "That's Good Stuff";
		}
		else if(intStar == 5) {
			message.innerHTML = "Perfect. It doesn't get any better";
		}
  
 }    
}