/*
*
* Davide Calignano
* http://www.graphical.it ...un Blog di ispirazione!
*
*/

google.load("jquery", "1.3.1");
google.load("jqueryui", "1.7.0");
google.setOnLoadCallback(function()
{

	
	// Funzione per prendere un numero randomico
		
		function randomXToY(minVal,maxVal,floatVal) {
			var randVal = minVal+(Math.random()*(maxVal-minVal));
			return typeof floatVal=='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
	}
	
	// Dopo aver caricato tutte le immagini, disponile sulla pagina in maniera casuale
	$(".foto").each(function (i) {
		var tempVal = Math.round(Math.random());
		if(tempVal == 1) {
			var rotDegrees = randomXToY(330, 360);
		} else {
			var rotDegrees = randomXToY(0, 30);
		}
		
		// Internet Explorer non ha le proprietà "window.innerWidth" e "window.innerHeight"
		if(window.innerWidth == undefined) { 
			var wiw = 1000;
			var wih = 700;
		} else {
			var wiw = window.innerWidth;
			var wih = window.innerHeight;	
		}
		
		var cssObj = { 'left' : Math.random()*(wiw-400),
			'top' : Math.random()*(wih-400),
			'-webkit-transform' : 'rotate('+ rotDegrees +'deg)', 
			'tranform' : 'rotate('+ rotDegrees +'deg)' }; 
		$(this).css(cssObj);
	});
	
	// Impostiamo lo Z-index per visualizzare le immagini sopra le altre quando si clicca
	var zindexnr = 1;
	
	
	var dragging = false;
	

	$(".foto").mouseup(function(e){
		if(!dragging) {
			// Bring foto to the foreground
			zindexnr++;
			var cssObj = { 'z-index' : zindexnr,
			'transform' : 'rotate(0deg)',	
			'-webkit-transform' : 'rotate(0deg)' };  
			$(this).css(cssObj);
		}
	});
	
	// Rendiamo le foto dinamiche, in modo da poterle spostare
	$(".foto").draggable({
		cursor: 'crosshair',
		start: function(event, ui) {
			dragging = true;
			zindexnr++;
			var cssObj = { 'box-shadow' : '#888 5px 10px 10px', 
				'-webkit-box-shadow' : '#888 5px 10px 10px', 
				'margin-left' : '-10px',
				'margin-top' : '-10px',
				'z-index' : zindexnr };
			$(this).css(cssObj);
		},
		stop: function(event, ui) {
			var tempVal = Math.round(Math.random());
			if(tempVal == 1) {
				var rotDegrees = randomXToY(330, 360); 
			} else {
				var rotDegrees = randomXToY(0, 30);
			}
			var cssObj = { 'box-shadow' : '', 
				'-webkit-box-shadow' : '', 
				'transform' : 'rotate('+ rotDegrees +'deg)', 
				'-webkit-transform' : 'rotate('+ rotDegrees +'deg)', 
				'margin-left' : '0px',
				'margin-top' : '0px' };
			$(this).css(cssObj);
			dragging = false;
		}
	});
	
	
	
});