/*!
 * BNN Home
 */

jQuery(document).ready(function(){
								
  blokken.init();		
   $("div#makeMeScrollable").smoothDivScroll({ autoScroll: "onstart", autoScrollDirection: "backandforth", autoScrollStep: 0, autoScrollInterval: 15});
  
});

var  blokken = {
        host_name: "http://www.bnn.nl",
        location_url: window.location.href,

        init: function(param){
                if (!param) this.haalDataHL();
				if (param == "tv") this.haalDataTV();
				if (param == "radio") this.haalDataRadio();				
				if (param == "gemist") this.haalDataGemist();								
				if (param == "interactief") this.haalDataInteractief();				
				if (param == "leden") this.haalDataLeden();								
        },

        haalDataHL: function() {
                        jQuery.ajax({
                                type: "GET",
                                cache: false,
                                dataType: "json",
                                error: blokken.failedhaalData,
                                success: blokken.importData,
                                url: "/jsonhomehighlights"
                        });

        },
        haalDataTV: function() {
                        jQuery.ajax({
                                type: "GET",
                                cache: false,
                                dataType: "json",
                                error: blokken.failedhaalData,
                                success: blokken.importData,
                                url: "/jsonhometv"
                        });

        },
        haalDataRadio: function() {

                        jQuery.ajax({
                                type: "GET",
                                cache: false,
                                dataType: "json",
                                error: blokken.failedhaalData,
                                success: blokken.importData,
                                url: "/jsonhomeradio"
                        });

        },
        haalDataGemist: function() {

                        jQuery.ajax({
                                type: "GET",
                                cache: false,
                                dataType: "json",
                                error: blokken.failedhaalData,
                                success: blokken.importData,
                                url: "/jsonhomegemist"
                        });

        },
        haalDataInteractief: function() {

                        jQuery.ajax({
                                type: "GET",
                                cache: false,
                                dataType: "json",
                                error: blokken.failedhaalData,
                                success: blokken.importData,
                                url: "/jsonhomeinteractief"
                        });

        },
        haalDataLeden: function() {

                        jQuery.ajax({
                                type: "GET",
                                cache: false,
                                dataType: "json",
                                error: blokken.failedhaalData,
                                success: blokken.importData,
                                url: "/jsonhomeleden"
                        });

        },
		
		

        failedhaalData: function(request, textStatus, errorThrown) {
		                //alert('Error loading file'+request+textStatus+errorThrown);
        },

        // Import Comment data
        importData: function(data, textStatus) {
                if (data != "") {
                        var boxes = jQuery('<div id="filler">');
					if (data[0].patroon == 6)	{ 
					
					boxes = '<ul class="bigbloks"><li class="bigblok" id="blok1"><img src="/data/images/wit.png" id="wit1"/><img src="/data/images/raster.png" border="0" id="raster1"/><img src="'+ data[0].blokken[0].foto + '" id="foto1"/><img src="/data/images/balk.png" id="balk1"/><div id="tekst1">'+ data[0].blokken[0].titel + '</div><div id="info1"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[0].titel + '</div><div id="tekst">'+ data[0].blokken[0].tekst +'</div>';
					if (data[0].blokken[0].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url+'">'+data[0].blokken[0].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[0].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url2+'">'+data[0].blokken[0].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					boxes += '</div></li>';
					
					boxes += '<li class="bigblok" id="blok2"><img src="/data/images/wit.png" id="wit2"/><img src="/data/images/raster.png" border="0" id="raster2"/><img src="'+ data[0].blokken[1].foto + '" id="foto2"/><img src="/data/images/balk.png" id="balk2"/><div id="tekst2">'+ data[0].blokken[1].titel + '</div><div id="info2"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[1].titel + '</div><div id="tekst">'+ data[0].blokken[1].tekst +'</div>';
					if (data[0].blokken[1].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[1].url+'">'+data[0].blokken[1].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[1].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[1].url2+'">'+data[0].blokken[1].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					boxes += '</div></li>';
					
					boxes += '</ul>';
					boxes += '<br clear="all" /><ul class="smallbloks"><div id="groot1"><div style="height: 206px; background-image:url(/data/images/raster.png);"><div style="margin: 10px; background-image:url('+ data[0].blokken[2].foto + '); height: 186px;"><div style="padding: 20px; background-image:url(/data/images/70.png); height: 146px;"><div  class="kop" style="color: #fff; font-size: 16px;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[2].titel + '</div><div id="tekst">'+ data[0].blokken[2].tekst +'</div>';
					if (data[0].blokken[2].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[2].url+'">'+data[0].blokken[2].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[2].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[2].url2+'">'+data[0].blokken[2].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					
					
					boxes += '</div></div></div></div><li id="klein1" class="smallblok"><img src="/data/images/wit-klein.png" id="witklein1"/><img src="/data/images/raster-klein.png" id="rasterklein1"/><img src="'+ data[0].blokken[2].foto + '" id="fotoklein1"/><img src="/data/images/balk-klein.png" id="balkklein1"/><div id="tekstklein1">'+ data[0].blokken[2].titel + '</div></li>';
					
					boxes += '<div id="groot2"><div style="height: 206px; background-image:url(/data/images/raster.png);"><div style="margin: 10px; background-image:url('+ data[0].blokken[3].foto + '); height: 186px;"><div style="padding: 20px; background-image:url(/data/images/70.png); height: 146px;"><div  class="kop" style="color: #fff; font-size: 16px;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[3].titel + '</div><div id="tekst">'+ data[0].blokken[3].tekst +'</div>';
					if (data[0].blokken[3].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[3].url+'">'+data[0].blokken[3].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[3].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[3].url2+'">'+data[0].blokken[3].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					
					
					boxes += '</div></div></div></div><li id="klein2" class="smallblok"><img src="/data/images/wit-klein.png" id="witklein2"/><img src="/data/images/raster-klein2.png" id="rasterklein2"/><img src="'+ data[0].blokken[3].foto + '" id="fotoklein2"/><img src="/data/images/balk-klein.png" id="balkklein2"/><div id="tekstklein2">'+ data[0].blokken[3].titel + '</div></li>';
					
					boxes += '<div id="groot3"><div style="height: 206px; background-image:url(/data/images/raster.png);"><div style="margin: 10px; background-image:url('+ data[0].blokken[4].foto + '); height: 186px;"><div style="padding: 20px; background-image:url(/data/images/70.png); height: 146px;"><div  class="kop" style="color: #fff; font-size: 16px;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[4].titel + '</div><div id="tekst">'+ data[0].blokken[4].tekst +'</div>';
					if (data[0].blokken[4].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[4].url+'">'+data[0].blokken[4].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[4].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[4].url2+'">'+data[0].blokken[4].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					
					
					boxes += '</div></div></div></div><li id="klein3" class="smallblok"><img src="/data/images/wit-klein.png" id="witklein3"/><img src="/data/images/raster-klein.png" id="rasterklein3"/><img src="'+ data[0].blokken[4].foto + '" id="fotoklein3"/><img src="/data/images/balk-klein.png" id="balkklein3"/><div id="tekstklein3">'+ data[0].blokken[4].titel + '</div></li>';
					
					boxes += '<div id="groot4"><div style="height: 206px; background-image:url(/data/images/raster.png);"><div style="margin: 10px; background-image:url('+ data[0].blokken[5].foto + '); height: 186px;"><div style="padding: 20px; background-image:url(/data/images/70.png); height: 146px;"><div  class="kop" style="color: #fff; font-size: 16px;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[5].titel + '</div><div id="tekst">'+ data[0].blokken[5].tekst +'</div>';
					if (data[0].blokken[5].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[5].url+'">'+data[0].blokken[5].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[5].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[5].url2+'">'+data[0].blokken[5].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					
					
					boxes += '</div></div></div></div><li id="klein4" class="smallblok"><img src="/data/images/wit-klein.png" id="witklein4"/><img src="/data/images/raster-klein2.png" id="rasterklein4"/><img src="'+ data[0].blokken[5].foto + '" id="fotoklein4"/><img src="/data/images/balk-klein.png" id="balkklein4"/><div id="tekstklein4">'+ data[0].blokken[5].titel + '</div>';							
					
					
					boxes += '</li></ul><br clear="all" />';
					
					}
					
					if (data[0].patroon == 2)	{ 
					
					boxes = '<ul class="biggerbloks"><li class="biggerbloks" id="biggerblok1"><img src="/data/images/wit-bigger.png" id="witbigger1"/><img src="/data/images/raster-bigger-1.png" border="0" id="rasterbigger1"/><img src="'+ data[0].blokken[0].foto + '" id="fotobigger1"/><img src="/data/images/balk-bigger.png" id="balkbigger1"/><div id="tekstbigger1">'+ data[0].blokken[0].titel + '</div><div id="infobigger1"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[0].titel + '</div><div id="tekst">'+ data[0].blokken[0].tekst +'</div>';
					if (data[0].blokken[0].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url+'">'+data[0].blokken[0].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[0].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url2+'">'+data[0].blokken[0].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					boxes += '</div></li>';					
					boxes += '<li class="bigblok" id="biggerblok2"><img src="/data/images/wit-bigger.png" id="witbigger2"/><img src="/data/images/raster-bigger-2.png" id="rasterbigger2"/><img src="'+ data[0].blokken[1].foto + '" id="fotobigger2" /><img src="/data/images/balk-bigger.png" id="balkbigger2"/><div id="tekstbigger2">'+ data[0].blokken[1].titel + '</div><div id="infobigger2"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[1].titel + '</div><div id="tekst">'+ data[0].blokken[1].tekst +'</div>';
					if (data[0].blokken[1].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[1].url+'">'+data[0].blokken[1].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[1].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[1].url2+'">'+data[0].blokken[1].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}				
					
					
					boxes += '</li></ul><br clear="all" />';							}					
					
					
					
					if (data[0].patroon == 4)	{ 
					
					boxes = '<ul class="biggerbloks"><li class="biggerbloks" id="biggerblok1"><img src="/data/images/wit-bigger.png" id="witbigger1"/><img src="/data/images/raster-bigger-1.png" border="0" id="rasterbigger1"/><img src="'+ data[0].blokken[0].foto + '" id="fotobigger1"/><img src="/data/images/balk-bigger.png" id="balkbigger1"/><div id="tekstbigger1">'+ data[0].blokken[0].titel + '</div><div id="infobigger1"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[0].titel + '</div><div id="tekst">'+ data[0].blokken[0].tekst +'</div>';
					if (data[0].blokken[0].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url+'">'+data[0].blokken[0].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[0].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url2+'">'+data[0].blokken[0].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					boxes += '</div></li></ul>';					
					
										boxes += '<ul class="bigbloks"><li class="bigblok" id="blok2"><img src="/data/images/wit.png" id="wit2"/><img src="/data/images/raster.png" border="0" id="raster2"/><img src="'+ data[0].blokken[1].foto + '" id="foto2"/><img src="/data/images/balk.png" id="balk2"/><div id="tekst2">'+ data[0].blokken[1].titel + '</div><div id="info2"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[1].titel + '</div><div id="tekst">'+ data[0].blokken[1].tekst +'</div>';
					if (data[0].blokken[1].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[1].url+'">'+data[0].blokken[1].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[1].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[1].url2+'">'+data[0].blokken[1].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					boxes += '</div></li></ul><br />';
					
					boxes += '<ul class="smallbloks"><div id="groot1"><div style="height: 206px; background-image:url(/data/images/raster.png);"><div style="margin: 10px; background-image:url('+ data[0].blokken[2].foto + '); height: 186px;"><div style="padding: 20px; background-image:url(/data/images/70.png); height: 146px;"><div  class="kop" style="color: #fff; font-size: 16px;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[2].titel + '</div><div id="tekst">'+ data[0].blokken[2].tekst +'</div>';
					if (data[0].blokken[2].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[2].url+'">'+data[0].blokken[2].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[2].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[2].url2+'">'+data[0].blokken[2].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					
					
					boxes += '</div></div></div></div><li id="klein1" class="smallblok" style="margin-left: 10px;"><img src="/data/images/wit-klein.png" id="witklein1"/><img src="/data/images/raster-klein.png" id="rasterklein1"/><img src="'+ data[0].blokken[2].foto + '" id="fotoklein1"/><img src="/data/images/balk-klein.png" id="balkklein1"/><div id="tekstklein1">'+ data[0].blokken[2].titel + '</div></li>';
					
					boxes += '<div id="groot2"><div style="height: 206px; background-image:url(/data/images/raster.png);"><div style="margin: 10px; background-image:url('+ data[0].blokken[3].foto + '); height: 186px;"><div style="padding: 20px; background-image:url(/data/images/70.png); height: 146px;"><div  class="kop" style="color: #fff; font-size: 16px;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[3].titel + '</div><div id="tekst">'+ data[0].blokken[3].tekst +'</div>';
					if (data[0].blokken[3].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[3].url+'">'+data[0].blokken[3].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[3].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[3].url2+'">'+data[0].blokken[3].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	

					boxes += '</div></div></div></div><li id="klein2" class="smallblok" style="margin-left: 190px;"><img src="/data/images/wit-klein.png" id="witklein2"/><img src="/data/images/raster-klein.png" id="rasterklein2"/><img src="'+ data[0].blokken[3].foto + '" id="fotoklein2"/><img src="/data/images/balk-klein.png" id="balkklein2"/><div id="tekstklein2">'+ data[0].blokken[3].titel + '</div></li>';

					
					boxes += '</div></div></div></div>';
					
					
					
					boxes += '</ul><br clear="all" />';							}						
					
					
					
					
					if (data[0].patroon == 1)	{ 
					
					boxes = '<ul class="biggestbloks"><li class="biggestbloks" id="biggestblok1"><img src="/data/images/wit-biggest.png" id="witbiggest"/><img src="/data/images/raster-biggest.png" border="0" id="rasterbiggest"/><img src="'+ data[0].blokken[0].foto + '" id="fotobiggest"/><img src="/data/images/balk-biggest.png" id="balkbiggest"/><div id="tekstbiggest">'+ data[0].blokken[0].titel + '</div><div id="infobiggest"><div  class="kop" style="color: #fff;"><img src="/data/images/close.png" style="float: right"; class="kleinweg"/>'+ data[0].blokken[0].titel + '</div><div id="tekst">'+ data[0].blokken[0].tekst +'</div>' ;											
					if (data[0].blokken[0].url) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url+'">'+data[0].blokken[0].urltekst+'<img src="/data/images/playknop.png" style="float: right;  border: 0px;"></a></span>';}	
					if (data[0].blokken[0].url2) { boxes += '<hr><span class="tekst"><a href="'+data[0].blokken[0].url2+'">'+data[0].blokken[0].urltekst2+'<img src="/data/images/playknop.png" style="float: right; border: 0px;"></a></span>';}	
					boxes += '</div></li></ul><br clear="all" />';
                               
					}
                        jQuery('div#slideshowbox').empty();
                        jQuery('div#slideshowbox').append(boxes);
// 1						
						
		$('#biggestblok1').mouseenter(function() {
		  $('#infobiggest').show();
		  $('#balkbiggest').hide();
		  $('#tekstbiggest').hide();		  
 	 	});						
		$('#biggestblok1').mouseleave(function() {
		  $('#infobiggest').hide();
		  $('#balkbiggest').show();		  
		  $('#tekstbiggest').show();		  		  
 	 	});						


// 2
		$('#biggerblok1').mouseenter(function() {
		  $('#infobigger1').show();
		  $('#balkbigger1').hide();
		  $('#tekstbigger1').hide();		  
 	 	});						
		$('#biggerblok1').mouseleave(function() {
		  $('#infobigger1').hide();
		  $('#balkbigger1').show();		  
		  $('#tekstbigger1').show();		  		  
 	 	});	

		$('#biggerblok2').mouseenter(function() {
		  $('#infobigger2').show();
		  $('#balkbigger2').hide();
		  $('#tekstbigger2').hide();		  
 	 	});						
		$('#biggerblok2').mouseleave(function() {
		  $('#infobigger2').hide();
		  $('#balkbigger2').show();		  
		  $('#tekstbigger2').show();		  		  
 	 	});	

// 4
		$('#blok1').mouseenter(function() {
		  $('#info1').show();
		  $('#balk1').hide();
		  $('#tekst1').hide();		  
 	 	});						
		$('#blok1').mouseleave(function() {
		  $('#info1').hide();
		  $('#balk1').show();		  
		  $('#tekst1').show();		  		  
 	 	});	

		$('#blok2').mouseenter(function() {
		  $('#info2').show();
		  $('#balk2').hide();
		  $('#tekst2').hide();		  
 	 	});						
		$('#blok2').mouseleave(function() {
		  $('#info2').hide();
		  $('#balk2').show();		  
		  $('#tekst2').show();		  		  
 	 	});	




      // plaatje 1			   
	  $('#klein1').mouseenter(function() {
			 $.doTimeout('open1', 3,function()
				 {
						 $('#groot1').show();	
				 }
			 );
	  });
	  $('#klein1').mouseleave(function() {	  
		 $.doTimeout('open1');									   
	   });
	  $('#groot1').mouseleave(function(){
		 $('#groot1').hide();
	  });	  

      // plaatje 2			   
	  $('#klein2').mouseenter(function() {
			 $.doTimeout('open2', 3,function()
				 {
						 $('#groot2').show();							 
				 }
			 );
	  });
	  $('#klein2').mouseleave(function() {	  
		 $.doTimeout('open2');									   
	   });
	  $('#groot2').mouseleave(function(){
		 $('#groot2').hide(); 		 
	  });	  

      // plaatje 3			   
	  $('#klein3').mouseenter(function() {
			 $.doTimeout('open3', 3,function()
				 {
						 $('#groot3').show();						 
				 }
			 );
	  });
	  $('#klein3').mouseleave(function() {	  
		 $.doTimeout('open3');									   
	   });
	  $('#groot3').mouseleave(function(){
		 $('#groot3').hide();
	  });	  

      // plaatje 4			   
	  $('#klein4').mouseenter(function() {
			 $.doTimeout('open4', 3,function()
				 {
						 $('#groot4').show();							 
				 }
			 );
	  });
	  $('#klein4').mouseleave(function() {	  
		 $.doTimeout('open4');									   
	   });
	  $('#groot4').mouseleave(function(){
		 $('#groot4').hide();	 		 
	  });	  

$('.kleinweg').click(function() {
			 $('#groot1').hide();	
	 		 $('#groot2').hide();	
			 $('#groot3').hide();					 
			 $('#groot4').hide();	
		  $('#infobiggest').hide();
		  $('#balkbiggest').show();	
  		  $('#tekstbiggest').show();
		  $('#infobigger1').hide();
		  $('#balkbigger1').show();		  
		  $('#tekstbigger1').show();	
		  $('#infobigger2').hide();
		  $('#balkbigger2').show();		  
		  $('#tekstbigger2').show();	
		  $('#info1').hide();
		  $('#balk1').show();		  
		  $('#tekst1').show();	
		  $('#info2').hide();
		  $('#balk2').show();		  
		  $('#tekst2').show();	
			 
							  });





$('#knopbnn').click(function() {
        $('#bnnreactiestextflash').css("display","block");
        $('#bnnreactiestextreacties').css("display","none");
		$('#imgselec1').attr("src", '/data/images/s_bnn_reacties.png');
});
$('#knopreacties').click(function() {
        $('#bnnreactiestextreacties').css("display","block");
        $('#bnnreactiestextflash').css("display","none");
		$('#imgselec1').attr("src", '/data/images/bnn_s_reacties.png');		
});

$('#knopnieuws').click(function() {
        $('#nieuwsnieuwsbrieftextnieuws').css("display","block");
        $('#nieuwsnieuwsbrieftextbrief').css("display","none");
		$('#imgselec2').attr("src", '/data/images/s_nieuws_nieuwsbrief.png');
});
$('#knopbrief').click(function() {
        $('#nieuwsnieuwsbrieftextbrief').css("display","block");
        $('#nieuwsnieuwsbrieftextnieuws').css("display","none");
		$('#imgselec2').attr("src", '/data/images/nieuws_s_nieuwsbrief.png');		
});






				}
		}
	
}




function home_init() {

        if(typeof(jQuery)=="undefined"){
                setTimeout("home_init();",100);
                return;
        }

        if(!jQueryWasPresent){
                jQuery.noConflict();
        }

}


function animeerblokken() {
	

}