// Function to links into container
function AJAXLoadFromList(LinkContainer,SourceBaseURL,SourceContainer,TargetContainer,TransitionTime) {
	
	// Loops through each child elements of the container to be linked
	$(LinkContainer).children().each(function(LinkIndex,LinkValue){
		
		// On clicking each element
		$(this).click(function() {
			
			// Get properties of the TargetContainer
			var TargetOffset = $(TargetContainer).offset();
			var TargetWidth = $(TargetContainer).width();
			var TargetHeight = $(TargetContainer).height();
			
			// Create loader element
			$(TargetContainer).prepend("<div id=\"ajax-loader\"></div>");
			
			// Apply CSS to loader element
			$("#ajax-loader").css({
				"position"		: "absolute",
				"top"			: TargetOffset.top,
				"left"			: TargetOffset.left,
				"width"			: TargetWidth,
				"height"		: TargetHeight,
				"z-index"		: "100",
				"background" 	: "url('/images/ajax-loader.gif') no-repeat center center #fff",
				"opacity"		: "0.9"
			});
			
			// Fade out Target DIV
			$(TargetContainer).animate({opacity: 1.0}, TransitionTime, function(){
							
				// Load into
				$(TargetContainer).after().load(SourceBaseURL + "/" + parseFloat(LinkIndex+1) + " " + SourceContainer, function(){
								
					// Fade in
					$(TargetContainer).animate({opacity: 1.0}, TransitionTime, function(){
					
					
						// Remove AJAX Loader DIV
						$("#ajax-loader").remove();
						
					});
					
				});
				

				
			});
		});
	});
}