Pastable version of Multiple jQuery Sliders & OpenLayers setOpacity methods

<pre class='prettyprint' language='javascript'>// First layer initialization with OpenLayers (removed 2 through 6 for cleanliness... but they are hii_2, hii_3,...,hii_6)
    hii_1 = new OpenLayers.Layer.MapServer(&quot;Land Cover&quot;,&quot;../../cgi-bin/mapserv.exe&quot;,{
        map:'C:/ms4w/Apache/htdocs/hii/hii_landcover.map'},{
        isBaseLayer:false,
        transparent:true,
        format:&quot;image/png&quot;,
        alpha:true,
        displayInLayerSwitcher:false
        });

// jQueryUI function for slider elements
    $(document).ready(function(){
    var sliders = $(&quot;#sliders .slider&quot;);

sliders.each(function() {
    var value = parseInt($(this).text()),
        availableTotal = 100;

$(function() {
        $(&quot;#one&quot;).slider({
            range: &quot;min&quot;,
            min: 0,
            value: 20,
            slide: function(event, ui) {

// Get current total
                var total = ui.value;

sliders.not(this).each(function() {
                    total += $(this).slider(&quot;option&quot;, &quot;value&quot;);
                });
                if (total &gt; availableTotal) {
                    return false;
                }
                hii_1.setOpacity(ui.value / 100);
                // Update display to current value
                $(this).siblings().text(ui.value);
            }
        });
        $(&quot;#two&quot;).slider({
            range: &quot;min&quot;,
            min: 0,
            value: 20,
            slide: function(event, ui) {

// Get current total
                var total = ui.value;

sliders.not(this).each(function() {
                    total += $(this).slider(&quot;option&quot;, &quot;value&quot;);
                });
                if (total &gt; availableTotal) {
                    return false;
                }
                hii_2.setOpacity(ui.value / 100);
                // Update display to current value
                $(this).siblings().text(ui.value);
            }
        });
        $(&quot;#three&quot;).slider({
            range: &quot;min&quot;,
            min: 0,
            value: 20,
            slide: function(event, ui) {

// Get current total
                var total = ui.value;

sliders.not(this).each(function() {
                    total += $(this).slider(&quot;option&quot;, &quot;value&quot;);
                });
                if (total &gt; availableTotal) {
                    return false;
                }
                hii_3.setOpacity(ui.value / 100);
                // Update display to current value
                $(this).siblings().text(ui.value);
            }
        });
        $(&quot;#four&quot;).slider({
            range: &quot;min&quot;,
            min: 0,
            value: 16,
            slide: function(event, ui) {

// Get current total
                var total = ui.value;

sliders.not(this).each(function() {
                    total += $(this).slider(&quot;option&quot;, &quot;value&quot;);
                });
                if (total &gt; availableTotal) {
                    return false;
                }
                hii_4.setOpacity(ui.value / 100);
                // Update display to current value
                $(this).siblings().text(ui.value);
            }
        });
        $(&quot;#five&quot;).slider({
            range: &quot;min&quot;,
            min: 0,
            value: 16,
            slide: function(event, ui) {

// Get current total
                var total = ui.value;

sliders.not(this).each(function() {
                    total += $(this).slider(&quot;option&quot;, &quot;value&quot;);
                });
                if (total &gt; availableTotal) {
                    return false;
                }
                hii_5.setOpacity(ui.value / 100);
                // Update display to current value
                $(this).siblings().text(ui.value);
            }
        });
        $(&quot;#six&quot;).slider({
            range: &quot;min&quot;,
            min: 0,
            value: 8,
            slide: function(event, ui) {

// Get current total
                var total = ui.value;

sliders.not(this).each(function() {
                    total += $(this).slider(&quot;option&quot;, &quot;value&quot;);
                });
                if (total &gt; availableTotal) {
                    return false;
                }
                hii_6.setOpacity(ui.value / 100);
                // Update display to current value
                $(this).siblings().text(ui.value);
            }
        });
    });
    });</pre>
<a href="http://www.refactormycode.com/codes/1977-multiple-jquery-sliders-openlayers-setopacity-methods" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://www.refactormycode.com/images/small_logo.gif" style="border:0" /></a>