$(document).ready(function() {
	$('#cases').hide();

	DLLload('#contentBox','index.html','div.case.show');
});

function DLLload (ID,PAGE,LOADCLASS) {

	$(ID).load(""+PAGE+" "+LOADCLASS,function(){
		DLLprepareCases();
		DLLmakeLinks();
		DLLslider("#slider");
		DLLshowText();
		$('#cases').remove();

	});

}



function DLLprepareCases() {
	$("div.loader").appendTo("body");
	$("#contentBox div.case").parent("div").wrapInner("<ul>").children("ul").attr("id","slider");

	$("#contentBox div.case").each(function(){

		//var Titel = $(this).find("h3.caseTitle").text();
		
		var Text = $(this).find("div.caseText").html();

		if($(this).find("p.caseLink").length) {	
			var Link = $(this).find("p.caseLink").html();
		} else {
			Link="";	
		}
		
		if($(this).find("h3.caseTitle").length) {	
			var Titel = $(this).find("h3.caseTitle").text();
			Titel = "<strong>"+Titel+"</strong>";
		} else {
			Titel="";
		}
			
		var boeltje  = $(this).find("ul.caseImages li").prepend("<div class=\"text\">"+Titel+Text+Link+"</div>");
		$(this).find("ul.caseImages li img").attr({width:880,height:660});

		$(this).wrap("<div>");
		$(this).parent().replaceWith(boeltje);
	});

}

function DLLshowText() {

	$("a.infoBttn").toggle(

		function(){
			$('#slider').cycle('pause'); 
			$('a.pauseBttn').html(" &#9654; ");
			$('a.pauseBttn').removeClass("pauseState");
			$('a.pauseBttn').addClass("resumeState");
			$('#slider li:visible div').fadeIn(750);
			$(this).text("sluit");
			$('a.prevBttn, a.nextBttn, a.pauseBttn').fadeOut();
		},
		function(){
			$('#slider li:visible div').fadeOut(400);
			$('#slider').cycle('resume');
			$('a.pauseBttn').html("II");
			$('a.pauseBttn').removeClass("resumeState");
			$('a.pauseBttn').addClass("pauseState");
			$(this).text("info");
			$('a.prevBttn, a.nextBttn, a.pauseBttn').fadeIn();
			
			
		});
}

function DLLmakeLinks() {

	$("#slider").parent("div").append("<ul id=\"sliderControl\">");
	$("#sliderControl").append("<li><a href=\"#\" class=\"prevBttn\">&larr;</a></li>");
	$("#sliderControl").append("<li><a href=\"#\" class=\"pauseBttn\">I I</a></li>");
	$("#sliderControl").append("<li><a href=\"#\" class=\"nextBttn\">&rarr;</a></li>");
	$("#sliderControl").append("<li class=\"info\"><a href=\"#\" class=\"infoBttn\">info</a></li>");
	
	$("a.pauseBttn").toggle(

		function(){
			$('#slider').cycle('pause'); 
			$(this).html(" &#9654; ");
			$(this).removeClass("pauseState");
			$(this).addClass("resumeState");

		},
		function(){
			$('#slider').cycle('resume',true); 
			$(this).html("II");
			$(this).removeClass("resumeState");
			$(this).addClass("pauseState");

		});
}

function DLLslider(ID) {
	$(ID).cycle({
		fx: 'fade',
		timeout: 4500,
		pause: 0,
		delay: 2000,
		speed: 1700,
		prev: '.prevBttn',
		next: '.nextBttn'
	});
	$("#slider li div").hide();

}

function noSpam(user,domain){
	locationstring = "mailto:" + user + "@" + domain + ".be";
	window.location = locationstring;
}
function DLLshowLinksCases(){
	$("div#cntr ul.caseImages li").each(function(){
		var link = $(this).text();
		$(this).wrapInner('<a>').children('a').attr('href','images/'+link);
		
	});
	$("div.cases").hide();
	
}