// Nome della classi a cui applicare la modifica del margine sinistra
// var boxes = ".side_image_box";
var boxes = ".content_box, #main_content";

$(document).ready(function () {
	loadOfElements();
	loadOfPage();
});

// Evento load sulle singole immagini, non viene triggerato -purtroppo- quando sono in cache
// Appena caricata l'immagine, imposto il margine sinistro del box successivo
// uguale alla larghezza dell'immagine
function loadOfElements()
{
	// Box secondari
    $(boxes).each(function(index){
    	if($(this).prev("img").length > 0)
    	{
    		var image = $(this).prev("img");
			var box = $(this);
			box.addClass("side_image_box");
			
			image.load(function()
			{
				imageWidth = image.width();
				box.css("margin-left",imageWidth + "px");
			});
    	}
	});

}

// Evento ready della pagina
// Scorro tutti i box e imposto il margini sinistro uguale
// alla larghezza delle immagini precedenti 
function loadOfPage()
{
	$(boxes).each(function(index){
		var image2 = $(this).prev("img");
		var box2 = $(this);
		
		if(image2.length > 0)
		{
			var imageWidth2 = image2.width();
			box2.css("margin-left",imageWidth2 + "px");
		}
	});
}