$(document).ready(function(){

	// flash inladen
	// als een div aangemaakt wordt met als class "flash",
	// en als inhoud het absolute pad naar de flash en de variable
	// wordt deze automatisch ingeladen
	$('.flash').each(function(){
		slideshowvars = $(this).find('.flashlink').html();
        //strip HTML comment from flash vars
		slideshowvars = slideshowvars.replace(/^<!--/, "");
		slideshowvars = slideshowvars.replace(/-->$/, "");
		slideshowheight = $(this).css('height');
		slideshowwidth = $(this).css('width');
		$(this).html("");
		$(this).flash({
	    	src: slideshowvars,
	    	width: slideshowwidth,
	    	height: slideshowheight,
			wmode: 'transparent'
		},
		{
			version: '8', // flash versie checken (9 of hoger)
			update: false // niet upgraden (maar alt. inhoud tonen)
		});
	});

	// verzend links in formulieren maken
	$('.verzendlink').click(function(){
		$(this).parents('form').submit();
	});

	if ( $('.twitterlist') )
	{
		$.ajax({
			url: "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=tuinenpark&count=2",
			success: function(data) {
				for(var i=0;i<data.length;i++)
				{
					data[i].text = data[i].text.replace(/(http:\/\/\S+)/g, "<a target='_blank' href='$1'>$1</a>");
					$('.twitterlist').append("<li>"+data[i].text+'<span>'+relative_time(data[i].created_at)+"</span></li>");
				}
			},
			dataType: 'jsonp'
		});
	}

	$("a.verwantholder span.title:first").css("border", "none");
	$("a.verwantholder span.title:first").css("padding", "5px 0px 0 0");

	// links in "_blank" i.p.v. via HTML i.v.m. valid XHTML
	$('.blankwindow').attr('target','_blank');

	$("#categorie").change(function(){
		$(".productgroep").hide();
		$("select option:selected").each(function () {
        	var id = $(this).val();

			$("."+id).attr('checked', '');
        	$("#"+id).slideDown();
        	$("#change_cat").css('display', 'block');

        	//alert('Let op: als u een andere hoofdcategorie wilt selecteren worden eerder gekozen productgroepen die onder een ander hoofdcategorie waren opgegeven, niet opgeslagen!')
        });
	});


	$("#hoofdcategorie").change(function(){
		$("#div_productgroepen").slideUp();
		$("#div_subgroepen").slideUp();

		var hoofdcategorie = $(this).val();

		if(hoofdcategorie==1)
		{
			$("#zoekform").attr('action', 'index.php?id=11');
			$("#staat").removeAttr('disabled');
			$("#staat").attr('value', '');
		}
		else if(hoofdcategorie==2)
		{
			$("#zoekform").attr('action', 'index.php?id=18');
			$("#staat").attr('value', 'nieuw');
			$("#staat").attr('disabled','disabled');
		}
		else if(hoofdcategorie==3)
		{
			$("#zoekform").attr('action', 'index.php?id=10');
			$("#staat").removeAttr('disabled');
			$("#staat").attr('value', '');
		}


		var staat = $("#staat").val();

		$.ajax({
            type: "POST",
            url: "/ajax/productgroepen.php",
            data: "hoofdcategorie="+hoofdcategorie+"&staat="+staat,
            dataType: "html",
            success: function(result) {
            	var arr_productgroepen = result.split("|");
            	var options = "<option value=''>Alles</option>";

   				 for (var i = 0; i < arr_productgroepen.length; i++)
   				 {
   				 	var arr_prodgroep 	= arr_productgroepen[i].split("_");
   				 	var groep_id 		= arr_prodgroep[0];
   				 	var naam 			= arr_prodgroep[1];



   				 	options += "<option value="+groep_id+">"+naam+"</option>";
   				 }

   				 $("#productgroepen").html(options);
   				 $("#div_productgroepen").slideDown();
            }
        });

	});

	$("#hoofdcategorie_2").change(function(){
		$("#div_productgroepen_2").slideUp();
		$("#div_subgroepen_2").slideUp();

		var hoofdcategorie = $(this).val();

		if(hoofdcategorie==1)
		{
			$("#zoekform").attr('action', 'index.php?id=11');
			$("#staat_2").removeAttr('disabled');
			$("#staat_2").attr('value', 'nieuw');
		}
		else if(hoofdcategorie==2)
		{
			$("#zoekform").attr('action', 'index.php?id=18');
			$("#staat_2").attr('value', 'gebruikt');
			$("#staat_2").attr('disabled','disabled');
		}
		else if(hoofdcategorie==3)
		{
			$("#zoekform").attr('action', 'index.php?id=10');
			$("#staat_2").removeAttr('disabled');
			$("#staat_2").attr('value', 'nieuw');
		}

		var staat = $("#staat_2").val();

		$.ajax({
            type: "POST",
            url: "/ajax/productgroepen.php",
            data: "hoofdcategorie="+hoofdcategorie+"&staat="+staat,
            dataType: "html",
            success: function(result) {
             	var arr_productgroepen = result.split("|");
            	var options = "<option value=''>Alles</option>";
   				 for (var i = 0; i < arr_productgroepen.length; i++)
   				 {
   				 	var arr_prodgroep 	= arr_productgroepen[i].split("_");
   				 	var groep_id 		= arr_prodgroep[0];
   				 	var naam 			= arr_prodgroep[1];

   				 	options += "<option value="+groep_id+">"+naam+"</option>";
   				 }

   				 $("#productgroepen_2").html(options);
   				 $("#div_productgroepen_2").slideDown();
            }
        });

	});

	$("#productgroepen").change(function(){
		$("#div_subgroepen").slideUp();
		var productgroep = $(this).val();

		$.ajax({
            type: "POST",
            url: "/ajax/subgroepen.php",
            data: "productgroep="+productgroep,
            dataType: "html",
            success: function(result_sub) {
            	var arr_subgroepen = result_sub.split("|");
            	var options_sub = "<option value=''>Alles</option>";

   				 for (var i = 0; i < arr_subgroepen.length; i++)
   				 {
   				 	var arr_subgroep 	= arr_subgroepen[i].split("_");
   				 	var sub_id 			= arr_subgroep[0];
   				 	var sub_naam 		= arr_subgroep[1];

   				 	options_sub += "<option value="+sub_id+">"+sub_naam+"</option>";
   				 }

   				 $("#subgroepen").html(options_sub);
   				 $("#div_subgroepen").slideDown();
            }
		});
	});

	$("#productgroepen_2").change(function(){
		$("#div_subgroepen_2").slideUp();
		var productgroep = $(this).val();

		$.ajax({
            type: "POST",
            url: "/ajax/subgroepen.php",
            data: "productgroep="+productgroep,
            dataType: "html",
            success: function(result_sub) {
            	var arr_subgroepen = result_sub.split("|");
            	var options_sub = "<option value=''>Alles</option>";

   				 for (var i = 0; i < arr_subgroepen.length; i++)
   				 {
   				 	var arr_subgroep 	= arr_subgroepen[i].split("_");
   				 	var sub_id 			= arr_subgroep[0];
   				 	var sub_naam 		= arr_subgroep[1];

   				 	options_sub += "<option value="+sub_id+">"+sub_naam+"</option>";
   				 }

   				 $("#subgroepen_2").html(options_sub);
   				 $("#div_subgroepen_2").slideDown();
            }
		});
	});

	$(".js_deleteproduct").live('click',function(){
		if ($(this).closest('.orderitem').hasClass('customitem_new'))
		{
			$(this).closest('.orderitem').remove();
		}
		else
		{
			$(this).closest('.orderitem').find('input.amount').val('rem');
			$('input[name="update"]').click();
		}

	});

	$('.js_offertesubmit').click(function(){
		$(this).closest('form').attr('action','/index.php?id=67').attr('target','_blank').submit();
	});

	$('.js_newproduct').click(function(){
		var pline = $('.orderitem_template').html();

		$('.js_orderitems').append(pline);
		$('.js_orderitems').find('input').attr('disabled','');
	});

	$('.js_extraproduct').click(function(){
		var pline = $('.extraorderitem_template').html();

		$('.js_extraproducten').append(pline);
		$('.js_extraproducten').find('input').attr('disabled','');
	});

	// add product to shopping basket
	$("a.js_orderproduct").click(function(){
		var prods = '';
		$('input.js_verwantproduct:checked').each(function(){
			prods += $(this).val()+',';
		});
		$("input[name='verwante_producten']").val(prods);
		$("form[name='orderproduct']").submit();
	});

	$('.js_offerte').dblclick(function(){
		$.colorbox({
			href: '/login_lemmen.php'
		});
	});

    // Switch betaalmethode pagina
	$('.order input[name="betaalmethode"]').click(function(){

		if ($('.order input[value="creditcard"]:checked').length == 1)
        {
			$('#providers_creditcard').show();
			$('#banken_ideal').hide();
			$('#uitleg_overboeking').hide();
        }
		else if ($('.order input[value="ideal"]:checked').length == 1)
        {
			$('#providers_creditcard').hide();
			$('#banken_ideal').show();
			$('#uitleg_overboeking').hide();
        }
        else if ($('.order input[value="overboeking"]:checked').length == 1)
        {
			$('#providers_creditcard').hide();
			$('#banken_ideal').hide();
			$('#uitleg_overboeking').show();
        }
	});

	if (typeof $().jsonSuggest == 'function') {
		$("input.js_productsuggest").jsonSuggest({
			url: "/ajax/autosuggest.php",
			minCharacters: 3,
			maxHeight: 320,
			width: '165px',
			highlightMatches: true
		});
	}
});

function relative_time(time_value) {
	var values = time_value.split(" ");
	time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
	var parsed_date = Date.parse(time_value);
	var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
	var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
	delta = delta + (relative_to.getTimezoneOffset() * 60);

	if (delta < 60) {
		return 'minder dan 1 minuut geleden';
	} else if(delta < 120) {
		return 'ongeveer 1 minuut geleden';
	} else if(delta < (60*60)) {
		return 'ongeveer ' + (parseInt(delta / 60)).toString() + ' minuten geleden';
	} else if(delta < (120*60)) {
		return 'ongeveer 1 uur geleden';
	} else if(delta < (24*60*60)) {
		return 'ongeveer ' + (parseInt(delta / 3600)).toString() + ' uur geleden';
	} else if(delta < (48*60*60)) {
		return '1 dag geleden';
	} else {
		return (parseInt(delta / 86400)).toString() + ' dagen geleden';
	}
}