// JavaScript Document
var Tabs = {
	init: function(container)
	{
		this.container = container;
		this.tabs = container.find('ul.tabs');
		
		this.tabs.find('> li').each(function() {
			$(this).click(Tabs.click);
		})
	},
	
	click: function()
	{
		Tabs.reset();
		
		$(this).addClass('active');
		$('#' + $(this).attr('data-target')).show();
		
		return false;
	},
	
	reset: function()
	{
		this.tabs.find('li').removeClass('active')
		this.container.find('.content').hide();
	}
}

$(document).ready(function() {
	Tabs.init($('#tabs'));
});