/*
 * Copyright (c) 2008 Radley Yeldar
 */

selectedService = null;
selectedLocation = null;

$(document).ready(function() {

	$(".storyService").click(function(){
		$('.storyService.active').removeClass('active');
		$(this).addClass('active');
		id = $(this).attr("id");
		selectedService = id ? extractId(id) : null;
		loadStories();
		return false;
	});
	
	$(".storyLocation").click(function(){
		$('.storyLocation.active').removeClass('active');
		$(this).addClass('active');	
		id = $(this).attr("id");
		selectedLocation = id ? extractId(id) : null;
		loadStories();
		return false;
	});

});

function loadStories(){
	$("#story").html('<div id="indicator" class="nostories" style="display:none;"><br/><img src="/images/ajax_loading_indicator.gif"></div>');
	
	$("#story").loadWithIndicator('/stories_filter/', 
		{'locationId':selectedLocation, 'serviceId':selectedService},
		undefined, $('#indicator'));
}

function extractId(idString) {
	return idString.substring(idString.indexOf('_') + 1);
}