/*
	JavaScript Include for Rating
*/

$j.scf.behavior.add('Rating', {
	autoAttach: ".sml_rating",
	
	attach: function(el, settings, jq){
		var sml = $j.scf.smartlet.get(el);
		var imageWidth = 16;
		
		$j("img.smlrating").attr("alt",$j("span.smlAboveAverage").attr("title"));
		
		if (!sml.get("voted")) {
			var buttons = jq.find("button.smlRating");
			buttons.removeClass("smlRatingNS");
			
			buttons.click(function(event){
				event.preventDefault();
				if (sml.get("voted")) return;
				sml.set("value", $j(this).scf.form.val());
				sml.ajax({
					busy: $j("#" + sml.id()),
					ready: function(o){
						buttons.remove();
						var feedback = $j("#" + sml.id() + " div.fieldset");
						var bar = feedback.append("<span class=\"smlAboveAverage\"></span>");
						var bar = bar.find("span.smlAboveAverage");
						
						var s = "Gemiddelde beoordeling: [average]";
						s = s.replace(/\[average\]/, sml.get("average").toPrecision(2));
						bar.attr("title",s);
						
						bar.css("width", (sml.get("scale") * imageWidth) + "px");
						bar.append("<span class=\"smlBelowAverage\"></span>");
						var avg = bar.find("span.smlBelowAverage");
						avg.css("width", (sml.get("average") * imageWidth) + "px");
						
						for(var i=1; i <= sml.get("value"); i++){
							avg.append("<img src='/Pub/Configuration/Web-Toolkit--SEO-items/WebToolkit/Rating/Rating-Smartlet-Includes/SelectStarpng.png' alt='" + s + "' />");
						}
						for(var i=sml.get("value") + 1; i <= sml.get("scale"); i++){
							avg.append("<img src='/Pub/Configuration/Web-Toolkit--SEO-items/WebToolkit/Rating/Rating-Smartlet-Includes/UnSelectStarpng.png' alt='" + s + "' />");
						}
						
						s = "U heeft deze pagina beoordeeld met een [value] uit [scale].";
						s = s.replace(/\[value\]/,sml.get("value"));
						s = s.replace(/\[scale\]/,sml.get("scale"));
						
						var jSlide = $j("<div />");
						
						feedback.append(jSlide);
						jSlide.hide();
						
						jSlide.append(s);
						
						jSlide.slideDown("slow");
					}
				});
			});
			
			buttons.mouseover(function(event){
				if (sml.get("voted")) return;
				var v = parseInt($j(this).scf.form.val());
				window.status = "rate: " + v;
				
				buttons.each(function(){
					if (parseInt($j(this).scf.form.val()) > v){
						$j(this).removeClass("smlRating_hover");
					} else {
						$j(this).addClass("smlRating_hover");
					}
				});
			});
		}
	}
});