var jky = {};

jky.init = function ()
{
	var imgs = $("#content img");
	if(imgs.length == 9) jky.initGrid(imgs);
}

jky.initGrid = function (imgs)
{
	// Suppression des paragraphes inutiles
	imgs.parent().remove();
	imgs.css("opacity", "0");
	imgs.css("display", "inline");
	
	// Création de la grille
	var grid = $("<div id='imgGrid' />");
	grid.append(imgs);
	
	// Affichage de la grille
	$("#content .entry").after(grid);
	
	for (var i = 0; i < imgs.length; i++)
	{
		var img = $(imgs[i]);
		img.css("cursor", "pointer");
		img.click(jky.showImage);
		setTimeout("jky.fadeImage("+i+")", Math.random() * 500);
	}
	
	// image
	var selectedImage = $("<div id='selectedImage' />");
	selectedImage.click(jky.hideSelectedImage);
	grid.append(selectedImage);
}

jky.fadeImage = function (i)
{
	var imgs = $("#content img");
	var img = $(imgs[i]);
	img.fadeTo(400, 1);
}
jky.showImage = function ()
{
	var src = this.src;
	var selectedImage = $("#selectedImage");
	selectedImage.css("display", "none");
	var img = new Image();
	img.src = src.split(".jpg").join("_grande.jpg");
	
	if(img.complete) jky.showSelectedImage(img);
	else $(img).load(jky.selectedImageLoaded);
	selectedImage.html(img);
	
}

jky.selectedImageLoaded = function ()
{
	jky.showSelectedImage(this);
}

jky.showSelectedImage = function (target)
{
	$("#selectedImage").fadeIn();
}

jky.hideSelectedImage = function ()
{
	$("#selectedImage").fadeOut();
}

$(document).ready(function(){ jky.init(); });


jky.test = function ()
{
	var imgs = $("#content img");
	
	if(imgs.length == 9) 
	{
		imgs.css("display", "none");
		$("#content .entry").css("width", $("#content .entry").width() - 450 - 20).css("float", "left");		
	}
}