jQuery(function(){
    var galleries = [];
    
    jQuery('.imageGallery').each(function(i){
        
        var gallery = {current:0, images:[]};
        
        var widest = 0;
        var highest = 0;
        
        jQuery(this).find('.image_galleries_images .image_galleries_image .image_galleries_image_title, .image_galleries_images .image_galleries_image .image_galleries_image_text').hide();
        
        jQuery(this).find('.image_galleries_images .image_galleries_image').css({float:'left', margin:'2px'}).each(
            function(k){
                var box = jQuery(this);
                var img = box.find('img').eq(0);
                var width = img.attr('width');
                var height = img.attr('height');
                
                var image = {
                    width:img.attr('width'),
                    height:img.attr('height'),
                    src:img.attr('src'),
                    alt:img.attr('alt'),
                    title:img.attr('title')
                };
                
                gallery.images.push(image);
                
                widest = Math.max(width,widest);
                highest = Math.max(height,highest);
                
                var ratio = width/height;
                var css = {
                    height:'70px',
                    width: parseInt(70*ratio,10)+'px',
                    cursor:'pointer'
                };
                img.css(css).click(function(evt){
                    clearInterval(slideShowInt);
                    changePic(i, k);
                });
            }
        );
        
        jQuery(this).find('.image_galleries_images').eq(0).prepend('<p id="imageGalleryZoom'+i+'" style="height:'+(highest+6)+'px; position:relative; border:1px solid #999; background-color:#ddd; text-align:center"><img style="display:none; border:1px solid #999;" alt="..." /><span style="display:none;background-color:#000; color:#fff;padding:3px; position:absolute; left:0;bottom:0"></span></p>');
        gallery.zoom = jQuery('#imageGalleryZoom'+i).eq(0);
        gallery.zoom_title = jQuery('#imageGalleryZoom'+i+' span').eq(0).width(gallery.zoom.innerWidth()-6).fadeTo(0,0.7);
        gallery.zoom_img = jQuery('#imageGalleryZoom'+i+' img').eq(0);        
        gallery.zoom_height = highest+6;

        gallery.zoom_img.load(function(evt){
            jQuery(this).fadeIn(500, function(){
                if(gallery.zoom_title.text())
                    gallery.zoom_title.slideDown(500);
            });
        });


        galleries[i] = gallery;        
        changePic(i,0);
        var slideShowInt = setInterval(function(){
            changePic(i, gallery.current+1);
        }, 5000);
        
    });
    
    
    function changePic(gallery_id, index){
        var gallery = galleries[gallery_id];
        gallery.current = index;
        if(gallery.current >= gallery.images.length)
            gallery.current = 0;
        gallery.zoom_title.slideUp(500, function(evt){
            gallery.zoom_img.fadeOut(500, function(){
                var img = gallery.images[gallery.current];
                var width = img.width;
                var height = img.height;
                var position = { 'margin-top':parseInt((gallery.zoom_height-height)/2,10)+'px' };            
                gallery.zoom_title.text(img.title);        
                jQuery(this).css(position).attr({src:img.src, alt:img.alt, title:img.title});            
            });
        });
        
        
    }

    
    
});