/*global $ preLoadImages */
function replacePortfolio(image) {
	var existing = $("#main_portfolio_image");
	
	image = $(image).hide();
	
	image.appendTo("#portfolio_large").load(function () {
		$("#in_content").stop().animate({
			height: $(this).height()
		}, 800);
	});
	
	existing.remove();
	
	image.fadeIn(400);
}

function getPortfolioEntry(category_id, portfolio_id) {
	$("#main_portfolio_image").fadeOut(400);
	portfolio_id = portfolio_id * 1;
	$.getJSON('/lookup/category/' + category_id + '/portfolio/' + portfolio_id + '/', function (data) {
		var image = "";
		if (data[0].fields.category === '1') {
			image += '<a id="main_portfolio_image" href="' + data[0].fields.url + '"><img alt="' + data[0].fields.title + '" title="' + data[0].fields.title + '" src="/' + data[0].fields.picture + '"/></a>';
		}
		else {
			image += '<img id="main_portfolio_image" alt="' + data[0].fields.title + '" title="' + data[0].fields.title + '" src="/' + data[0].fields.picture + '"/>';
		}
		replacePortfolio(image);
	});
}

function getCategory(num) { 
/* add if first load */
	var category_id,
		html = "";
	
	$("#category_title").fadeOut(10);
	$("#portfolio_items").fadeOut(10);
	$("#main_portfolio_image").fadeOut(10);
	$("#portfolio_items").html(html);
	category_id = num * 1 + 1;
	$.getJSON('/lookup/category/' + category_id + '/', function (data) {	
		var category = "",
			portfolio_id;
		
		$.each(data, function (i, item) {
			var html = "";
			html += '<li class="portfolio_thumb"><img id="' + item.pk + '" src="/' + item.fields.alt_thumb + '" onClick="getPortfolioEntry(' + category_id + ',' + item.pk + ');"/></li>';
			$("#portfolio_items").append(html);
			preLoadImages('/' + item.fields.picture);
		});
		$("#portfolio_items").hide();
		
		category += data[0].fields.category.fields.name;
		$("#category_title").html(category);
		$("#category_title").hide();
		$("#category_title").fadeIn(400);
		$("#portfolio_items").fadeIn(400);
		portfolio_id = data[0].pk;
		getPortfolioEntry(category_id, portfolio_id);
	});
}