﻿var ready = false;
var maxWidth = 666;
var minWidth = 32;
var lastBlock = null;
var schede = [
	['s1','s1sx','s1dx','s1aperto'],
	['s2','s2sx','s2dx','s2aperto'],
	['s3','s3sx','s3dx','s3aperto'],
	['s4','s4sx','s4dx','s4aperto']
];

$(function() {
    ready=true;
});

function selDirFreccia(idCorrente, idAperto) {
	switch(idCorrente) {
	case 's1':
		return 2;
		break;
	case 's2':
		if(idAperto=='s1') { return 1; }
		else { return 2; }
		break;
	case 's3':
		if(idAperto=='s4') { return 2; }
		else { return 1; }
		break;
	case 's4':
		return 1;
		break;
	}
}	
function move(id) {
	if(ready) {
		if(lastBlock==null) {
			for(i in schede) {
    			if(schede[i][0]!=id) {
        			$('#'+schede[i][0]).html($('#'+schede[i][selDirFreccia(schede[i][0], id)]).html());
					$('#'+schede[i][0]).animate({width: minWidth+"px"}, { queue:false, duration:400 });
				}
			}
		} else {
			var iii=0;
			for(i in schede) {
				if(schede[i][0]==lastBlock) { iii=i; }
				else if(schede[i][0]!=id) {
        			$('#'+schede[i][0]).html($('#'+schede[i][selDirFreccia(schede[i][0], id)]).html());
				}
			}
			$('#'+lastBlock).html($('#'+schede[iii][selDirFreccia(schede[iii][0], id)]).html());
			$('#'+lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });	
		}
		var iii=0;
		for(i in schede) {
			if(schede[i][0]==id) { iii=i; }
		}
		$('#'+id).html($('#'+schede[iii][3]).html());
		$('#'+id).animate({width: maxWidth+"px"}, { queue:false, duration:400});
		mostraMiniature(id);
		lastBlock = id;
	}
}

function mostraMiniature(id) {
	switch(id) {
	case 's1':
		caricaImg('loadingA1','imgA1','containerA1','Immagini/2postilettominiatura.gif');
    	caricaImg('loadingA2','imgA2','containerA2','immagini/min-letto2.gif');
//		caricaImg('loadingA3','imgA3','containerA3','Immagini/2postilettominiatura.gif');
		impostaFoto('loadingAX','imgAX','containerAX','Immagini/2postiletto.gif');
		break;
	case 's2':
		caricaImg('loadingB1','imgB1','containerB1','Immagini/4postilettominiatura.gif');
		caricaImg('loadingB2','imgB2','containerB2','Immagini/min-cucina.gif');
//		caricaImg('loadingB3','imgB3','containerB3','immagini/schede/stella/mappa_small.jpg');
		impostaFoto('loadingBX','imgBX','containerBX','Immagini/4postiletto.gif');
		break;
	case 's3':
		caricaImg('loadingC1','imgC1','containerC1','Immagini/6posti1miniatura.gif');
		caricaImg('loadingC2','imgC2','containerC2','Immagini/6posti2miniatura.gif');
caricaImg('loadingC3','imgC3','containerC3','Immagini/6min-letto.gif');
		impostaFoto('loadingCX','imgCX','containerCX','Immagini/6posti1.gif');
		break;
	case 's4':
		caricaImg('loadingD1','imgD1','containerD1','Immagini/8posti1miniatura.gif');
		caricaImg('loadingD2','imgD2','containerD2','Immagini/8posti2miniatura.gif');
	    caricaImg('loadingD3','imgD3','containerD3','Immagini/min-salotto.gif');
		impostaFoto('loadingDX','imgDX','containerDX','Immagini/8posti1.gif');
		break;
	}
}

function caricaImg(preload, img, container, url) {
	$('#'+preload).show();
	var imgPreloader = new Image();
	imgPreloader.onload = function() {
		document.getElementById(img).src = url;
		$('#'+preload).hide();
		$('#'+container).show();
	};
	imgPreloader.src = url;
}

function impostaFoto(preload, img, container, url) {
	$('#'+container).hide();
	$('#'+preload).show();
	var imgPreloader = new Image();
	imgPreloader.onload = function() {
		document.getElementById(img).src = 'immagini/blank.gif';
		$('#'+preload).hide();
		$('#'+container).show();
		document.getElementById(img).src = url;
	};
	imgPreloader.src = url;
}

function impostaHtml(id, idDiv) {
	$('#'+id).html($('#'+idDiv).html());
}


