// JavaScript Document

$(document).ready(function(){

var puzzelOpgelost = 0;
var puzzelIndex = 0;
var puzzelElements = [];

$('.puzzelstuk').each(function() { puzzelElements.push($(this)) });
//alert(puzzelElements.length);

function animatePuzzelStuk() {
	puzzelElements[puzzelIndex].animate({'left':puzzelElements[puzzelIndex].attr('left')+'px','top':puzzelElements[puzzelIndex].attr('top')+'px'},400,function() { puzzelOpgelost++; if(puzzelOpgelost==6) { puzzelKlaar(); $('.puzzelstuk').each(function() { $(this).attr('href',$(this).attr('hrefTarget')) }); $('#skippuzzel').css('display','none'); } });
	setTimeout(function() { animatePuzzelStuk(); },250);
	puzzelIndex++;
}

setTimeout(function() { animatePuzzelStuk(); },250);

$('#skippuzzel').click(function() { $('.puzzelstuk').each(function() { $(this).attr('href',$(this).attr('hrefTarget')); $(this).animate({'left':$(this).attr('left')+'px','top':$(this).attr('top')+'px'},400,function() { puzzelOpgelost++; if(puzzelOpgelost==6) { puzzelKlaar(); } }); }); $(this).css('display','none'); });

//$('.puzzelstuk').draggable({ zIndex: 99, stop: function(event, ui) { uiObjpos = {left:$(this).attr('left'),top:$(this).attr('top')}; var pos = check_puzzel_grid(ui.position,uiObjpos); if(pos!=false) { $(this).animate({'top': pos.top+'px', left: pos.left+'px'},200); $(this).draggable('disable'); puzzelOpgelost++; if(puzzelOpgelost==6) { puzzelKlaar(); } } }});
/*function check_puzzel_grid(pos,uiObjpos) {
	//alert(pos.left+', '+pos.top+', objUI: '+uiObjpos.left+', '+uiObjpos.top+', true?='+(parseFloat(uiObjpos.left)+30));
	if(pos.left>=parseFloat(uiObjpos.left)-30 && pos.left<=parseFloat(uiObjpos.left)+30 && pos.top>=parseFloat(uiObjpos.top)-30 && pos.top<=parseFloat(uiObjpos.top)+30) {
		return_pos = {top:uiObjpos.top,left:uiObjpos.left};
		return return_pos;
	}
	else
	return false;
}*/

});

var puzzelcompleet = false;
function puzzelKlaar() {
	puzzelcompleet = true;
}