jQuery.fn.rating = function(url, options) { if(url == null) return; var settings = { url : url, // post changes to maxvalue : 5, // max number of stars curvalue : 0, // number of selected stars post_add : null,//product-id_layer enable : true }; if(options) { jQuery.extend(settings, options); }; settings.id=settings.post_add.split('_')[0]; settings.layer=settings.post_add.split('_')[1]; var container = jQuery(this); jQuery.extend(container, { averageRating: settings.curvalue, url: settings.url }); for(var i= 1; i <= settings.maxvalue ; i++){ var size = i var div = '
'+i+'
'; container.append(div); } var stars = $(this).children('.star'); stars .mouseover(function(){ if(settings.enable==true){ event.drain(); event.fill(this); } }) .mouseout(function(){ if(settings.enable==true){ event.drain(); event.reset(); } }) .focus(function(){ if(settings.enable==true){ event.drain(); event.fill(this); } }) .blur(function(){ if(settings.enable==true){ event.drain(); event.reset(); } }); stars.click(function(){ if(settings.enable==true && !readCookie("rating_"+settings.id+'_'+settings.layer)){ settings.curvalue = (settings.curvalue == 0) ? 1 : 0; $(this).toggleClass('on'); $v=jQuery(this).children('a')[0].href.split('#')[1]; jQuery.post(container.url, { "rating": $v ,"post": settings.post_add }); createCookie("rating_"+settings.id+'_'+settings.layer,"true",1); settings.curvalue=$v; event.drain(); event.reset(); } return false; }); var event = { fill: function(el){ var index = stars.index(el)+1; stars.children('a').css('width', '100%').end(); stars.slice(0, index).addClass('hover').end(); }, drain: function(){ stars.filter('.on').removeClass('on').end(); stars.filter('.hover').removeClass('hover').end(); }, reset: function(){ stars.slice(0, settings.curvalue).addClass('on').end(); } } event.reset(); return(this); }