<html>
<head>
<title>id4</title>
<style type="text/css">
a {font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#373737; text-decoration:none;}
a:hover {text-decoration:underline; color:#cccccc;}
body {background-color:#ffffff; color:#954C4C; font-size:11px; font-family:verdana,arial,helvetica,sans-serif; line-height:15px;}

#divScroller1 {position:absolute; overflow:hidden; z-index:9; left:200px; top:50px; width:400px; height:300px; clip:rect(0px, 400px, 300px, 0px); visbility:visible; border-width:0px 0px 0px 1px; border-color:#373737; border-style:dashed;}
.dynPage {position:absolute; z-index:10; left:0px; top:0px; width:385px; visibility:hidden; padding-left:15px; 
font-family:arial,helvetica,sans-serif; font-size:11px; line-height:14px; color:black}

#arrows {position:absolute; z-index:11; left:160px; top:90px; width:20px;}

#links {position:absolute; z-index:11; left:600px; top:50px; width:160px;}  

</style>
<script language="JavaScript" type="text/javascript">



function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()


/*** variables to configure... ***/

var numScrollPages = 6         //Set the number of pages (layers) here. Add and remove the pages in the body too. The first layer is called dynPage0, the second is dynPage1, and so on.
var transitionOut = 1;         //The 'out' effect... 0= no effect, 1= fade
var transitionIn = 2;          //The 'in' effect... 0= no effect, 1= fade, 2= slide
var slideAcceleration = 0.2;   //If you use the slide animation, set this somewhere between 0 and 1.
var transitionOnload = 1       //Use the 'in' transition when the page first loads? If you want the transition fx only when the links are clicked, you can set it to 0.

// NOTE: if you change the position of divScroller1 from absolute to relative, you can put the scroller in a table.
// HOWEVER it will no longer work in netscape 4. If you wish to support netscape 4, you have to use absolute positioning.

// Please note that there are no effects available in ns4 and ie4, or explorers on the Mac!

/*** There should be no need to change anything beyond this. ***/ 

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

if(document.layers){ //NS4 resize fix...
	scrX= innerWidth; scrY= innerHeight;
	onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}

//object constructor...
function scrollerobj(obj,nest){
	nest = (!nest)?"":'document.'+nest+'.'
	this.elm = bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj)
	this.css = bw.ns4?this.elm:this.elm.style
	this.doc = bw.ns4?this.elm.document:document
	this.obj = obj+'scrollerobj'; eval(this.obj+'=this')
	this.x = (bw.ns4||bw.opera5)?this.css.left:this.elm.offsetLeft
	this.y = (bw.ns4||bw.opera5)?this.css.top:this.elm.offsetTop
	this.w = (bw.ie4||bw.ie5||bw.ie6||bw.ns6)?this.elm.offsetWidth:bw.ns4?this.elm.clip.width:bw.opera5?this.css.pixelWidth:0
	this.h = (bw.ie4||bw.ie5||bw.ie6||bw.ns6)?this.elm.offsetHeight:bw.ns4?this.elm.clip.height:bw.opera5?this.css.pixelHeight:0
}

//object methods...
scrollerobj.prototype.moveTo = function(x,y){
	if(x!=null){this.x=x; this.css.left=x+px}
	if(y!=null){this.y=y; this.css.top=y+px}
}
scrollerobj.prototype.moveBy = function(x,y){this.moveTo(this.x+x,this.y+y)}
scrollerobj.prototype.hideIt = function(){this.css.visibility='hidden'}
scrollerobj.prototype.showIt = function(){this.css.visibility='visible'}

/****************************************************************
scroll functions...
****************************************************************/
var scrollTimer = null;
function scroll(step){
	clearTimeout(scrollTimer);
	if ( !busy && (step<0&&activePage.y+activePage.h>scroller1.h || step>0&&activePage.y<0) ){
		activePage.moveBy(0,step);
		scrollTimer = setTimeout('scroll('+step+')',40);
	}
}
function stopScroll(){
	clearTimeout(scrollTimer);
}

/****************************************************************
activating the correct layers...
****************************************************************/
var activePage = null;
var busy = 0;
function activate(num){
	if (activePage!=pages[num] && !busy){
		busy = 1;
		if (transitionOut==0 || !bw.opacity){ activePage.hideIt(); activateContinue(num); }
		else if (transitionOut==1) activePage.blend('hidden', 'activateContinue('+num+')');
	}
}
function activateContinue(num){
	busy = 1;
	activePage = pages[num];
	activePage.moveTo(0,0);
	if (transitionIn==0 || !bw.opacity){ activePage.showIt(); busy=0; }
	else if (transitionIn==1) activePage.blend('visible', 'busy=0');
	else if (transitionIn==2) activePage.slide(0, slideAcceleration, 40, 'busy=0');
}


/****************************************************************
Slide methods...
****************************************************************/
scrollerobj.prototype.slide = function(target, acceleration, time, fn){
	this.slideFn= fn?fn:null;
	this.moveTo(0,scroller1.h);
	if (bw.ie4&&!bw.mac) this.css.filter = 'alpha(opacity=100)';
	if (bw.ns6) this.css.MozOpacity = 1;
	this.showIt();
	this.doSlide(target, acceleration, time);
}
scrollerobj.prototype.doSlide = function(target, acceleration, time){
	this.step = Math.round(this.y*acceleration);
	if (this.step<1) this.step = 1;
	if (this.step>this.y) this.step = this.y;
	this.moveBy(0, -this.step);
	if (this.y>0) this.slideTim = setTimeout(this.obj+'.doSlide('+target+','+acceleration+','+time+')', time);
	else {	
		eval(this.slideFn);
		this.slideFn = null;
	}
}


/****************************************************************
Opacity methods...
****************************************************************/
scrollerobj.prototype.blend= function(vis, fn){
	if (bw.ie5||bw.ie6 && !bw.mac) {
		if (vis=='visible') this.css.filter= 'blendTrans(duration=0.9)';
		else this.css.filter= 'blendTrans(duration=0.6)';
		this.elm.onfilterchange = function(){ eval(fn); };
		this.elm.filters.blendTrans.apply();
		this.css.visibility= vis;
		this.elm.filters.blendTrans.play();
	}
	else if (bw.ns6 || bw.ie&&!bw.mac){
		this.css.visibility= 'visible';
		vis=='visible' ? this.fadeTo(100, 7, 40, fn) : this.fadeTo(0, 9, 40, fn);
	}
	else {
		this.css.visibility= vis;
		eval(fn);
	}
};

scrollerobj.prototype.op= 100;
scrollerobj.prototype.opacityTim= null;
scrollerobj.prototype.setOpacity= function(num){
	this.css.filter= 'alpha(opacity='+num+')';
	this.css.MozOpacity= num/100;
	this.op= num;
}
scrollerobj.prototype.fadeTo= function(target, step, time, fn){
	clearTimeout(this.opacityTim);
	this.opacityFn= fn?fn:null;
	this.op = target==100 ? 0 : 100;
	this.fade(target, step, time);
}
scrollerobj.prototype.fade= function(target, step, time){
	if (Math.abs(target-this.op)>step){
		target>this.op? this.setOpacity(this.op+step):this.setOpacity(this.op-step);
		this.opacityTim= setTimeout(this.obj+'.fade('+target+','+step+','+time+')', time);
	}
	else {
		this.setOpacity(target);
		eval(this.opacityFn);
		this.opacityFn= null;
	}
}


/**************************************************************
Init function...
**************************************************************/
var pageslidefadeLoaded = 0;
function initPageSlideFade(){
	scroller1 = new scrollerobj('divScroller1');
	
	pages = new Array();
	for (var i=0; i<numScrollPages; i++){
		pages[i] = new scrollerobj('dynPage'+i, 'divScroller1');
		pages[i].moveTo(0,0);
	}
	bw.opacity = ( bw.ie && !bw.ie4 && navigator.userAgent.indexOf('Windows')>-1 ) || bw.ns6
	if (bw.ie5||bw.ie6 && !bw.mac) pages[0].css.filter= 'blendTrans(duration=0.6)'; // Preloads the windows filters.
	
	if (transitionOnload) activateContinue(0);
	else{
		activePage = pages[0];
		activePage.showIt();
	}

	if (bw.ie) for(var i=0;i<document.links.length;i++) document.links[i].onfocus=document.links[i].blur;
	pageslidefadeLoaded = 1;
}
//if the browser is ok, the script is started onload..
if(bw.bw && !pageslidefadeLoaded) onload = initPageSlideFade;
</script>
</head>

<body marginleft="0" marginheight="0">

<br><br>

<font color=red size=-2>Scroll met onderstaande pijltjes<br> om door de presentatie te gaan!</font>
<br><br><br><br><br><br><br>
<img src="plaatjes/portret2.jpg">
<div id="divScroller1">

<div id="dynPage0" class="dynPage">
<br>
<br>Sinds 1988 is Dick Meis actief op het architectonische vlak, hij is in staat om uw ideeën te verwezenlijken met een realistische kijk op de situatie. <br><br>

Deze internetsite is vooral bedoeld om te laten zien wat Architectonisch Vormgever Dick Meis in het verleden gedaan heeft, zodat u een impressie krijgt wat wij voor u kunnen betekenen.<br><br>

Klikt u op de tekstjes links om te kijken naar de diverse onderwerpen.Klikt u op meer verbouwingen... krijgt u een overzicht van de totale portfolio van Architectonisch Vormgever "Dick Meis"
<br><br><img src="plaatjes/rietdak1.jpg">&nbsp &nbsp<img src="plaatjes/rietdak2.jpg">

 </div>




<div id="dynPage1" class="dynPage">
<i>Ver/nieuwbouw  particuliere woningen</i><br>
<br>Architectonisch Vormgever Dick Meis verzorgt al jaren de ver- en nieuwbouw plannen voor particuliere opdrachtgevers, van ideevorming tot oplevering. <br><br>Hierbij ligt het accent op een persoonlijke benadering ten aanzien van de woonwensen en het mogelijk haalbare. De projekten worden in de meeste gevallen in de uitvoering volledig begeleid opdat de bouw wat betreft planning, uitvoeringskwaliteit en financiele begeleiding optimaal kan verlopen. <br><br>Voor deze werkzaamheden worden standaard tarieven afhankelijk van de bouwsom en de benodigde werkzaamheden gehanteerd. Na een vrijblijvend orientatie- gesprek kan een offerte worden opgesteld. 
<br><br><img src="plaatjes/rietdak1.jpg">&nbsp &nbsp<img src="plaatjes/rietdak2.jpg">

 </div>


<div id="dynPage2" class="dynPage">
<i>Ver/nieuwbouw  kantoren en scholen</i><br><br>Architectonisch Vormgever Dick Meis houdt zich bezig met  ver- en nieuwbouw plannen voor kantoren  en scholen.<br>  Naast de architectonische vormgeving wordt in het ruimtelijk  ontwerp gelet op functionele/ organisatie aspecten  en op een “gezond” binnenklimaat.<br><br>
Een gezond binnenklimaat houdt in dat de omgeving voor de gebruiker zodanig is dat aspecten als akoestiek, ventilatie en verlichting (zowel dag- als kunstlicht) zo optimaal mogelijk zijn uitgewerkt. Hierbij wordt in de planfase samengewerkt met diverse deskundigen. <br><br>Bij de materialisatie van de gebouwen wordt in hoge mate rekening gehouden met duurzaam bouwen.  
<br><br><img src="plaatjes/webklaar/scholen_kantoren/school9-2.jpg"> 
</div>



<div id="dynPage3" class="dynPage"><br>
<i>Interieur vormgeven restylen</i><br><br>
Bij het restylen van woningen en werkomgevingen kunnen interieuraspecten een belangrijke rol spelen. Dick Meis geeft hierbij persoonlijk advies in de materiaal- kleurkeuze, ontwerpt desgewenst meubels (van balie tot kast) en stelt (in overleg met verlichtingsdeskundige) een lichtplan op.<br><br> Ook voor deelopdrachten zoals bijvoorbeeld het ontwerp van een nieuwe entree wordt het bureau regelmatig ingeschakeld. 
<br><br><img src="plaatjes/interieur1-klein.gif">
<br>
<br>
<br>

</div>

<div id="dynPage4" class="dynPage">
<br><i>Artist impressions</i><br><br>
Architectonisch Vormgever Dick Meis heeft zich gespecialiseerd in het vervaardigen van “Artist Impressions” dit zijn illustraties van nog te bouwen objecten. Ze worden handmatig vervaardigt, als tekening in combinatie met airbrushing, vanaf origineel kunnen blow-ups gemaakt worden voor onder andere billboard of voor grafische toepassingen, denk hierbij aan brochures. Tevens kunnen ze gebruikt worden voor presentatiedoeleinden of als geschenk bij bijvoorbeeld een opening. Het origineel is ongeveer 50 bij 75 cm en wordt afgeleverd in een aluminium lijst met passe partout.
<br><br><img src="plaatjes/airbrush1-klein.gif">&nbsp &nbsp<img src="plaatjes/airbrush3-klein.gif">
<br>
<br>
<br>

</div>

<div id="dynPage5" class="dynPage">
<br><i>Utiliteitsbouw</i><br><br>
Visie en oorspronkelijkheid zijn onmiskenbaar twee van de belangrijkste eigenschappen ook bij utilieitsbouw. Juist uw inbreng inspireert ons tot het optimale ontwerp. Onze doelstelling is: het realiseren van een bouwwerk waarin zowel uw eigen identiteit als de uitstraling van uw onderneming duidelijk herkenbaar is. Een bedrijfspand dat zowel esthetisch, bouwtechnisch en in prijs/ kwaliteitsverhouding aan de door u gestelde eisen voldoet.<br><br>
<img src="plaatjes/webklaar/utiliteit/martinvandijk2.jpg">
<br>
<br>
<br>

</div>


</div>

<!-- You can set the speed of the scrolling in the onmouseover event handler. Set it in the onclick event handler too. -->
<!-- For highspeed scrolling, set the speed on the onmousedown event handler. Enjoy :) Ice -->
<div id="arrows">
<a href="#" onmouseover="scroll(6);" onclick="scroll(6); return false;" onmousedown="scroll(25)" onmouseout="stopScroll();"><img src="plaatjes/pijl-up.gif" alt="" border="0"></a>
<a href="#" onmouseover="scroll(-6);" onclick="scroll(-6); return false;" onmousedown="scroll(-25)" onmouseout="stopScroll();"><img src="plaatjes/pijl-down.gif" alt="" border="0"></a>
</div>

<div id="links">
<a href="#" onclick="activate(1); return false;" onfocus="if(this.blur)this.blur()">Ver/nieuwbouw 
Particuliere&nbspwoningen</a><br>

<a href="#" onClick="MyWindow1=window.open('woningen1.html','MyWindow1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=620,height=424,left=50,top=50'); return false;">
<i>Meer verbouwingen...</i></a>
<br><br>
<a href="#" onclick="activate(2); return false;" onfocus="if(this.blur)this.blur()">Ver/nieuwbouw Scholen/Kantoren</a><br>
<a href="#" onClick="MyWindow2=window.open('scholen1.html','MyWindow2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=620,height=424,left=50,top=50'); return false;"><i>Meer verbouwingen...</i></a>
<br><br>

<a href="#" onclick="activate(3); return false;" onfocus="if(this.blur)this.blur()">Interieur Vormgeven/Restylen</a><br>
<a href="#" onClick="MyWindow3=window.open('interieur1.html','MyWindow3','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=620,height=424,left=50,top=50'); return false;"><i>Meer interieurs...</i></a><br><br>

<a href="#" onclick="activate(4); return false;" onfocus="if(this.blur)this.blur()">Artist Impressions</a><br>
<a href="#" onClick="MyWindow4=window.open('impressions1.html','MyWindow4','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=620,height=424,left=50,top=50'); return false;"><i>Meer Impressions...</i></a><br><br>

<a href="#" onclick="activate(5); return false;" onfocus="if(this.blur)this.blur()">Utiliteitsbouw</a><br>
<a href="#" onClick="MyWindow5=window.open('utiliteit1.html','MyWindow5','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=620,height=424,left=50,top=50'); return false;"><i>Meer Utiliteit...</i></a><br>


</div>



</body>
</html>