//(c) john klungers computer mobiel bv
$(document).ready(function(){
	gOnTop = false;
	blokhut.init();
	blokhut.wisselfoto();
});

var blokhut = {

	init: function() {
		gHoogte = 10;
		gBreedte = 10;
		gZindex = 1;
		gTop = 10;
		gLeft = 10;
		
		$('#algemeen').click(function(){gOnderdeel = $('#algemeen'); gParagraaf = $('#algemeen .section'); gTerug=false; blokhut.popup();});
		$('#opvang').click(function(){gOnderdeel = $('#opvang'); gParagraaf = $('#opvang .section'); gTerug=true; blokhut.popup();});
		$('#activiteiten').click(function(){gOnderdeel = $('#activiteiten'); gParagraaf = $('#activiteiten .section'); gTerug=false; blokhut.popup();});
		$('#pedagogischevisie').click(function(){gOnderdeel = $('#pedagogischevisie'); gParagraaf = $('#pedagogischevisie .section'); gTerug=false; blokhut.popup();});
		$('#ouders').click(function(){gOnderdeel = $('#ouders'); gParagraaf = $('#ouders .section'); gTerug=false; blokhut.popup();});
		$('#vso .meer').click(function(){blokhut.showVso();});
		$('#vso .sluiten').click(function(){blokhut.showVso();});
		$('#nso .meer').click(function(){blokhut.showNso();});
		$('#nso .sluiten').click(function(){blokhut.showNso();});
		$('#mo .meer').click(function(){blokhut.showMo();});
		$('#mo .sluiten').click(function(){blokhut.showMo();});
		$('#vo .meer').click(function(){blokhut.showVo();});
		$('#vo .sluiten').click(function(){blokhut.showVo();});
		$('#oranje .meer').click(function(){blokhut.showOranje();});
		$('#oranje .sluiten').click(function(){blokhut.showOranje();});
		$('#rood .meer').click(function(){blokhut.showRood();});
		$('#rood .sluiten').click(function(){blokhut.showRood();});
		$('#paars .meer').click(function(){blokhut.showPaars();});
		$('#paars .sluiten').click(function(){blokhut.showPaars();});
	},
	
	showVso: function(){
		$('#vso').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#vso .meer').toggleClass("minder");
		$('#vso .blokje').toggleClass('minder');
	},
	showNso: function(){
		$('#nso').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#nso .meer').toggleClass("minder");
		$('#nso .blokje').toggleClass('minder');
	},	
	showMo: function(){
		$('#mo').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#mo .meer').toggleClass("minder");
		$('#mo .blokje').toggleClass('minder');
	},	
	showVo: function(){
		$('#vo').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#vo .meer').toggleClass("minder");
		$('#vo .blokje').toggleClass('minder');
	},	
	showOranje: function(){
		$('#oranje').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#oranje .meer').toggleClass("minder");
		$('#oranje .blokje').toggleClass('minder');
		$('#opvang').scrollTop(134);
	},	
	showRood: function(){
		$('#rood').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#rood .meer').toggleClass("minder");
		$('#rood .blokje').toggleClass('minder');
		$('#opvang').scrollTop(134);
	},		
	showPaars: function(){
		$('#paars').toggleClass('o-kolom')
			.toggleClass('o-meerinfo');
		$('#paars .meer').toggleClass("minder");
		$('#paars .blokje').toggleClass('minder');
		$('#opvang').scrollTop(134);
	},	
	
	popup: function () {
		if (!gTerug){
			if (!gOnTop) {blokhut.toon();}
			else {blokhut.verberg()};
		}
		else {blokhut.toon();gOnTop=false;}
	},

	toon: function(){
		gZindex = gOnderdeel.css("z-index");
		gHoogte = gOnderdeel.height();
		gBreedte = gOnderdeel.width();
		var offset = gOnderdeel.offset();
		gLeft = offset.left;
		gTop = offset.top;
		blokhut.vervager();
		gOnderdeel.css({
			height:"450px", 
			width:"740px",
			top:($(window).height() - 400)/2, 
			left:($(window).width() - 740)/2, 
			"z-index":"100", 
			"cursor": "pointer", 
			"overflow": "auto"
		});
		gParagraaf.removeClass('verberg');
		$(".opvangimg").addClass('verberg');
		if (gOnderdeel == $('#algemeen')){$('h6').addClass('verberg');}
		gOnTop=true;
	},

	verberg: function(){
		gOnderdeel.css({
			height:gHoogte, 
			width:gBreedte, 
			left:gLeft, top:gTop, 
			"z-index":gZindex, 
			"cursor": "pointer", 
			"overflow": "hidden"
		});
		gParagraaf.addClass('verberg');
		$('h6').removeClass('verberg');
		$(".opvangimg").removeClass('verberg');
		blokhut.vervager_uit();
		gOnTop=false;
		
	},
	vervager: function(){
		var breed = $(window).width();
		var hoog = $(window).height();
		$('#overlay').css({height: (hoog - 115),width: (breed-1) ,"z-index":"99"});
		$('#overlay').removeClass('verberg');
		$('#overlay').addClass('tonen');
	},

	vervager_uit: function(){
		$('#overlay').removeClass('tonen');
		$('#overlay').addClass('verberg');
	},
	
	wisselfoto: function(){
		gPlaatjes  = new Array();
		var aantalFotos = 74;
		var fotoMap = "fotoboek1/";
		for(var i=0, ii=aantalFotos; i<ii; i++){
			gPlaatjes[i] = fotoMap + i + ".jpg";
			}
		gPlaats = [$('#f0'),$('#f1'),$('#f2'), $('#f3'),$('#f4'),$('#f5'),$('#f6'),$('#f7')];
		setInterval(function(){
				var bron = gPlaatjes[parseInt(Math.random()* gPlaatjes.length)];
				var randomGetal = parseInt(Math.random()* gPlaats.length);
				gPlaats[randomGetal].attr('src',bron);
		} ,1000);
	}
}