function monta_galeria(){	 
	var e = $( '.thumbinner:has(.thumbimage):has(.thumbcaption)' ) ;
	e.each(function() {
        var t = $(this);
        var img = t.find('.thumbimage')[0];
        var caption = t.find('.thumbcaption').text();
        caption = htmlspecialchars(strip(caption), true);
        imageinfo_list.push([caption, img.src, img.width, img.height]);
	});
	
 	captioned_images = imageinfo_list;
    var total = captioned_images.length;

    if (total < 1)
        return ''
    var n = captioned_image_index+1;
    var slideboxController = (total == 1) ? ' ' : '<div id="slideboxController" style="text-align: center; margin-bottom: 5px;">\
    <span style="font-size:90%; color:#444;" id="slidebox-status"><strong>'+n+'</strong> / <strong>'+total+'</strong></span>&#xA0;\
    <img width="21" height="15" border="0" src="/lib/images/prev_slide.gif" style="cursor: pointer;" onmouseout="this.src=\'/lib/images/prev_slide.gif\'" onmouseover="this.src=\'/lib/images/prev_slide_on.gif\'" onclick="goto_prev_slide()"/>\
    <img width="21" height="15" border="0" src="/lib/images/next_slide.gif" style="cursor: pointer;" onmouseout="this.src=\'/lib/images/next_slide.gif\'" onmouseover="this.src=\'/lib/images/next_slide_on.gif\'" onclick="goto_next_slide()"/>\
  </div>' ;
    
    var component = '<div id="slidebox">\
  ' + slideboxController + '\
  <div id="slidebox-content" class="thumbinner">\
    '+ pega_titulo(captioned_image_index) +'\
  </div>\
\
</div>    <!-- id="slidebox" -->';
	
 $( '#slide-images').prepend( component );
}

function pega_titulo(id){
    var this_captioned_image = captioned_images[id];
    var alt = this_captioned_image[0], src = this_captioned_image[1], width = this_captioned_image[2], height = this_captioned_image[3];
    var original_src = thumburl(src);
	
    if (width == 0) {     /// this is for stupid IE5.5+
        return '\
  <a href="'+original_src + '" target="_blank">\
    <img style="width: expression(this.width > '+captioned_image_max_width+' ? '+captioned_image_max_width+': true); max-width: '+captioned_image_max_width+';" id="slidebox-image-'+captioned_image_index+'"  border="0" class="thumbimage" src="'+src+'" alt="'+alt+'" />\
  </a>\
    <div class="thumbcaption">\
      '+alt+'\
    </div>' ;
    }	
	
    var r = width / captioned_image_max_width;
    if (r > 1.0) {
        width = captioned_image_max_width;
        height = Math.floor( height / r );
    }
	
    var html = '\
  <a href="' + original_src + '" target="_blank">\
    <img id="slidebox-image-'+captioned_image_index+'" width="'+width+'" height="'+height+'" border="0" class="thumbimage" src="'+src+'" alt="'+alt+'" />\
  </a>\
    <div class="thumbcaption">\
      '+alt+'\
    </div>' ;
	
	return html;	
}

function exibirimg(img,c){
	//img = '/images/thumb2.aspx?img=' + escape(img);
	jQuery.slimbox(img , c);
}

function thumburl(img) {
    if (thumb_image_fname_re.test(img)) {
        var pt = rfind(img, '/');
        if (pt > -1)
            img = img.substring(0, pt);
    }
    return img.replace( '/thumb/', '/' );
}

function set_captioned_image (captioned_image_index) {
    /// update "2 of 5"
    var status = '<strong>'+(captioned_image_index+1)+'</strong> / <strong>'+captioned_images.length+'</strong>' ;
    $('#slidebox-status').empty();
    $('#slidebox-status').append(status);
    
    var html = pega_titulo(captioned_image_index);
    $('#slidebox-content').empty();
    $('#slidebox-content').append(html);
}

function goto_prev_slide() {
    var total = captioned_images.length;
    if (total <= 0)
        return false;
    captioned_image_index = ((captioned_image_index-1) < 0) ? (total-1) : (captioned_image_index-1);
    set_captioned_image(captioned_image_index);
}

function goto_next_slide() {
    var total = captioned_images.length;
    if (total <= 0) 
        return false;
    captioned_image_index = (captioned_image_index+1) % total;
    set_captioned_image(captioned_image_index);
}