$(document).ready(function(){

    function fetchCaptionHtml(id) {
        var closeButtonHtml = '<div style="text-align: right"><a href="#" id="hide" style="background-color: #fff;"><img src="images/icon_close.gif" border="0" alt="Close" /></a></div>';
        $.get('profiles/' +id+ '.html', {},
            function(data) { $('#profileBox').html(closeButtonHtml + data); }
        );
    }
	
	function showcaption() {
		$('#profileBox').fadeIn();
		return false;
	}

	function hidecaption() {
		$('#profileBox').hide();
		$('#profileBox').html('');
		return false;
	}

	$("div a#hide img").live('click', function() {
		hidecaption();
		return false;
	});
	
	$("#cc-nav a").click(function () {
		//alert(this.id);
		hidecaption();
		fetchCaptionHtml(this.id);
		showcaption();
		return false;
	});
});