jQuery(function() {
                jQuery('#scroll-pane').css('overflow','hidden'); 
                var difference = jQuery('#scroll-content').height()-jQuery('#scroll-pane').height();
                if(difference>0)
                {
                        var proportion = difference / jQuery('#scroll-content').height();
                        var handleHeight = Math.round((1-proportion)*jQuery('#scroll-pane').height());
                        handleHeight -= handleHeight%2; 
                        jQuery("#scroll-pane").after('<\div id="slider-wrap"><\div id="slider-vertical"><\/div><\/div>');
                        jQuery("#slider-wrap").height(jQuery("#scroll-pane").height());
                        jQuery('#slider-vertical').slider({
                                orientation: 'vertical',
                                range: 'max',
                                min: 0,
                                max: 100,
                                value: 100,
                                slide: function(event, ui) {
                                        var topValue = -((100-ui.value)*difference/100);
                                        jQuery('#scroll-content').css({top:topValue});
                                }
                        });

                        jQuery(".ui-slider-handle").css({height:handleHeight,'margin-bottom':-0.5*handleHeight});
                        var origSliderHeight = jQuery("#slider-vertical").height();
                        var sliderHeight = origSliderHeight - handleHeight ;
                        var sliderMargin =  (origSliderHeight - sliderHeight)*0.5;
                        jQuery(".ui-slider").css({height:sliderHeight,'margin-top':sliderMargin});
                        jQuery(".ui-slider-range").css({top:-sliderMargin});
                }

        });

	jQuery(function() {
                jQuery('#scroll-pane-news').css('overflow','hidden');
                var difference = jQuery('#scroll-content-news').height()-jQuery('#scroll-pane-news').height();
                if(difference>0)
                {
                        var proportion = difference / jQuery('#scroll-content-news').height();
                        var handleHeight = Math.round((1-proportion)*jQuery('#scroll-pane-news').height());
                        handleHeight -= handleHeight%2; 
                        jQuery("#scroll-pane-news").after('<\div id="slider-wrap-news"><\div id="slider-vertical-news"><\/div><\/div>');
                        jQuery("#slider-wrap-news").height(jQuery("#scroll-pane-news").height());
                        jQuery('#slider-vertical-news').slider({
                                orientation: 'vertical',
                                range: 'max',
                                min: 0,
                                max: 100,
                                value: 100,
                                slide: function(event, ui) {
                                        var topValue = -((100-ui.value)*difference/100);
                                        jQuery('#scroll-content-news').css({top:topValue});
                                }
                        });
                        jQuery(".ui-slider-handle").css({height:handleHeight,'margin-bottom':-0.5*handleHeight});
                        var origSliderHeight = jQuery("#slider-vertical-news").height();
                        var sliderHeight = origSliderHeight - handleHeight ;
                        var sliderMargin =  (origSliderHeight - sliderHeight)*0.5;
                        jQuery(".ui-slider").css({height:sliderHeight,'margin-top':sliderMargin});
                        jQuery(".ui-slider-range").css({top:-sliderMargin});
                }

        });