Ползунок цен для Joom Shoping

Здравствуйте, имею сайт на Joomla 2.5 в связке с Joom Shoping 3.11.4. Хочу прикрутить ползунок цен нарыл в инете инфу как сделать подключил библиотеки

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/jquery-1.6.1.min.js"></script>

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/jquery.ui-slider.js"></script>

Далее сам скрипт

<script type="text/javascript">



	  jQuery(document).ready(function(){





/* слайдер цен */



jQuery("#slider").slider({

	min: 0,

	max: 1000,

	values: [0,1000],

	range: true,

	stop: function(event, ui) {

		jQuery("input#minCost").val(jQuery("#slider").slider("values",0));

		jQuery("input#maxCost").val(jQuery("#slider").slider("values",1));

		

    },

    slide: function(event, ui){

		jQuery("input#minCost").val(jQuery("#slider").slider("values",0));

		jQuery("input#maxCost").val(jQuery("#slider").slider("values",1));

    }

});



jQuery("input#minCost").change(function(){



	var value1=jQuery("input#minCost").val();

	var value2=jQuery("input#maxCost").val();



    if(parseInt(value1) > parseInt(value2)){

		value1 = value2;

		jQuery("input#minCost").val(value1);

	}

	jQuery("#slider").slider("values",0,value1);	

});



	

jQuery("input#maxCost").change(function(){

		

	var value1=jQuery("input#minCost").val();

	var value2=jQuery("input#maxCost").val();

	

	if (value2 > 1000) { value2 = 1000; jQuery("input#maxCost").val(1000)}



	if(parseInt(value1) > parseInt(value2)){

		value2 = value1;

		jQuery("input#maxCost").val(value2);

	}

	jQuery("#slider").slider("values",1,value2);

});







// фильтрация ввода в поля

	jQuery('input').keypress(function(event){

		var key, keyChar;

		if(!event) var event = window.event;

		

		if (event.keyCode) key = event.keyCode;

		else if(event.which) key = event.which;

	

		if(key==null || key==0 || key==8 || key==13 || key==9 || key==46 || key==37 || key==39 ) return true;

		keyChar=String.fromCharCode(key);

		

		if(!/\d/.test(keyChar))	return false;

	

	});





});

	</script>

Потом добавил нужный див

<div id="slider"></div>

но вылазит ошибка

TypeError: jQuery(...).slider is not a function

slide: function(event, ui){

Если выполнить код отдельно от джумлы все работает.

Кто знает что с этим делать, огромное спасибо за помощь.