function RecentWorkScreens(ul) {
	this.ul = $(ul);
	this.init();
}
RecentWorkScreens.prototype = {
	init: function() {
		this.createPager();
		this.gotoItem(0);
	},

	createPager: function() {
		var me = this,
			items = me.ul.children('li'),
			pager;
		if(items.size() > 1) {
			pager = me.pager = $('<ul class="pager" />').insertAfter(me.ul);
			items.each(function(i) {
				$('<li><a href="' + $('img', this).get(0).src + '">' + (i + 1) + '</a></li>').appendTo(pager)
					.children('a').click(function(e) {
						me.gotoItem(i);
						e.preventDefault();
					});
			});
		}
	},

	gotoItem: function(idx) {
		var firstLi = this.ul.children('li:first');
		firstLi.stop(true).animate({
			marginTop: '-' + (idx * firstLi.height()) + 'px'
		});
		$('a', this.pager).removeClass('active').eq(idx).addClass('active');
	}
};

$(function() {
	$('#content.recentWork > .screenshots').each(function() {
		new RecentWorkScreens(this)
	});
});