
function drawSlider(){
         var container = $('div.sliderGallery');
            var ul = $('ul', container);

            var itemsWidth = ul.innerWidth() - container.outerWidth();
            if(ul.innerWidth()+118<document.body.clientWidth)
              $('#slider_table', container).hide();
            else
              $('#slider_table', container).show();
            $('.slider', container).slider({
                min: 0,
                max: itemsWidth+ 115,
                value:0,
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1 + 115}, 500);
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1+ 115);
                }
            });
}
function drawSlider(){
         var container = $('div.sliderGallery');
            var ul = $('.sliderGallery ul');

            var itemsWidth = ul.innerWidth() - container.outerWidth();
            //alert(parseInt(ul.width())+parseInt(115)+" - "+document.body.clientWidth);
            if((ul.width())+(115)<parseInt(document.body.clientWidth))
              $('#slider_table').hide();
            else
              $('#slider_table').show();
            $('.slider', container).slider({
                min: 0,
                max: itemsWidth,
                value:0,
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1 }, 500);
                    var slider_pos=$(".ui-slider-handle").offset().left;
                    $("#container img").each( function(i){
                      if($(this).offset().left<slider_pos && (parseInt($(this).offset().left)+parseInt($(this).width())))   {
                        var src=$(this).attr("src").replace("images/t","images/");
                        swapImage( 'image1' , src );
                        }
                    });
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                    var slider_pos=$(".ui-slider-handle").offset().left;
                    $("#container img").each( function(i){
                      if($(this).offset().left<slider_pos && (parseInt($(this).offset().left)+parseInt($(this).width())))   {
                        //var src=$(this).attr("src").replace("images/t","images/");
                        //swapImage( 'image1' , src );
                        //alert();
                        $(this).mouseover();
                        }
                    });
                }
            });
            $('.ui-slider-handle').focus( function() {

            });
}