scrollbar = $(".content-slider").slider({
 animate: true,
 slide:function(event, ui){
 if( scrollContent.width() > scrollPane.width() )
 { 
 scrollContent.css('margin-left', -1 + Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px'); 
 //moveFixedClones(200);
 moveFixedClones(1 - Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )));
 }
 else 
 { 
 scrollContent.css('margin-left', 0); 
 }
 //alert(ui.value);
 scrollbar.each(function(index){
 $(this).slider("value", ui.value);
 });
 }


 });

The error is '$(".content-slider").slider is not a function'

I have <script language="javascript" src="/script/jquery-ui-1.8.custom.min.js" ></script> at the top of my page , i thought this script would load the slider function

PLease let me know what i am doing wrong

Thanks In Advance