<?xml version="1.0"?>  
<bindings xmlns="http://www.mozilla.org/xbl">  
	<binding id="item_filter" styleexplicitcontent="true">
		<implementation>
			<constructor>
			<![CDATA[
			var numstr = this.innerHTML;
			numstr = numstr.match(/[0-9]+/);
			if(numstr.length == null){
				return;
			}
			
			var num = parseInt(numstr[0]);

			var opstr = function(num){
				var minOpacity = 20; // makes opacity range from 20 to 100
				var range = 100 - minOpacity;

				opacity = num;
				
				// clip to within range
				if (opacity < 0) opacity = 0;
				if (opacity > 100) opacity = 100;
				
				
				// fix opacity to be from minOpacity to 100
				opacity *= (range/100);
				opacity += minOpacity;
				
				if(opacity > 100){
					opacity = 100;
				}
				
				opacity = Math.round(opacity);
				
				var opacity_str;
				
				if(opacity >= 100){
					opacity_str = '1.0';
				} else {
					opacity_str = '0.'+opacity;
				}
				return opacity_str;
			}

			this.parentNode.parentNode.setAttribute("style","opacity:"+opstr(num)+" !important;");
]]>
			</constructor>
		</implementation>
	</binding> 

</bindings>
