jQuery(document).ready(function(){
	//allow $ to be used within this set of functions
	var $ = jQuery.noConflict();
//===============================image swap out for wp front end pages===============================//

$.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;	
}

	});