var $head;
var $menu;
var $title;
var $content;
var $bottom;


$(document).ready(function(){
	//riferimenti ai principali div
	$head		= $('div#main div#head');
	$menu		= $('div#main div#menu');
	$title		= $('div#main div#title');
	$content	= $('div#main div#content');
	$bottom		= $('div#main div#bottom');
});

//eseguo il riposizionamento solo quando anche le immagini sono state caricate perche puo capitare che
//alcune immagini allunghino il contenuto della pagina col risultato che il bottom resti troopo in alto
//e appaia "a meta" del documento
$(window).load(function(){
	//riposizionamento del div bottom in base all'altezza di menu e content
	//il numero fisso e la quota iniziale che e la medesima sia per menu che per content + una spaziatura
	if ($menu.outerHeight() > $title.outerHeight() + $content.outerHeight() + 14)
		$content.height($menu.outerHeight() - $title.outerHeight() - 14);
	else
		$menu.height($content.outerHeight() + $title.outerHeight() + 14);
	
	$bottom.css('top', $menu.height() + 300);
	$bottom.css('visibility', 'visible');
});