$(document).ready(function() {

		var images = $('img');
		for (i = 0; i < images.length; i++) {
			var img = images[i];
			var w = img.width;
			img.width = 250;
			img.height = img.height / (w / 250);
			$(img).parent().parent().find('.images').append(img);
		}
		
		var posts = $("#allposts .eachpost");
		for (i = 0; i < posts.length; i++) {
			var postImages = $(posts[i]).find('img');
			for (j = 0; j < postImages.length; j++) {
				if (j > 0) {
					$(postImages[j]).addClass("hidden");
				}
			}
		}

		var titles = $('.title');		
		for (i = 0; i < titles.length; i++) {
			var element = titles[i];
			var text = element.innerHTML;
			if (text.indexOf(':') > 0) {
				var metatitle = text.substring(0, text.indexOf(':'));
				var title = text.substring((text.indexOf(':') + 2), text.length);
				$(element).parent().find('.metatitle').append(metatitle);
				element.innerHTML = title;	
			}
			else {
				$(element).parent().find('.metatitle').remove();
			}
		}
		
		var showLinkSpans = $('span.showLink');
		for (i = 0; i < showLinkSpans.length; i++) {
			var span = showLinkSpans[i];
			$(span).parent().find('span.showLayer').removeClass('hidden');
		}
		
		$("#allposts .eachpost").mouseover(function() {
			var r = 1 + 6 * (Math.random());
			r = Math.round(r);
			var color = "#fff";
			switch (r) {
				case 1: color = "#cdffff";
				break;
				case 2: color = "#cdffe6";
				break;
				case 3: color = "#f2ccff";
				break;
				case 4: color = "#c0daff";
				break;
				case 5: color = "#ffffcd";
				break;
				case 6: color = "#bfbfff";
				break;
				case 7: color = "#ffccd9";
				break;
			}
			$(this).css('background-color', color);
			$(this).attr("color", color);
		})
		
		$("#allposts .eachpost").mouseout(function() {
			$(this).css('background-color', '#fff');
		})
		
		$("#allposts .eachpost").click(function() {
			showDetails(this);
		});
		
		$(".closeDetailsLink").click(function() {
			hideDetails();
		});
		
});

function showDetails(postContainer) {
	var top = postContainer.style.top;
	var cutidx = top.indexOf("px");
	var topValue = parseInt(top.substring(0,cutidx));
	scrollTo(0, topValue);
	var detailsDiv = document.createElement("div");
	$(detailsDiv).attr("id", "details");
	$(detailsDiv).css("top", top);
	$(detailsDiv).addClass("hidden");
	
	var imageDiv = $(postContainer).find('.images').clone();
	var images = $(imageDiv).find('img');
	for (i = 0; i < images.length; i++) {
		images[i].removeAttribute('width');
		images[i].removeAttribute('height');
		if (i > 0) {
			$(images[i]).removeClass("hidden");
		}
	}
	var textId = "text" + $(imageDiv).attr('post');
	var textDiv = document.getElementById(textId);
	var textDivClone = $(textDiv).clone();
	$(textDivClone).find('.images').replaceWith(imageDiv);
	$(textDivClone).find('a').addClass("boxed");
	var links = $(textDivClone).find('a');
	$(links[0]).addClass("first");
	$(textDivClone).removeClass("hidden");
	
	$(detailsDiv).append(textDivClone);
	$("body").append(detailsDiv);
	$(detailsDiv).fadeIn(500);
	$("body").append('<div id="layer"></div>');
	var color = $(postContainer).attr("color");
	$("#layer").css("background-color", color).fadeIn(500);
	$("#layer").click(function() {
		hideDetails();
	});
	$(detailsDiv).click(function() {
		hideDetails();
	});
}

function hideDetails() {
	$("#layer").fadeOut(500, function() { $(this).remove(); });
	$("#details").fadeOut(500, function() { $(this).remove(); });
}