var type = 1;
		
// Imposta effetti
var mappa1 = new Fx.Style('mappa1', 'opacity', {  duration: 500, onComplete:
	function() {  
		settings(1);
		$('zoom1').onmousedown = function () {  zoom(2, 1);  }	    		
	} 
} );		

var mappa2 = new Fx.Style('mappa2', 'opacity', {  duration: 500, onComplete:
	function() {  
		settings(2); 
		if (type == 1)  {
			$('zoom1').onmousedown = function () {  zoom(3, 1);  }
			$('zoom2').onmousedown = function () {  zoom(1, 2);  } 
		}
		else  {
			$('zoom1').onmousedown = function () {  zoom(2, 1);  }	
		}
	} 
} );

var mappa3 = new Fx.Style('mappa3', 'opacity', {  duration: 500, onComplete:
	function() {  
		settings(3);  
		if (type == 1)  {
			$('zoom1').onmousedown = function () {  zoom(4, 1);  }
			$('zoom2').onmousedown = function () {  zoom(2, 2);  }
		}
		else  {
			$('zoom1').onmousedown = function () {  zoom(3, 1);  }
			$('zoom2').onmousedown = function () {  zoom(1, 2);  }
		}
	} 
} );

var mappa4 = new Fx.Style('mappa4', 'opacity', {  duration: 500, onComplete:
	function() {  
		settings(4); 
		if (type == 1)  {
			$('zoom2').onmousedown = function () {  zoom(3, 2);  }
		}
		else  {
			$('zoom1').onmousedown = function () {  zoom(4, 1);  }
			$('zoom2').onmousedown = function () {  zoom(2, 2);  }
		}
	} 
} );

function zoom(num, tipo)  {
	
	$('zoom1').onmousedown = null;
	$('zoom2').onmousedown = null;			
	
	type = tipo; 
	
	if (tipo == 1)  {
		eval('mappa' + num).start(0, 1);
	}
	else  {
		eval('mappa' + (num)).set(1);
		eval('mappa' + (num + 1)).start(1, 0);
	}
		
}

function settings(num)  {

	if (type == 2)  {
		num = num - 1;
	}
	for (i = 1; i <= 4; i++)  {
		if (i != num)  {
			eval('mappa' + (i)).hide();
		}
	}

}