jQuery(document).ready(function(){
	//allow $ to be used within this set of functions
	var $ = jQuery.noConflict();

	if ($('img#page_image').length)
	{
		var ih = $('img#page_image').height(); 
		ih = (ih > 200) ? ih : 'auto'; 

		var wh = $('#page_image_wrapper').css('height', ih);		
	}

    $.fn.swapImg = function(src, alt)
	{
        var $img = this;
        var actions = 2;
        var img = $('<img id="page_image" src="' + src + '" />').load( next, function() {});

        $img.fadeTo(1, 0.0, next);
       
        function next() 
		{
            $img.attr({ src: src, alt: alt }).fadeTo( 1500, 1.0, function(){
				var ih = $('img#page_image').outerHeight(); 
				var wh = $('#page_image_wrapper').height();
	
				$('#page_image_wrapper').animate({height: ih}, 1000, 'linear', function() { 
					//call back instruction to hide the loader gif
					$("#loader").hide();
				});
				
			});
        } 
    };
   
	$('a.multi_image_trigger').click( function() {
		//show the loader gif									   
		$("#loader").show();
		//swap out the image
		$('#page_image').swapImg(this.href, this.title);
		return false;  
	});	

});