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

    $.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() {
            if( --actions ) return;
			
            $img.attr({ src: src, alt: alt }).fadeTo( 1500, 1.0 );
			var ih = $('img#page_image').innerHeight(); 
			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();
			});
        }
    };
   
    $(function(){
        $('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;  
        });
    }); 
	
	//close button stuff
	
	$('a.multi_image_trigger').click(function(){
		$('#page_image').swapImg( this.href, this.title ); 
	});
	
	$('a#close_multi_trigger, a#page_image_trigger').click(function(){
		closeMulti(this);
	});
	
	
	function closeMulti(trigger){
		
		var ih = $('img#page_image').innerHeight(); 
		var wh = $('#page_image_wrapper').height()
			
		if (wh == 300)
		{
			$('#page_image_wrapper').animate({height: ih}, 1000, 'linear', function() {
				$(trigger).toggleClass('active');
			});
		}
		else
		{		
			//$(trigger).removeClass('active').slideUp(500);
			$('#page_image_wrapper').animate({height: 300}, 1000, 'linear', function() {
				$(trigger).toggleClass('active');
			});
			
		}
		return false;	
	}
});