$(function(){
	$('div.item p.links a').click(function(){
		var p = $(this).parents('div.item');
		var i = p.find('div.img');
		var li = $(this);
		
		var pl = $(this).parent();
		pl.find('a').removeClass('loading');
		pl.find('a').removeClass('active');
		li.addClass('loading');
		
		$('<span class="i-load"></span>').appendTo(i);

		var ig = $('<img />');
		ig.load(function(){
			li.removeClass('loading');
			li.addClass('active');
			var w = this.width;
			var h = this.height;
			if (p.width()<w){
				h = h * p.width() / w;
				w = p.width();
			}
			i.animate({
				height: h
			},300,function(){
				i.empty();				
				ig.appendTo(i);
				ig.click(function(){
					var p_links = $(this).parents('div.item').find('p.links');
					var index = p_links.find('a').index(p_links.find('.active'));

					if (p_links.find('a').length > 1 && index < p_links.find('a').length - 1) {
						index++;
					}else{
						index = 0;
					}
					
					if (p_links.find('a').length > 1) {
						p_links.find('a').eq(index).click();
					}
					return false;
				});
				i.css('height', 'auto');
			});
		});
		ig.attr('src',$(this).attr('href'));

		return false;
	});
	
	$('div.item').each(function(){
		$(this).find('p.links a:eq(0)').click();
	});
});