function Widget(opt) {
	var self = this;
	
	self.root = $(opt.root);
	self.cats = $('ul.nav a', self.root);
	self.container = $('ul.content', self.root);
	self.loader = $('img.loader', self.root);
	self.url = opt.url;
	
	self.init();
}

Widget.prototype.init = function() {
	var self = this;
	
	self.cats.click(function(){
		var cat = $(this);
		if (!cat.hasClass('active')) {
			self.loader.show();
			var catName = $(this).attr('href').substr(1);
			$.get(self.url, {category: catName},function(data){
				self.container.html(data);
				self.cats.removeClass('active');
				cat.addClass('active');
				self.loader.hide();
			});
		}
		
		return false;
	});
}

$(function(){
	var newsWidget = new Widget({root: '#news-widget', url: '/news-widget/'});
	var blogsWidget = new Widget({root: '#blogs-widget', url: '/blogs-widget/'});
	var blogsOfftopWidget = new Widget({root: '#blogs-offtop-widget', url: '/blogs-offtop-widget/'});
});