var $j = jQuery.noConflict();

$j(document).ready(function() {  
    $j('#mainImage ul').cycle({
        fx:     'fade',
        speed:   300,
        timeout: 6000,
        pause:   1,
    	pauseOnPagerHover: 1,
        pager:  '#main_navi ul',
	pagerAnchorBuilder: function(idx, fade) {
            return '<li><a href=#>&nbsp;</a></li>';
	}
    });
    
    $j('#content img[longdesc]').displayLarge('.container');
    
    $j('#bgVertBar').css({
    	height: $j(document).height() +20
    });
});


/**
 * display large image overlay
 */
(function($) {
 $.fn.displayLarge = function(container){
  $(this).hover(function(){
    //clean up, remove infowindow if present
    $('#imgOverlay').remove();
   
    $(container).append('<div id="imgOverlay"><div class="loadWindow">loading image...</div></div>');  
    var imgSrc = $(this).attr('longdesc');

    //preloader
    var imgBlank = new Image();
    $(imgBlank).load(function(){
       $('.loadWindow').remove();
       $('#imgOverlay').append('<img src="'+ imgSrc +'" />');
    }).attr('src', imgSrc );
  },function(){
       $('#imgOverlay').remove();
  });
 }
})(jQuery);