// JavaScript Document

// Deze code voegt DIV containers toe aan reeds in het HTML bestand aanwezige DIVs, zorgt dat sommigen soorteerbaar zijn en dat de 'widgets' inklapbaar zijn.
jQuery(function(){
		$(".wrapper").sortable({handle: '.drag_m',opacity: 0.7});
		$(".subwrapper").sortable({handle: '.drag_c',opacity: 0.7});
		$(".column").sortable({handle: '.drag_w',opacity: 0.7});
		$(".column2").sortable({handle: '.drag_w',opacity: 0.7});
		$(".two_wrap").sortable({handle: '.drag_w',opacity:0.7});
		$(".column3").append('<div class="drag_m"></div>');
		$(".buttons").append('<div class="drag_w"></div>','<div class="close_flash"></div>','<div class="drag_c"></div>');
		$(".close_flash").click(function (){
			if ($(this).parent().next().data("collapsed")=="yes") {
				$(this).parent().next().data("collapsed","no");
				//$(this).parent().next().animate({height:$(this).parent().next().data("height")});
				$(this).parent().next().show("slow");
			} else {
				//$(this).parent().next().data("height",$(this).parent().next().height());
				$(this).parent().next().data("collapsed","yes");
				//$(this).parent().next().data("flash","yes");
				//$(this).parent().next().animate({height:19});
				$(this).parent().next().hide("slow");
			}
		});
		
// Deze code is specifiek voor het "laatste nieuwtjes" blok. Hiermee wordt de inhoud automatisch aangemaakt aan de hand van een XML bestand.		
		$.ajax({
		type: "GET",
		url: "xml/news.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('item').each(function(){
				var id = $(this).attr('id');
				var title = $(this).find('title').text();
				var pic = $(this).find('pic').text();
				var url = $(this).find('url').text();
				$('<div class="items" id="link_'+id+'" style="text-align:left;height:55px;padding:5px;"></div>').html('<img src="'+pic+'" alt="pic_'+id+'" align="left" style="padding-right:5px;"><a href="_self" style="color:#000000;font:Trebuchet MS;font-size:12px;padding:5px;cursor:default;">'+title+'</a>').appendTo(".news_content");
				$(this).find('desc').each(function(){
					//var brief = $(this).find('brief').text();
					var long = $(this).find('long').text();
					//$('<div class="brief" style="font:Trebuchet MS;font-size:12px;text-align:left;"></div>').html(brief).appendTo('#link_'+id);
					$('<div class="long" style="font:Trebuchet MS;font-size:12px;text-align:left;"></div>').html(long).appendTo('#link_'+id);
				});
			});
		}
		});
	});