jQuery(document).ready(function(){ 
    setTimeout('initialize()', 200);

});

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}

/**
 * In een eigen functie met timeout, anders worden ze te snel geinitialiseerd.
 */
function initialize() {

	// apply to all png images 


	jQuery(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })
	
	jQuery('#slide1 .slide_rechts').bind('mouseover', function(e) { stopAnim();slide1over(); });
	jQuery('#slide2 .slide_rechts').bind('mouseover', function(e) { stopAnim();slide2over(); });
	jQuery('#slide3 .slide_rechts').bind('mouseover', function(e) { stopAnim();slide3over(); });
	jQuery('#slide4 .slide_rechts').bind('mouseover', function(e) { stopAnim();slide4over(); });
	jQuery('#slide5 .slide_rechts').bind('mouseover', function(e) { stopAnim();slide5over(); });
	jQuery('#slide6 .slide_rechts').bind('mouseover', function(e) { stopAnim();slide6over(); }); 

	
    keywordify('#contentholder');
    keywordify('#footer');
    
	tb_init('a.thickbox, a.thickboxx, area.thickbox, input.thickbox');
    
    jQuery('acronym').bind('click', function(e) { window.location = jQuery(this).attr('href'); }); 
     
}


function keywordify(element) {

    var mykeywords = keywords.split(/~/g);
    var myhtml = jQuery(element).html();
    var line = "";
    var transfrom = "";
    var title = "";
    var link = "";
    var transto = "";
    
	for ( x=0; x<mykeywords.length; x++ ) {
    
        line = mykeywords[x].split(/#/g);
		transfrom = line[0].trim();
		title = line[1].trim();
		link = line[2].trim();
		transto = "<acronym class='keyword' title='" + title + "' href='" + link + "'>" + transfrom + "</acronym>";
		
		// Kijk of het woord aanwezig is.
		idx = myhtml.indexOf(transfrom);
        
		// Vervang het woord, zo nodig meerdere malen.
		while ( idx > -1 ) {
            
			re = /[a-zA-Z-]/;
			var trans_diff_length = 0;
			// alleen 'iets' doen als de karakters om het woord heen geen letters of koppeltekens zijn.
			if ( !(myhtml.substr((idx-1),1).match(re)) && !(myhtml.substr((idx+transfrom.length),1).match(re)) ) {
			
				// Vervang het omgespelde woord.
				// FIXME: dit komt soms niet overeen met match
				//str = str.replace( transfrom, transto );
				pre_str=myhtml.substr(0,idx);
				post_str=myhtml.substring(idx+transfrom.length);
				myhtml=pre_str + transto + post_str;
				//rekening houden met lengte van de string die in de plaats komt ivm offset
				trans_diff_length=transto.length - transfrom.length;	

			}
			// skip huidige match
			idx = myhtml.indexOf( transfrom, (idx+1+trans_diff_length) );		

		}
	}   

    
    jQuery(element).html( myhtml );

}



/* X-possen:
0 - -168px
136 - -32px
272 - 112px
408 - 248px
544 - 384px
680 - 520px
*/

function stopAnim() {
	jQuery("#slide1").stop();
	jQuery("#slide2").stop();
	jQuery("#slide3").stop();
	jQuery("#slide4").stop();
	jQuery("#slide5").stop();
	jQuery("#slide6").stop();
}

function slide1over() {
	jQuery("#slide1").animate({ left: "0px" }, 400, "easeOutCirc" );
	jQuery("#slide2").animate({ left: "136px" }, 400, "easeOutCirc" );
	jQuery("#slide3").animate({ left: "272px" }, 400, "easeOutCirc" );
	jQuery("#slide4").animate({ left: "408px" }, 400, "easeOutCirc" );
	jQuery("#slide5").animate({ left: "544px" }, 400, "easeOutCirc" );
}


function slide2over() {
	jQuery("#slide1").animate({ left: "-150px" }, 400, "easeOutCirc" );
	jQuery("#slide2").animate({ left: "136px" }, 400, "easeOutCirc" );
	jQuery("#slide3").animate({ left: "272px" }, 400, "easeOutCirc" );
	jQuery("#slide4").animate({ left: "408px" }, 400, "easeOutCirc" );
	jQuery("#slide5").animate({ left: "544px" }, 400, "easeOutCirc" );
}


function slide3over() {
	jQuery("#slide1").animate({ left: "-150px" }, 400, "easeOutCirc" );
	jQuery("#slide2").animate({ left: "-14px" }, 400, "easeOutCirc" );
	jQuery("#slide3").animate({ left: "272px" }, 400, "easeOutCirc" );
	jQuery("#slide4").animate({ left: "408px" }, 400, "easeOutCirc" );
	jQuery("#slide5").animate({ left: "544px" }, 400, "easeOutCirc" );
}


function slide4over() {
	jQuery("#slide1").animate({ left: "-150px" }, 400, "easeOutCirc" );
	jQuery("#slide2").animate({ left: "-14px" }, 400, "easeOutCirc" );
	jQuery("#slide3").animate({ left: "122px" }, 400, "easeOutCirc" );
	jQuery("#slide4").animate({ left: "408px" }, 400, "easeOutCirc" );
	jQuery("#slide5").animate({ left: "544px" }, 400, "easeOutCirc" );
}

function slide5over() {
	jQuery("#slide1").animate({ left: "-150px" }, 400, "easeOutCirc" );
	jQuery("#slide2").animate({ left: "-14px" }, 400, "easeOutCirc" );
	jQuery("#slide3").animate({ left: "122px" }, 400, "easeOutCirc" );
	jQuery("#slide4").animate({ left: "258px" }, 400, "easeOutCirc" );
	jQuery("#slide5").animate({ left: "544px" }, 400, "easeOutCirc" );
}


function slide6over() {
	jQuery("#slide1").animate({ left: "-150px" }, 400, "easeOutCirc" );
	jQuery("#slide2").animate({ left: "-14px" }, 400, "easeOutCirc" );
	jQuery("#slide3").animate({ left: "122px" }, 400, "easeOutCirc" );
	jQuery("#slide4").animate({ left: "258px" }, 400, "easeOutCirc" );
	jQuery("#slide5").animate({ left: "394px" }, 400, "easeOutCirc" );
}