var dimensiones;

$(document).ready( function() {
	// Se selecciona una imagen aleatoria:
	var num_imagenes = 6;
	var rand_index = Math.floor(Math.random()*num_imagenes + 1);
	
	// Se carga la imagen apropiada:
	if ($(window).width() > 1200) {
		$("#img_fondo").attr("src", "imagenes/portada" + rand_index + "_1500.jpg");
		dimensiones = [1500,937];
	}
	else {
		$("#img_fondo").attr("src", "imagenes/portada" + rand_index + "_1200.jpg");
		dimensiones = [1200,750];																			  
	}
	
	// Se ajusta la pantalla (también en los resize):
	$(window).bind("resize", fitWindow);	
	fitWindow();
});

function fitWindow() {	
	// Se calculan las dimensiones:
	var forcedwidth = $(window).width();
	var forcedheight = $(window).height();
	var ancho, alto;
			
	var alto_proporcional = dimensiones[1]*forcedwidth/dimensiones[0];
	if (superfull) {
		if (alto_proporcional >= forcedheight) {
			ancho = forcedwidth;
			alto = alto_proporcional;								
		}
		else {
			alto = forcedheight;
			ancho = dimensiones[0]*forcedheight/dimensiones[1];		
		}		
	}
	else {
		if (alto_proporcional >= forcedheight) {
			alto = forcedheight;
			ancho = dimensiones[0]*forcedheight/dimensiones[1];							
		}
		else {
			ancho = forcedwidth;
			alto = alto_proporcional;	
		}			
		
	}
	// Se ajusta la imagen:
	$("#img_fondo").attr("width", ancho);
	$("#img_fondo").attr("height", alto);
	$("#fondo").css("left", (forcedwidth - ancho)/2+"px");
	$("#fondo").css("top", (forcedheight - alto)/2+"px");
	
	// Anclajes:
	//$("#cajita").css("left",
}