$(document).ready(function(){

  /* Image load */

  $.fn.image = function(src, f){
        return this.each(function(){
                var i = new Image();
                        i.src = src;
                        i.onload = f;
                        this.appendChild(i);
                });
        }






  $('.ImageGallery').after('<div id="largeImage"></div>')
  $('.ImageGallery').after('<div id="slider"></div>')




  $('.ImageGallery').wrap('<div id="galleryScroll"></div>')
  $('.ImageGallery').width($('.ImageGallery img').length*125)
  

if(($('.ImageGallery img').length*125)-950 > 0)
   {
     $("#slider").slider({
        min: 0,
	max: ($('.ImageGallery img').length*125)-950,

        slide: function(event, ui) {
        $('#galleryScroll').scrollTo(ui.value);
    
      }
    })
  }


  $('.ImageGallery a').click(function(){
      var theImageSrc = $(this).attr('href');
 
     if ($('#largeImage img').length == 0)   
     {    $('#largeImage').html('<img src="" />')
          $('#largeImage img').load(
            function(){
              $(this).fadeIn('slow')
            })
      }


     $('#largeImage img').fadeOut('slow',function(){
       $('#largeImage img').attr('src',theImageSrc)
     })
    
     return false;

  })
  



})