﻿/*
  author : 蒋与杨
  blog   : http://www.holygrace.cn
  email  : young18.j@gmail.com
  Version: 1.1
  
  method:
   <span hg="star" val="40"></span>
   $("span[hg='star']").Star({
        img:["star1.gif","star2.gif","star3.gif","star4.gif"],
		enable:false
	 }
   )
   img:四种图片路径
   enable：是否可以选择；
   取值方法为：$("span[hg='star']").attr("val");
*/

/*
	Modified by LJ(http://www.juneshi.cn), 2007-11-9
*/
    
    
    jQuery.fn.extend({
            Star:function(options){
				
               // options = $.extend({img:["rate1.png","rate2.png"],enable:false},options);	
				
				//SelectedStar begin
			    function SelectedStar(star,v)
			    {   
			        if(star.children().length==0)
			        {
			            for(var i=1;i<=v;i++)
                        {
                            star.append("<img src='"+options.img[1]+"' val='"+i+"'/>");
                        };
			            for(var i=v+1;i<=5;i++)
                        {
                            star.append("<img src='"+options.img[0]+"' val='"+i+"'/>");
                        }
			        }
			        else
			        {
	
			            for(var i=1;i<=v;i++)
                        {
                           $(star.children()[i-1]).attr("src",options.img[1]);
                        };
			            for(var i=v+1;i<=5;i++)
                        {
                            $(star.children()[i-1]).attr("src",options.img[0]);
                        }

			        }
			    };
				//SelectedStar end
				
				//---------------------------
                return this.each(function(){
                    var star=$(this);
                    var starLevel=$.ToInt(star.attr("val"));                 
                    if(options.enable)
                    {
                        SelectedStar(star,starLevel);
                        
						var starImg = star.children();
                        
						starImg.mouseover(function(){
                            var selectVal=$.ToInt($(this).attr("val"));
                            SelectedStar(star,selectVal);
                        });
                        
						starImg.mouseout(function(){
                            SelectedStar(star,$.ToInt(star.attr("val")));
                        });
						
                        starImg.click(function(){
                            var selectVal=$.ToInt($(this).attr("val"));
                            SelectedStar(star,selectVal);
                            star.attr("val",selectVal);							
							//
							document.forms[0].rate.value = selectVal;
                        })
                    }
                    else
                    {
                        SelectedStar(star,starLevel);
                    }
					
                })
			   //---------------------
            }
        })