$(function() {     
    if(Number(document.getElementById("col3_content").style.width.replace(/px/g, "")) >  window.document.documentElement.clientWidth){
        document.getElementById("slider_container").style.display = "block";
        document.getElementById("col3").style.overflow = "hidden";
        $('#slider_bar').slider({ 
            handle: '#slider_handle', 
            minValue: 0,                    
            maxValue: document.getElementById("col3_content").style.width.replace(/px/g, "") - window.document.documentElement.clientWidth,  
            stop: function(e, ui) {      
                document.getElementById("col3_content").style.left = - Math.round((ui.value)) +"px";                    
            }, 
            slide: function(e, ui) { 
               document.getElementById("col3_content").style.left = - Math.round((ui.value)) +"px"; 
            } 
        });             
    }    
});