$(document).ready(function() {
    $('div.sliderGallery').each(function() {
        if ($('#_imageGallery li').length > 0)
        {
            var listItems = $('#_imageGallery li').length;
        }
        else
        {
            listItems = 0;
        }        
        listItems = listItems * 94;
        //alert(listItems);
        $('#_imageGallery').css({ width: listItems + "px"});         
        var ul = $('ul', this);       
        var listWidth = ul.innerWidth() - $(this).outerWidth();
        //alert(listWidth);
        var slider = $('.ui-slider').slider(
        {
            min:0,
            max:100,
            handle:'.ui-slider-handle'
        });        
        $('.ui-slider').slider().bind('slide', function(event, ui) {
            var position = $('.ui-slider').slider('value');
            position = (position/100)  * listWidth;
            $('#_imageGallery').css('left', '-' + position + 'px');
        });
        $('.ui-slider').slider().bind('slidechange', function(event, ui) {
            var position = $('.ui-slider').slider('value');
            position = (position/100)  * listWidth;
            $('#_imageGallery').animate({ 'left': '-' + position + 'px' }, 'fast');
        });      
    });
    
    $('div.sliderImages').each(function() {
        if ($('.imageGallery_agent li').length > 0)
        {
            var listItems = $('.imageGallery_agent li').length;
            //alert(listItems);
        }
        else
        {
            listItems = 0;
        }        
        listItems = listItems * 95;
        //alert(listItems);
        $('.imageGallery_agent').css({ width: listItems + "px"});         
        var ul = $('ul', this);       
        var listWidth = ul.innerWidth() - $(this).outerWidth();
        //alert(listWidth);
        var slider = $('.ui-slider2').slider(
        {
            min:0,
            max:100,
            handle:'.ui-slider-handle2'
        });        
        $('.ui-slider2').slider().bind('slide', function(event, ui) {
            var position = $('.ui-slider2').slider('value');
            position = (position/100)  * listWidth;
            $('.imageGallery_agent').css('left', '-' + position + 'px');
        });
        $('.ui-slider2').slider().bind('slidechange', function(event, ui) {
            var position = $('.ui-slider2').slider('value');
            position = (position/100)  * listWidth;
            $('.imageGallery_agent').animate({ 'left': '-' + position + 'px' }, 'fast');
        });      
    });
});