Разные ползунки в jQuery UI Slider

[peter888]

Здравствуйте!
Без лишней воды сразу к сути: надо сделать два разных ползунка (для левого одна картинка, для правого - другая) для этого скрипта: http://www.xiper.net/examples/js-plugins/ui/ui-slider/
Кто-то сталкивался с такой проблемой? Или может кто-то вдел где-то уже реализованный пример?
А то там общий стиль как для левого, так и для правого ползунка, и даже id у них нету, чтобы зацепится..
Помогите плиз..

[Deff]

peter888,
В низ страницы

<style>
#FirstA{ 
background: url(http://mybb.ru/f/collection/0213.gif) no-repeat transparent!important;
}
#LastA{ 
background: url(http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif) no-repeat transparent!important;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$("div.ui-slider").find("a.ui-slider-handle:first").attr("id","FirstA")
$("div.ui-slider").find("a.ui-slider-handle:last").attr("id","LastA")
})
</script>

[peter888]

<style>
#FirstA{ 
background: url(http://mybb.ru/f/collection/0213.gif) no-repeat transparent!important;
}
#LastA{ 
background: url(http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif) no-repeat transparent!important;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$("div.ui-slider").find("a.ui-slider-handle:first").attr("id","FirstA")
$("div.ui-slider").find("a.ui-slider-handle:last").attr("id","LastA")
})
</script>

Большое спасибо! То что надо.