﻿jQuery.fn.rater = function(options)
{
	var settings = {
		active    : true, //是否激活投票功能
		maxvalue  : 5,   //星星的个数
		curvalue  : 1,     //激活的星星个数
		style     : 'normal',  //默认样式(25px)
		alt       :['非常差','差','一般','满意','非常满意'],
		inputId   :null
	};
	//如果options有数值,复制给settings
	if(options) { jQuery.extend(settings, options); };

	var container = jQuery(this);
	jQuery.extend(container, { averageRating: settings.curvalue });

	//默认样式(25px)
	if(!settings.style || settings.style == null || settings.style == 'normal') {
		var raterwidth = settings.maxvalue * 25;
		var ratingparent = '<span class="inline-rating"><ul class="star-rating" style="width:'+raterwidth+'px"></ul></span>';
	}else if(settings.style == 'small') {//小星星(10px)
		var raterwidth = settings.maxvalue * 10;
		var ratingparent = '<span class="inline-rating"><ul class="star-rating small-star" style="width:'+raterwidth+'px"></ul></span>';
	}else if(settings.style == 'inline-normal') {//将投票插件添加在同一行(25px)
		var raterwidth = settings.maxvalue * 25;
		var ratingparent = '<span class="inline-rating"><ul class="star-rating" style="width:'
			+raterwidth+'px"></ul></span>';
	}else if(settings.style == 'inline-small') {//将投票插件添加在同一行(10px)
		var raterwidth = settings.maxvalue * 10;
		var ratingparent = '<span class="inline-rating"><ul class="star-rating small-star" style="width:'
			+raterwidth+'px"></ul></span>';
	}
	container.append(ratingparent);

	var starWidth, starIndex, listitems = '';
	var curvalueWidth = Math.floor(100 / settings.maxvalue * settings.curvalue);
	if(settings.active) { //允许投票
		for(var i = 0; i <= settings.maxvalue ; i++) {
			if (i == 0) { //创建激活的星星
				listitems+='<li class="current-rating" style="width:'+curvalueWidth+'%;" title="'
				+((settings.alt.length >= settings.curvalue)?settings.alt[settings.curvalue-1]:'')+'">'
				+settings.curvalue+'/'+settings.maxvalue+'</li>';
			} else {
				starWidth = Math.floor(100 / settings.maxvalue * i);
				starIndex = (settings.maxvalue - i) + 2;
				//'#'的作用是为了防止页面跳转,方便ajax应用
				listitems+='<li class="star"><a href="#'+i+'" title="'+((settings.alt.length >= i)?settings.alt[i-1]:'')
					+'" style="width:'+starWidth+'%;z-index:'+starIndex+'">'+i+'</a></li>';
			}
		}
	} else { //不允许投票
		listitems+='<li class="current-rating" style="width:'+curvalueWidth+'%;" title="'
				+((settings.alt.length >= settings.curvalue)?settings.alt[settings.curvalue-1]:'')+'">'
				+settings.curvalue+'/'+settings.maxvalue+'</li>';
	}
	container.find('.star-rating').append(listitems);
	//原来的js文件没有下面一行,我觉得应该加上.
	//container.find('.star-rating').append('</ul>1');

	//这一行的作用不清楚,如果不加的话会导致显示混乱
	container.find('.inline-rating').append('<span class="star-rating-result"></span>'); 
	//container.append('</span>');
	
	if(settings.active) { 
	
	    if(!!settings.inputId && settings.inputId != null) {
	        $('#'+settings.inputId).val(settings.curvalue);
	    }else{
	        container.find('.inline-rating').append('<input type="text" id="star_' + container.attr('id') + '" name="star_' + container.attr('id') + '" value="' + settings.curvalue + '" />');
	    }
	    container.find('.inline-rating').append('<label>'+((settings.alt.length >= settings.curvalue)?settings.alt[settings.curvalue-1]:'')+'</label>');	
	
	
	    var stars = jQuery(container).find('.star-rating').children('.star');//获得所有的.star
	    stars.click(function()
	    {
		    raterValue = jQuery(this).children('a')[0].href.split('#')[1];
		    //在这里可以进行具体的操作,比如说调用ajax方法等.这里只是弹出了所选的按钮值,
		    //然后不再允许投票
		    container.find('.star-rating').remove();
		    container.find('.inline-rating').remove();
		    container.find('label').remove();
		    container.rater({active:true,maxvalue:settings.maxvalue,curvalue:raterValue,style:settings.style,inputId:settings.inputId});
		    settings.curvalue = raterValue;
		    if(!!settings.inputId && settings.inputId != null) {
	            $('#'+settings.inputId).val(raterValue);
	        }else{
		        $('#stars' + container.attr('id')).val(raterValue);
		    }
		    return false;
	    });
	    stars.mouseover(function()
	    {
	        raterValue = jQuery(this).children('a')[0].href.split('#')[1];
	        if(settings.alt.length >= raterValue){
	            container.find("label").text(settings.alt[raterValue-1]);
	        }else{
	            container.find('label').text('');
	        }
	    });
	    stars.mouseout(function()
	    {
	        if(settings.alt.length >= settings.curvalue){
	            container.find('label').text(settings.alt[settings.curvalue-1]);
	        }else{
	            container.find('label').text('');
	        }
	    });
	}
};
