$( function () {
	$(".links, .rechts, .overzicht a").live('click', function (e) {
		$urlOrgineel = $(this).attr('href');
		$url = $urlOrgineel.replace("-m-", "-am-");
		
		$.ajax({
			type: "GET",
			dataType: 'json',
			url: $url,
			error: function () {
				$("div#mop").text("Er ging iets fout bij het laden van pagina. Probeert u het later nog eens");
				$("div#mop").removeClass("loader");
			},
			beforeSend: function () {
				$("div#mop").text('').addClass("loader");
			},
			success: function (data) {
				$("div#mop").removeClass("loader");
				$("a.links").attr("href", data.vorigeLink);
				$("a.links").text( data.vorigeTitel );
				
				$("a.rechts").attr("href", data.volgendeLink);
				$("a.rechts").text( data.volgendeTitel );
				
				$("div#mop_titel h1").text( data.titel );
				$("div#mop").html( data.mop.replace("\r\n", '<br />').replace("\n", '<br />') );
				$("a.taf").attr("href", data.tellafriend);
				
				$("ul.overzicht a").removeClass("selected");
				$("ul.overzicht a[href=" + data.currentLink + "]").addClass("selected");
				
				$("select#rating").attr("title", data.id);
				
				$.address.value($urlOrgineel);
				
				$(document).attr("title", data.titel+ " - Mop in je mail.nl");
			}
		});
		return false;
	});
	
	
	$.address.bind('externalChange', function(event) {
		$path = event.path.replace("/", "");
		$("ul.overzicht a[href=" + $path + "]").trigger('click');
  });
	
	$("div.box_content:first a").click( function () {
		$url = $(this).attr("href");
		$url = $url.replace('-c-', '-ac-');
		$clickedUrl = $(this);
		
		$.ajax({
			type: "GET",
			dataType: 'json',
			url: $url,
			error: function () {
				$("div#mop").text("Er ging iets fout bij het laden van pagina. Probeert u het later nog eens");
				$("div#mop").removeClass("loader");
			},
			beforeSend: function () {
				$("div#mop").text('').addClass("loader");
			},
			success: function (data) {
				$("div#mop").removeClass("loader");
				$("ul.overzicht").empty();
				$("div#moppen_lijst span").text( data.categorienaam );
				
				if(console) console.log( $("div#moppen_lijst span") );
				
				$.each(data.categorieLijst, function (k, v) {
					$("<li></li>").appendTo("ul.overzicht").html('<a href="' + this.link + '">' + this.naam + '</a>');
				});
				$("ul.overzicht a:first").addClass("selected");
				$("ul.overzicht a:first").trigger("click");
				$("div.box_content a").removeClass("selected");
				$clickedUrl.addClass("selected");
			}
		});
		
		return false;
	});
	
	$("#zoekbox-veld").autocomplete('autoComplete.php');
});