$(document).ready(function(){
	// INLINE LABELS ARE DONE FROM WITHIN "jquery.infield-label.js"
	$('#visualSlides').cycle({
		'slideExpr':'a',
		'speed': 3500,
		'speedIn':1000,
		'speedOut':1000,
		'pager': '#vsNav',
		'before': function(currSlideElement, nextSlideElement, options, forwardFlag){
			$('#vsLink').attr('href',nextSlideElement.href);
		},
		pagerAnchorBuilder: function(idx,domelement) {
			return '<a class="el'+idx+'" href="#"></a>';
		}
	});
	$('a.popupLeaflet').colorbox(
		{width:'930',height:'800'}
	);
	Cufon.replace('#intro h1, .coll h2, #content h1, h2.sales', { fontFamily: 'comfortaa' });
	Cufon.replace('.pricetag ins', { fontFamily: 'Tafelkreide' });

	// MAP LOCATIONS
	$('#mapLocPoints a').each(function(i){
		$a = $(this);
			var li = $a.attr('href');
			$(li).hide();
		$a.mouseover(function(event){
			$('#overall').hide();
			$this = $(this);
			if ($this.hasClass('active')) {
				// Do nothing
			}
			else {
				$('#mapLocPoints a').each(function(){
					var li = $(this).attr('href');
					if ($this.attr('href') == $(this).attr('href')) {
						$(li).show();
						$($(this)).addClass('active');
					}
					else {
						$(li).hide();
						$($(this)).removeClass('active');
					}
				});
			}
			event.preventDefault();
		});
	});
	$('#boodschappenLink').show();
	$('#boodschappenlijst').click(function(event){
		$(this).toggleClass('open');
		$('#boodschappenContainer').toggle();
		event.preventDefault();
	});
	$('#closeProducts').click(function(event){
		$('#boodschappenlijst').toggleClass('open');
		$('#boodschappenContainer').toggle();
		event.preventDefault();
	});
	$('#addProduct').click(function(event){
		var val = $('#productName').val();
		if(val.trim() != ''){
			$('#boodschappenContainer .lijst-body ul').append('<li><span class="min"></span><span class="plus"></span><span class="aantal">1x</span><span class="product">'+val+'</span></li>');
		}
		var product = $('#productName');
		product.val(product.attr('title'));
		product.addClass('placeholder');
		event.preventDefault();
	});
	$('#boodschappenContainer .lijst-body .min').live('click', function(){
		var amount = $(this).parent().find('span.aantal').html();
		amount = parseInt(amount.replace('x', ''));
		if(amount > 0){
			$(this).parent().find('span.aantal').html((amount-1) + 'x');
		}
	});
	$('#boodschappenContainer .lijst-body .plus').live('click', function(){
		var amount = $(this).parent().find('span.aantal').html();
		amount = parseInt(amount.replace('x', ''));
		if(amount < 99){
			$(this).parent().find('span.aantal').html((amount+1) + 'x');
		}
	});
	$('#emptyProducts').click(function(event){
		$('#boodschappenContainer .lijst-body ul').html('');
		event.preventDefault();
	});
	$('#printProducts').click(function(event){
		$('#printContent').printElement({printMode:'popup', overrideElementCSS:['/content/css/default.css', '/content/css/boodschappenlijst.css']});
		event.preventDefault();
	});
	$('#emailProducts').click(function(event){
		$(this).addClass('active');
		$('#emailLayer').show();
		$('#emailLayer .emailSucces').html('');
		$('#emailLayer .emailForm').show();
		event.preventDefault();
	});
	$('#emailCancel').click(function(event){
		event.preventDefault();
		$('#emailLayer').hide();
		$('#emailProducts').removeClass('active');
	});
	$('#emailClose').live('click', function(event){
		event.preventDefault();
		$('#emailLayer').hide();
		$('#emailProducts').removeClass('active');
	});
	$('#emailSend').click(function(event){
		event.preventDefault();
		var email = $('#emailAddress').val();
		if(email.trim() == '' || email.trim() == $('#emailAddress').attr('title')){
			alert('U heeft geen e-mailadres ingevuld');
		}else{
			var str = '';
			$('#boodschappenContainer .lijst-body ul').find('li').each(function(){
				str += 'products[]=' + ($(this).text() +"&");
			});
			if(str != ''){
				str += "email=" + email;
				$.post("/test.php", str, function(data){
					$('#emailLayer .emailSucces').html(data);
					$('#emailLayer .emailForm').hide();
				});
			}
		}
	});
});
