$(document).ready (function (){
	$("#berriz-hasi-botoia").click (function () {
		hasieratu ();
	});
	
	function hasieratu () {
		$('#ondo').hide ();
		
		zuzenak = 0;
		
		// Vaciamos las columnas
		$('#zutabea-irudiak').html ('');
		$('#zutabea-izenak').html ('');
		
		// Nos quedamos con X elementos al azar
		elementuak.sort (function () { return Math.random () - .5 });
		uneko_elementuak = elementuak.slice (0, elementkop);
		
		// Creamos la columna de imágenes
		for (var i = 0; i < elementkop; i++) {
			$('<div></div>').attr ('id', 'irudia'+(i+1)).appendTo ('#zutabea-irudiak').append (
				$('<div class="draggable">' + uneko_elementuak[i].irudia + '</div>').data ('id', uneko_elementuak[i].id).draggable ({
					containment: '#jolasa',
					stack: '#zutabea-irudiak div',
					revert: true
				})
			);
		}
		
		// Creamos la columna de nombres
		uneko_elementuak.sort (function () { return Math.random () - .5 });
		for (var i = 0; i < elementkop; i++) {
			$('<div><p>' + uneko_elementuak[i].izena + '</p></div>').appendTo ('#zutabea-izenak').prepend (
				$('<div class="droppable"></div>').data ('id', uneko_elementuak[i].id).droppable ({
					accept: '#zutabea-irudiak div',
					hoverClass: 'hovered',
					drop: handle_drop
				})
			);
		}
	}
	
	hasieratu ();
	
	soundManager_setup ();
});

function handle_drop (event, ui) {
	if ($(this).data ('id') == ui.draggable.data ('id')){
		ui.draggable.addClass ('correct');
		ui.draggable.draggable ('disable');
		$(this).droppable ('disable');
		ui.draggable.position ({ of: $(this), my: 'left top', at: 'left top' });
		ui.draggable.draggable ('option', 'revert', false);
		
		zuzenak++;
		
		soundManager.play ('erantzun_zuzena');
	}
	
	if (zuzenak == elementkop){
		$('#ondo').show ();
		
		soundManager.play ('amaiera');
	}
}

function soundManager_setup (){
	soundManager.setup ({
		url: 'https://www.durango-ezagutu.eus/swf/',
		flashVersion: 9, // optional: shiny features (default = 8)
		useFlashBlock: false, // optionally, enable when you're ready to dive in
		/**
		  * read up on HTML5 audio support, if you're feeling adventurous.
		  * iPad/iPhone and devices without flash installed will always attempt to use it.
		  */
		onready: function () {
			// Ready to use; soundManager.createSound() etc. can now be called.
			var zuzena = soundManager.createSound ({
				id: 'erantzun_zuzena',
				url: 'https://www.durango-ezagutu.eus/swf/soinuak/zuzen.mp3'
			});
			
			var txaloak = soundManager.createSound ({
				id: 'amaiera',
				url: 'https://www.durango-ezagutu.eus/swf/soinuak/txalo.mp3'
			});
		}
	});
}

var zuzenak = 0;
var elementuak = [];
var elementkop = 4;

elementuak.push ({
	id: 78,
	irudia: '<p>Zuentzat haurren liburuaren egilea da</p>',
	izena: 'Julene Azpeitia'
});
elementuak.push ({
	id: 82,
	irudia: '<p>Katuaren katua kantuaren egileak dira</p>',
	izena: 'Gose taldea'
});
elementuak.push ({
	id: 75,
	irudia: '<p>Ondarroan jaiotakoa da baina egun Durangon bizi da</p>',
	izena: 'Leire Bilbao'
});
elementuak.push ({
	id: 79,
	irudia: '<p>Gerrak ez du izenik liburuaren marrazkilaria da bera</p>',
	izena: 'Maite Mutuberria'
});
elementuak.push ({
	id: 76,
	irudia: '<p>Ainhoari gutunak liburuaren idazlea da</p>',
	izena: 'Joseba Sarrionandia'
});
elementuak.push ({
	id: 85,
	irudia: '<p>Euskadi literatura saria jaso zuen</p>',
	izena: 'Joseba Sarrionandia'
});
elementuak.push ({
	id: 86,
	irudia: '<p>Gerediaga elkarteko lehendakaria da</p>',
	izena: 'Nerea Mujika'
});
elementuak.push ({
	id: 80,
	irudia: '<p>Durangoko bonbardaketan kokatutako istorioa idatzi du</p>',
	izena: 'Leire Bilbao'
});
elementuak.push ({
	id: 81,
	irudia: '<p>Gosariak diskoa kaleratu dute</p>',
	izena: 'Gose taldea'
});
elementuak.push ({
	id: 77,
	irudia: '<p>Irakaskuntza izan zen bere lanbide gogokoena</p>',
	izena: 'Julene Azpeitia'
});
elementuak.push ({
	id: 84,
	irudia: '<p>2015.urtean erretiratu da taldea</p>',
	izena: 'Oskorri taldea'
});
elementuak.push ({
	id: 83,
	irudia: '<p>Katuaren testamentuaren abesti famatua kaleratu zuten</p>',
	izena: 'Oskorri'
});