//(c) john klungers computer mobiel bv
$(document).ready(function(){
	positie.init();
});

$(window).resize(function(){
	positie.setPositie();
});

var positie = {

	init: function(){
		gKop = $('#kop');
		gLinks=$('#links');
		gAanmelden=$('#aanmelden');
		gAlgemeen = $('#algemeen');
		gOpvang = $('#opvang');
		gActiviteiten = $('#activiteiten');
		gPedagogischevisie = $('#pedagogischevisie');
		gOuders = $('#ouders');
		gFotofilm = $('#fotofilm');
		gBlok3 = $('#blok3');
		gBlok4 = $('#blok4');
		gBlok5 = $('#blok5');
		gHoogte = 10;
		gBreedte = 10;
		gZindex = 1;
		gTop = 10;
		gLeft = 10;
		gLinksM = gLinks.offset();
		gAanmeldenM = gAanmelden.offset();
		gAlgemeenM = gAlgemeen.offset();
		gOpvangM = gOpvang.offset();
		gActiviteitenM = gActiviteiten.offset();
		gPedagogischevisieM = gPedagogischevisie.offset();
		gOudersM = gOuders.offset();
		gFotofilmM = gFotofilm.offset();
		gBlok3M = gBlok3.offset();
		gBlok3B = gBlok3.width();
		gBlok4M = gBlok4.offset();
		gBlok4B = gBlok4.width();
		gBlok5M = gBlok5.offset();
		gBlok5B = gBlok5.width();
		positie.setPositie();
	},


	setPositie: function(){
		browserBreedte = $(window).width();
		browserHoogte = $(window).height();
		var lm = 0;
		var tm = 0;
		var hFactor = 1;
		var bFactor = 1;
		if (browserBreedte > 980){bFactor = browserBreedte / 980 ;}
		if (browserHoogte > 632){hFactor = browserHoogte /632;}
		if (browserHoogte > 800) {
			gBlok3.css({visibility: "visible"});
			gBlok5.css({visibility: "visible"});
			gBlok4.css({visibility: "visible"});
		} else {
			gBlok3.css({visibility: "hidden"});
			gBlok5.css({visibility: "hidden"});
			gBlok4.css({visibility: "hidden"});
		}
		

		//kop
		gKop.css({left: (browserBreedte - gKop.innerWidth())/2});
		$('#welkom').css({left: ((browserBreedte - $('#welkom').innerWidth())/2)+95});

		//Aanmelden
		
		
		//links
		
		
		//Algemeen
		lm = parseInt(gAlgemeenM.left + (browserBreedte/10) -100 );
		tm = 0;
		if (lm < gAlgemeenM.left) {lm = gAlgemeenM.left;}
		if (tm < gAlgemeenM.top) {tm = gAlgemeenM.top;}
		gAlgemeen.css({left: lm, top: tm});

		//Opvang
		lm = parseInt((browserBreedte/2)-(gOpvang.outerWidth()/2));
		tm = 0;
		if (lm < gOpvangM.left) {lm = gOpvangM.left;}
		if (tm < gOpvangM.top) {tm = gOpvangM.top;}
		gOpvang.css({left: lm, top: tm});

		//activiteiten
		lm = parseInt(browserBreedte - gActiviteiten.outerWidth()-(browserBreedte/10)+20);
		tm = 0;
		if (lm < gActiviteitenM.left) {lm = gActiviteitenM.left;}
		if (tm < gActiviteitenM.top) {tm = gActiviteitenM.top;}
		gActiviteiten.css({left: lm, top: tm});

		//blok3
		tm = parseInt((((gBlok3M.top * hFactor)- gBlok3M.top) /2) +gBlok3M.top);
		lm = parseInt(gBlok3M.left * bFactor);
		var breed = parseInt(gBlok3B * bFactor);
		var hoog = parseInt(breed / 1.6);
		if (breed < gBlok3B) {breed = gBlok3B;}
		gBlok3.css({left: lm, top: tm , height: hoog, width: breed});

		//blok4
		tm = parseInt((((gBlok4M.top * hFactor)- gBlok4M.top) /2) +gBlok4M.top);
		lm = parseInt(gBlok4M.left * bFactor);
		var breed = parseInt(gBlok4B * bFactor);
		var hoog = parseInt(breed/1.6);
		if (breed < gBlok4B) {breed = gBlok4B;}
		if (lm < gBlok4M.left) {lm = gBlok4M.left;}
		gBlok4.css({left: lm, top: tm , height: hoog, width: breed});

		//blok5
		tm = parseInt((((gBlok5M.top * hFactor)- gBlok5M.top) /2) +gBlok5M.top);
		lm = parseInt(gBlok5M.left * bFactor);
		var breed = parseInt(gBlok5B * bFactor);
		var hoog = parseInt(breed / 1.6);
		if (breed < gBlok5B) {breed = gBlok5B;}
		gBlok5.css({left: lm, top: tm , height: hoog, width: breed});
		
		//Ouders
		lm = parseInt(gOudersM.left+(browserBreedte/5) - 190);
		tm = parseInt(browserHoogte-gOuders.outerHeight() -60);
		if (lm < gOudersM.left) {lm = gOudersM.left;}
		if (tm < gOudersM.top) {tm = gOudersM.top;}
		gOuders.css({left: lm, top: tm});

		//fotofilm
		lm = parseInt(gFotofilmM.left + (browserBreedte/2.5)-300);
		tm = parseInt(browserHoogte-gFotofilm.outerHeight()-40);
		if (lm < gFotofilmM.left) {lm = gFotofilmM.left;}
		if (tm < gFotofilmM.top) {tm = gFotofilmM.top;}
		gFotofilm.css({left: lm, top: tm});
		
		//pedagogischevisie
		lm = parseInt(browserBreedte - gPedagogischevisie.outerWidth() - (browserBreedte/8));
		tm = parseInt(browserHoogte-gPedagogischevisie.outerHeight()-70);
		if (lm < gPedagogischevisieM.left) {lm = gPedagogischevisieM.left;}
		if (tm < gPedagogischevisieM.top) {tm = gPedagogischevisieM.top;}
		gPedagogischevisie.css({left: lm, top: tm});
	}
}