var filter = 
{
	tabs : "",
	toggle : "",
	container : "",
	
	init : function(tabs, toggle, container)
	{
		filter.tabs 		= tabs;
		filter.toggle 		= toggle;
		filter.container	= container;
		
		$(filter.toggle).hide();
		filter.create_nav();
		filter.show_first();
	},
	
	create_nav : function()
	{
		$(filter.container).prepend("<ul id='filter-nav'></ul>");
		$(filter.tabs).each(function(){
			var txt = $(this).text();
			$('#filter-nav').append("<li><a href='#' title='#"+ txt.toUpperCase().replace(/ /, "").replace(/\./, "") +"'>"+ txt +"</a></li>");
			$(this).remove();
		});
		
		$('#filter-nav > li > a').click(function(e)
		{
			e.preventDefault();
			var div = $(this).attr("title");
			
			$(".active", filter.container).removeClass("active");
			$(".current", filter.container).hide().removeClass("current");
			
			$(this).addClass("active");
			$(div).addClass("current").show();
		});
	},
	
	show_first : function()
	{
		var div = $('.active', filter.container).attr('title');
		$('#filter-nav > li > a:first').addClass('active');		
		$('.state:first').show().addClass("current");
	}
	
};

filter.init($('#store-cont h4'), $('.state'), $('#store-cont'));