$().ready(function(){
	$('[rel=expose]').click(function(){
		showExpose(this.id);
	})

	function showExpose(url) {
		var overlay = $('#overlay').length > 0 ? $('#overlay') : $('<div id="overlay"></div>').appendTo($('body'));
		var loader = $('#overlay').find('#loader').length > 0 ? $('#overlay').find('#loader') : $('<div id="loader"></div>').appendTo($(overlay));
		var exposer = $('#expose').length > 0 ? $('#expose') : $('<div id="expose"></div>').appendTo($('body'));
		overlay.hide()
		loader.fadeIn();

		exposer.load(base_path+'home/show/'+url, function() {
			location.hash = '#featured_'+url
			loader.fadeOut();
			exposer.fadeIn();
		});
	}

	if (location.hash.match(/^\#featured\_([a-zA-Z0-9\_\-].*)/)) {
		var url = location.hash.replace(/^\#featured\_/, '');
		showExpose(url);
	}
});

function closeExpose() {
	location.hash = '';
	var overlay = $('#overlay').length > 0 ? $('#overlay') : $('<div id="overlay"></div>').appendTo($('body'));
	var loader = $('#overlay').find('#loader').length > 0 ? $('#overlay').find('#loader') : $('<div id="loader"></div>').appendTo($(overlay));
	var exposer = $('#expose').length > 0 ? $('#expose') : $('<div id="expose"></div>').appendTo($('body'));
	exposer.fadeOut().queue(function(){$(this).remove()});
	overlay.fadeOut()
}