function setPositionsHome () {
	

}



function setOrangeline () {
}










function hideBlock (element, from_carousel) {
	
	if (!from_carousel) {
		element = $('#carousel_'+element.attr('id').substring(6));
	}
	
	
	var block_id = element.attr('id').substring(9);
	
	var block = $('#block_'+block_id);
	
	$(block).detach().prependTo('#mycarousel');
	$(block).removeClass('block').addClass('dblock');
	
	element.removeClass('nonactive').addClass('yesactive');
	
}




function getSmallestColumn () {
	
	var num_blocks = new Array(3);
	var column;
	
	for (var i = 0; i < 3; i++) {
		column = $('#column_'+i);
		num_blocks[i] = column.children().length;
	}
	
	if (num_blocks[0] <= num_blocks[1]) {
		if (num_blocks[0] <= num_blocks[2]) {
			return 0;
		}
		else {
			return 2;
		}
	}
	else {
		if (num_blocks[1] <= num_blocks[2]) {
			return 1;
		}
		else {
			return 2;
		}
	}
	
	return 0;
	
}


function showBlock (element) {
	var block_id = element.attr('id').substring(9);
	
	var block = $('#block_'+block_id);
	
	var column_id = getSmallestColumn();
	
	$(block).detach().appendTo('#column_'+column_id);
	$(block).removeClass('dblock').addClass('block');
	
	element.removeClass('yesactive').addClass('nonactive');
	
}


function activateDraggable (element) {
	//blokken draggable maken
	$('.column').sortable({
	connectWith: '.column',
	handle: 'h2',
	cursor: 'move',
	placeholder: 'placeholder',
	forcePlaceholderSize: true,
	opacity: 0.4,
	tolerance: 'pointer'
	}).disableSelection();
	
	
	$('#main .block .title h2').css('cursor', 'move');
	$('#main .block .title span.delete').css('display', 'block');
	
	//verander plaatje in opslaan-button
	element.attr('src', 'img/jouworion_save.png');
	
	//maak carousel aan
	$('#jouworion_extra').slideDown('slow');
	
	$('#mycarousel').jcarousel({
		scroll: 5,
		animation: 1000
	});
}


function saveDraggable (element) {
	//wijzigingen opslaan
	
	var items=[];
	$('.column').each(function(){
    var columnId = $(this).attr('id');
		$('.block', this).each(function(i){
			//Create Item object for current panel
			var item={
				block_id: $(this).attr('id').substring(6),
				column_id: columnId.substring(7),
				order : i
			};
			//Push item object into items array
			items.push(item);
		});
	});
	
	//loading plaatje laten zien
	element.attr('src', 'img/jouworion_loading.gif');
	
	//Assign items array to sortorder JSON variable
	var sortorder= { items: items };

	//Pass sortorder variable to server using ajax to save state
	$.post('includes/updateBlocks.php', 'data='+$.toJSON(sortorder), function(response){
	
		$('#jouworion .button img').attr('src', 'img/jouworion_add.png');
		$('.column').sortable('destroy');
		$('#main .block .title h2').css('cursor', 'auto');
		$('#main .block .title span.delete').hide();
		
		$('#jouworion_extra').slideUp('slow');
		//$('#jouworion_extra').hide();
	
	});
	
}


function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
return pattern.test(emailAddress);
}


function addNewsletteruser () {
	
	var email = $('#email_newsletter');
	
	if (email.val() == "") {
		$('#message_newsletter').html("<span class=\"message\">Vul uw e-mailadres hierboven in.</span>");
	}
	else if (!isValidEmailAddress(email.val())) {
		$('#message_newsletter').html("<span class=\"message\">Voer een geldig e-mailadres in.</span>");
	}
	else {
		//Pass sortorder variable to server using ajax to save state
		$.post('includes/addNewsletteruser.php', 'email='+email.val(), function(response){
			$('#message_newsletter').html("<span class=\"message\">U ontvangt vanaf nu de nieuwsbrief.</span>");
		});
	}
}



function disableLinksMenu () {
	

	
}






$(document).ready(function() {
	
	//menu laden
	$('#ulmenu').superfish(); 
	
	//schuine oranje streep op goede positie zetten
	//setOrangeline();
	
	
	
	//websiteblokken beheren
	$('#jouworion .button img').click(function() {
		
		// klik op +
		if ($(this).attr('src') == "img/jouworion_add.png") {
			activateDraggable($(this));
		}
		// klik op opslaan
		else {
			saveDraggable($(this));
		}
	});
	
	
	
	//klik op kruis blok => onzichtbaar
	$('#main .block .title span.delete').click(function() {
		hideBlock($(this).parent().parent(), false);
	});
	
	
	$('.jcarousel-skin-orion li').click(function() {
		
		//klik op voeg toe blok jcarousel => plaats in kolom
		if ($(this).hasClass('yesactive')) {
			showBlock($(this));
		}
		//klik op verwijder blok jcarousel => onzichtbaar
		else {
			hideBlock($(this), true);
		}
		
	});
	
	
	//nieuwsbrief aanmelden
	$('#button_newsletter').click(function() {
		addNewsletteruser();
	});
	
	
	//menu-items met subpagina's niet actief
	disableLinksMenu();
	
	
});









$(window).resize(function() {
	
	//setOrangeline();
	
});