$(function(){

/*	
		$(".voeg_toe a").click(function() {
    // alert("Hello world!");
     // verander de tekst in 'item is toegevoegd aan mijn uitloper!'
     // voeg met $.post('mijnUitloperVerwerp.php',{ action: "add", id: $(this).attr('href') }, function(data){ alert(data);} )
     alert($(this).attr('href'));
     var href=$(this).attr('href');
     //re = new RegExp("ab+c");
     var pattern=/"\d+"/;// dit is dus "+nummer+"
     var pattern=/\d+/;// dit is alleen eenn nummer in de string
     var pattern=/"(\d+)"/;// dit is "+nummer+" en daarna een nummer 
     var result=pattern.exec(href);
     alert(result); 
     return false;
   });
*/

	
	var NummerUitString=/\d+/;// dit is alleen eenn nummer in de string
	
	$(".voeg_toe a").click(function() {
		// verander de tekst in 'item is toegevoegd aan mijn uitloper!'
		$(this).text('toegevoegd!');
		// voeg met $.post('mijnUitloperVerwerp.php',{ action: "add", id: uitloperId }, function(data){ alert(data);} )
		var href=$(this).attr('href');
		var uitloperId=NummerUitString.exec(href);
		if(! $("#stukje_"+uitloperId).length ){
			$.getJSON(
				'mijnUitloperVerwerp.php',
				{ action: "add", id: uitloperId },
				function(data){
	//				alert(data['action']+data['titel']+data['id']);
					addToMijnUitloper(data['id'],data['titel']);
				}
			);
		}
		return false;
	});
	
	$("a.delMini").click(function() {
		var href=$(this).attr('href');
		var uitloperId=NummerUitString.exec(href);
		$.getJSON(
			'mijnUitloperVerwerp.php',
			{ action: "del", id: uitloperId },
			function(data){
//				alert(data['action']+data['titel']+data['id']);
				delFromMijnUitloper(data['id']);
			}
		);
		return false;
	});
	
	
	function addToMijnUitloper(id,titel){
		if(! $("#stukje_"+id).length ){
			$("#mijn_uitloper img:first").after("<div id='stukje_"+id+"'><a class='delMini' href='javascript:Mini_del_submit(\""+id+"\");'><img src='images/icoon_delete.gif' alt='' hspace='3' height='11' width='9' align='right' border='0' vspace='2'></a><span class='mijn_uitloper_kop'>"+titel+"</span></div>");
			
			$("a.delMini").click(function() {
				var href=$(this).attr('href');
				var uitloperId=NummerUitString.exec(href);
				$.getJSON(
					'mijnUitloperVerwerp.php',
					{ action: "del", id: uitloperId },
					function(data){
						delFromMijnUitloper(data['id']);
					}
				);
				return false;
			});
		}
	};
	
	function delFromMijnUitloper(id){
		$("#stukje_"+id).remove();
	};
	
	
	
});