/*
De onderstaande lijst bevat per regel gegevens van een knop van de hoofdmenuregel:

inhoudelijk bestand   ned knoptekst    eng knoptekst  achtergrondplaatje            submenunr.		ned en eng px
																											van linkerhoofdcel						negatief=     x-offset tov
																																									    geen   		  hoofdmenubegin
zet achter elk item van de hoofdmenulijst een $ gevolgd door nul of meer spaties; 
>>>>>>>>>>>    gebruik GEEN TABS !!! ook niet achter de \			<<<<<<<<<<<<<<<!!!!!!!!!!
achter het laatste item hoeft niets toegevoegd te worden:
*/
NKNOPitems=7;	//dwz zoveel eigenschappen per knop = zoveel elementen per regel
hoofdmenulijststreng='\
begin.htm$           Begin$           Begin$          paprika_sorteerlijn.jpg$           -1$          0$     0$\
bedrijf.htm$         Bedrijf$        Company$       bedrijf_bruidsbogerd_poeldijksepad.jpg$         -1$         47$    46$\
produktgezond.htm$   Het produkt&darr;$    The product&darr;$   paprika_harten.jpg$       2$        100$   117$\
certificering.htm$   Certificering$   Certification$  certificaten.jpg$                  -3$        203$   219$\
verkoop.htm$         Verkoop$         Sales$          paprikagroep_sorteerlijn.jpg$      -4$        303$   315$\
energie.htm$         Energie$         Energy$         wkk.jpg$                           -5$        370$   360$\
milieu.htm$          Milieu$          Environment$    aarde.jpg$                         -6$        441$   423$\
mediafotosframeset.htm$   Media&darr;$         Media&darr;$       cameraobjectief.jpg$    3$        489$   520$\
vacatures.htm$       Vacatures$       Jobs$           vacatures.jpg$                     -8$        539$   586$\
contact.htm$         Contact$         Contact$        contact.jpg$                       -9$        622$   624$\
links.htm$           Links$           Links$          links.jpg$                        -10$        662$   685$\
';

hulplijst=hoofdmenulijststreng.split('$');
itemssurplus=hulplijst.length%NKNOPitems;
hulplijst.length=Math.max(hulplijst.length-itemssurplus,0);
for(i=0; i<hulplijst.length;i++){
	while(hulplijst[i].charAt(0)==' '){hulplijst[i]=hulplijst[i].substr(1)}
}

KNOP=new Array();						//voor de knoppen van het hoofdmenu
NKNOP=hulplijst.length/NKNOPitems;
for(i=0; i<NKNOP;i++){
	eerste=i*NKNOPitems;
	KNOP[i]=new Object();
	KNOP[i].bestand=hulplijst[eerste];
	KNOP[i].tekstned=hulplijst[eerste+1];
	KNOP[i].teksteng=hulplijst[eerste+2];
	KNOP[i].plaatje=hulplijst[eerste+3];
	KNOP[i].submnr=parseInt(hulplijst[eerste+4]);
	KNOP[i].subm_dxned=parseInt(hulplijst[eerste+5]);
	KNOP[i].subm_dxeng=parseInt(hulplijst[eerste+6]);
}


kleurknopnorm='#ff9900';
kleurknopover='#ee7700';
kleurknopaf  =kleurknopnorm;
kleurknopaan ='#000000';

kleurknoptekstnorm='#000000';
kleurknoptekstover='#000000';
kleurknoptekstaf  =kleurknoptekstnorm;
kleurknoptekstaan ='#ffffff';

	//achtergrond van de body van index.htm:
indexagrond='beeld/indexagrond.jpg';

taal='';
taalnr=0;
actiefknopnr=0;
actiefknopnrwas=actiefknopnr;
actiefbestand=KNOP[actiefknopnr].bestand;
actiefplaatje='../beeld/transp.gif';
knopovernr=actiefknopnr;
taalwijziging=true;
Strned='<img src="beeld/vlag_nl.gif" width="24" height="12" align="absmiddle">&nbsp;Nederlands';
Streng='<img src="beeld/vlag_gb_us.gif" width="24" height="12" align="absmiddle">&nbsp;English';

submenubestand=actiefbestand;
submenuregelactief=1;
Nsubmenuregels=0;

fotobladisgroot=false;

	//vrijwel alle onderstaande variabelen worden in bemeet() herberekend:
hoofdlaagbrmin=740;		//vaste waarde
hoofdlaagbrmax=1000;	//vaste waarde
hoofdlaagbr=hoofdlaagbrmax;
hoofdlaaghomin=400;		//vaste waarde
hoofdlaaghomax=650;		//vaste waarde
hoofdlaagho=hoofdlaaghomax;
hoofdlaagli=40;
hoofdlaagre=hoofdlaagli+hoofdlaagbr;
hoofdlaagtop=40;
hoofdlaagbot=hoofdlaagtop+hoofdlaagho;
rechterhoofdcelbr=540;
linkerhoofdcelbr=hoofdlaagbr-rechterhoofdcelbr;
menuregelbr=722;	//vaste waarde, maar bij toevoeging of verbreding van teksten (engels of nederlands) deze breedte evt. aanpassen tot sluier weer bij begin van menu begint 
menuregelli=hoofdlaagre-menuregelbr;
menuregeltop=hoofdlaagbot-80-30;	//resp. -zwarte balk  -menubalk
sluierbr=menuregelbr-rechterhoofdcelbr;
sluierho=hoofdlaagho-30-80-30;		//resp. -taalbalk  -zwarte balk  -menubalk
submenuli=menuregelli+99;					//waarde voor NL produktsubmenu
submenutop=menuregeltop+31;

/*
Wanneer i.p.v. een vaste achtergrondkleur van de inhoudelijke pagina's (in de rechter helft van de hoofdlaag), 
die gelijk is aan de (basis)kleur van de waas, een dynamische variabele kleur of een achtergrondplaatje, 
zoals de waas op een witte achtergrond, gebruikt wordt, zal bij paginawisseling de oorspronkelijke 
achtergrond even te zien  zijn en een "flits"effect geven;
Daarom wordt het plaatje van de waas alleen voor de linker helft van de hoofdlaag gebruikt.
De vaste achtergrondkleur is vastgelegd in de stijlklasse "iframebodycss"; 
de body van elke inhoudelijke pagina krijgt die klasse.
*/
waas='beeld/waas.png';	//de (basis)kleur van dit gedeeltlijk transparante plaatje is #ccccff	

//bedrijfsplaatjes=['bedrijf_bruidsbogerd_poeldijksepad.jpg','bedrijf_poeldijksepad.jpg','bedrijf_poeldijksepad_bruidsbogerd.jpg','bedrijf_bruidsbogerd.jpg'];
bedrijfsplaatjes=['bedrijf_bruidsbogerd.jpg','bedrijf_poeldijksepad.jpg'];
bedrijfsplaatjenr=0;
bedrijfsplaatje=bedrijfsplaatjes[bedrijfsplaatjenr];

function bijladen(){
	taal=neemkoekie('taal');
	schrijfhoofdmenu();			//opm.: het voor alle hoofdknoppen gemeenschappelijke submenu wordt geschreven als over een knop gegaan wordt
	bemeet();
	inkleuren();
	bijknopklik(0);
}

function inkleuren(){
	document.getElementById('sluier').src=waas;
	document.body.style.backgroundImage='url('+indexagrond+')';
}

function bemeet(){
	actuelematen();
	document.getElementById('fotosiframelaag').style.width=Vbr;
	document.getElementById('fotosiframelaag').style.height=Vho;
	if(fotobladisgroot)return
	
	hoofdlaagbr=Math.max(hoofdlaagbrmin,Vbr-40);
	hoofdlaagbr=Math.min(hoofdlaagbr,hoofdlaagbrmax);
	hoofdlaagho=Math.max(hoofdlaaghomin,Vho-40);
	hoofdlaagho=Math.min(hoofdlaagho,hoofdlaaghomax);
	linkerhoofdcelbr=hoofdlaagbr-rechterhoofdcelbr;

	//---------- begin voor het geval van gebruik van IE versies 5.5 - 6:	
	if(telageIEversie){
		hoofdlaagbr=950;	//dat geeft hierna sluierbr=240
		hoofdlaagho=550;	//dat geeft hierna sluierho=410
	}
	//--------- einde voor het geval van gebruik van IE versies 5.5 - 6 (ook hieronder 1x zoiets)

	hoofdlaagli=Math.max(20,Math.round((Vbr-hoofdlaagbr)/2));
	hoofdlaagre=hoofdlaagli+hoofdlaagbr;
	hoofdlaagtop=Math.max(20,Math.round((Vho-hoofdlaagho)/2));
	hoofdlaagbot=hoofdlaagtop+hoofdlaagho;
	menuregelli=hoofdlaagre-menuregelbr;
	menuregeltop=hoofdlaagbot-80-30;	//resp. -zwarte balk  -menubalk
	submenutop=menuregeltop+30;
	if(IE)submenutop-=2;
	document.getElementById('submenu').style.top=submenutop;

	
	
	with(document.getElementById('hoofdlaag').style){
		left=hoofdlaagli;
		width=hoofdlaagbr;
		top=hoofdlaagtop;
		height=hoofdlaagho;
		visibility='visible';
	}
		
	with(document.getElementById('zoekmachinelaag').style){
		left=hoofdlaagli+10;
		top=hoofdlaagtop+10;
	}

	auteurli=hoofdlaagre-83;
	auteurtop=hoofdlaagbot;
	if(!IE){auteurli+=2; auteurtop+=4};
	document.getElementById('auteur').style.left=auteurli;
	document.getElementById('auteur').style.top=auteurtop;
	document.getElementById('rechterhoofdcel').style.width=rechterhoofdcelbr;
	sluierbr=menuregelbr-rechterhoofdcelbr;
	document.getElementById('sluier').style.width=sluierbr;

		//om diverse dingen dynamisch variabel te maken kon voor FF in de linkerhoofdcel van de grote tabel 
		//van index.htm voor sluierho geen height="100%" gebruikt worden:
	sluierho=hoofdlaagho-140;	//de 140 is som van hoogten van de oranje en zwarte regels/vlakken
		//------ door plaatsing " align="top"" in tag van sluier hoeft gedeelte tot ** waarschijnlijk niet meer:
	if(IE)sluierho='100%';
		//**

	//---------- begin voor het geval van gebruik van IE versies 5.5 - 6:	
	if(telageIEversie){
		sluierho=410;
	}
	//--------- einde voor het geval van gebruik van IE versies 5.5 - 6 (ook hierboven 1x zoiets)

	document.getElementById('linkerhoofdcel').style.height=sluierho;
	document.getElementById('rechterhoofdcel').style.height=sluierho;
	document.getElementById('sluier').style.height=sluierho;
	verplaatssubmenu(knopovernr);
	toonlinkeragrplaatje(actiefplaatje);
}

function toonlinkeragrplaatje(plaatjex){
		//de achtergrondplaatjes van het 100% formaat zijn meestal 505px breed;
		//5 formaten à 10% tov grootste verschil betekent à 50px verschil vanaf 253px;
	ruimte=linkerhoofdcelbr;
	if(                ruimte< 278)agrplaatje='beeld/agr50proc/'+plaatjex;
	if(ruimte>= 278 && ruimte< 328)agrplaatje='beeld/agr60proc/'+plaatjex;
	if(ruimte>= 328 && ruimte< 378)agrplaatje='beeld/agr70proc/'+plaatjex;
	if(ruimte>= 378 && ruimte< 428)agrplaatje='beeld/agr80proc/'+plaatjex;
	if(ruimte>= 428 && ruimte< 478)agrplaatje='beeld/agr90proc/'+plaatjex;
	if(ruimte>= 478 	  					)agrplaatje='beeld/agr100proc/'+plaatjex;
	document.getElementById('linkerhoofdcel').style.backgroundImage='url('+agrplaatje+')';
}

function schrijfhoofdmenu(){
	if(taal!='eng'){taal='ned'; taalnr=1}else{taal='eng'; taalnr=2};
		//de hierna volgende tabel heeft een relatieve positie om de z-index (t.o.v. logo) effectief te maken
	Str='<table border="0" align="right" cellpadding="0" cellspacing="0" style="position:relative; width:'+menuregelbr+'px; z-index:500"><tr>';
	for(i=0;i<NKNOP;i++){
		Str+='<td id="knop'+i+'" nowrap class="menuknop" style="background-color:'+kleurknopnorm+'; color:'+kleurknoptekstnorm+'; ';
		if(KNOP[i].submnr<0){
			Str+='cursor:pointer" ';
			Str+='onClick="bijknopklik('+i+')" ';
		}else{
			Str+='cursor:default" ';
		}
		Str+='onMouseOver="bijoverknop('+i+')" ';
		Str+='onMouseOut ="bijafknop('+i+')">';
		Str+=eval('KNOP[i].tekst'+taal);
		Str+='</td>'
	}
	Str+='</tr></table>';
	document.getElementById('hoofdmenu').innerHTML=Str;
	document.getElementById('taalknopregel').style.backgroundColor=kleurknopnorm;
	document.getElementById('taalknopregel').style.color=kleurknoptekstnorm;
	if(taal=='ned'){Str=Streng}else{Str=Strned};
	document.getElementById('taalknopspan').innerHTML=Str;
}

function bijknopklik(knopx){
	actiefknopnr=knopx;
	actiefbestand=KNOP[knopx].bestand;
	if(!fotobladisgroot){
		document.getElementById('hoofdiframe').src=taal+'/'+actiefbestand;
		document.getElementById('knop'+knopx).style.backgroundColor=kleurknopaan;
		document.getElementById('knop'+knopx).style.color=kleurknoptekstaan;
		actiefplaatje=KNOP[knopx].plaatje;
		toonlinkeragrplaatje(actiefplaatje);
		document.getElementById('hoofdlaag').style.visibility='visible';
		document.getElementById('auteur').style.visibility='visible';
		document.getElementById('fotosiframelaag').style.visibility='hidden';
	}else{
		document.getElementById('fotosiframe').src=taal+'/'+actiefbestand;
		document.getElementById('hoofdlaag').style.visibility='hidden';
		document.getElementById('auteur').style.visibility='hidden';
		document.getElementById('submenu').style.visibility='hidden';	//is veiligheidshalve
		document.getElementById('fotosiframelaag').style.visibility='visible';
	}
	bijafknop(actiefknopnrwas);
	actiefknopnrwas=actiefknopnr;
}

function bijoverknop(knopnr){
	knopovernr=knopnr;
	if(KNOP[knopnr].submnr>-1){
		schrijfsubmenu();
		document.getElementById('submenu').style.visibility='visible';
	}else{
		document.getElementById('submenu').style.visibility='hidden';
	}
	if(knopnr==actiefknopnr){
		if(KNOP[knopnr].submnr>-1)document.getElementById('submenurg'+submenuregelactief).style.color='#ff0000';
		return;
	}
	document.getElementById('knop'+knopnr).style.backgroundColor=kleurknopover;
	document.getElementById('knop'+knopnr).style.color=kleurknoptekstover;
}

function verplaatssubmenu(x){
	if(KNOP[x].submnr<0)return;	//deze regel hoeft niet wanneer alle submenus offsetwaarden (evt. 0) bevat
	if(taal=='ned'){
		submenuli=menuregelli+KNOP[x].subm_dxned;
	}else{
		submenuli=menuregelli+KNOP[x].subm_dxeng;
	}
	if(IE)submenuli-=3;
	document.getElementById('submenu').style.left=submenuli;
}

function bijafknop(knopnr){
	if(knopnr==actiefknopnr)return;
	document.getElementById('knop'+knopnr).style.backgroundColor=kleurknopaf;
	document.getElementById('knop'+knopnr).style.color=kleurknoptekstaf;
}

function wijzigtaal(){
	document.getElementById('submenu').style.visibility='hidden';
	if(taal=='ned'){taal='eng'; taalnr=2}else{taal='ned'; taalnr=1};
	maakkoekie('taal',taal,1,'jaar');
	knopovernr=actiefknopnr;	//nodig om het juiste submenu te kunnen schrijven wanneer gaande naar de taalknop over een inactieve hoofdmenuknop gegaan werd
	schrijfhoofdmenu();
	if(KNOP[actiefknopnr].submnr>-1){
		bijoverknop(actiefknopnr)
		bijsubknopklik(submenuregelactief,submenubestand,actiefplaatje);
	}else{
		bijknopklik(actiefknopnr);
	}
}

function schrijfsubmenu(){
	Nsubmenuregels=0;
	Str='';
	submenunr=KNOP[knopovernr].submnr;
	if(submenunr>-1){
		if(submenunr==1){
			Str+=submenuregel(1,'bedrijf.htm','bedrijf_bruidsbogerd_poeldijksepad.jpg','Algemeen','General','nwrg');
			Str+=submenuregel(2,'kaart.htm','bedrijf_poeldijksepad_bruidsbogerd.jpg','Kaart','Map','');
		}
		if(submenunr==2){	//2 is het nr. van de knop op de hoofdmenuregel zoals bovenaan vastgelegd in hoofdmenulijststreng
			Str+=submenuregel(1,'produktgezond.htm','paprika_harten.jpg','Gezondheid','Health','nwrg');
			Str+=submenuregel(2,'produktrapporten.htm','publicatiescombi.jpg','Rapporten','Reports','nwrg');
			//if(neemkoekie('isbesloten')=='ja'){	//zie hiervoor spekkie.js bovenaan en fotoskopframe.htm in body ca. rg. 19
				Str+=submenuregel(3,'produktrecepten.htm','eten.jpg','Recepten','Recipes','nwrg');
				Str+=submenuregel(4,'paprika_klein.htm','paprika_klein.jpg','Mini','Mini','');
				//Str+=submenuregel(5,'paprika_groot.htm','paprika_groot.jpg','Groot','Big','nwrg');
				//Str+=submenuregel(6,'produktbewaren.htm','bewaren.jpg','Bewaren','Keeping','nwrg');
			//}
		}
				if(submenunr==3){	//3 is het nr. van de knop op de hoofdmenuregel zoals bovenaan vastgelegd in hoofdmenulijststreng
			Str+=submenuregel(1,'mediafotosframeset.htm','cameraobjectief.jpg','Foto\'s','Pictures','nwrg');
			Str+=submenuregel(2,'medianieuws.htm','news.jpg','Nieuws','News','nwrg');
		}
		document.getElementById('submenu').style.height=(Nsubmenuregels)*17+15;
	}
	document.getElementById('submenu').innerHTML=Str;
	verplaatssubmenu(knopovernr);
}

function submenuregel(submenuregelx,bestandx,plaatjex,tekstned,teksteng,nwrg){
	if(taal=='ned'){tekstx=tekstned}else{tekstx=teksteng};
	Nsubmenuregels=submenuregelx;	//de hoogste van het submenu blijft over als eindwaarde
	Str='&nbsp;&nbsp;<a href="#" id="submenurg'+submenuregelx+'" \
				onclick="bijsubknopklik('+submenuregelx+',\''+bestandx+'\',\''+plaatjex+'\')" \
				class="submenulink">'+tekstx+'</a>&nbsp;&nbsp;';
	if(nwrg!='')Str+='<br>';
	return Str
}

function bijsubknopklik(regelx,bestandx,plaatjex){
	document.getElementById('hoofdiframe').src=taal+'/'+bestandx;
	toonlinkeragrplaatje(plaatjex);
	if(submenuregelactief<=Nsubmenuregels)document.getElementById('submenurg'+submenuregelactief).style.color=kleurknoptekstnorm;
	submenuregelactief=regelx;
	document.getElementById('submenurg'+submenuregelactief).style.color='#ff0000';
	actiefknopnr=knopovernr;
	actiefbestand=bestandx;
	document.getElementById('knop'+actiefknopnr).style.backgroundColor=kleurknopaan;
	document.getElementById('knop'+actiefknopnr).style.color=kleurknoptekstaan;
	submenubestand=bestandx;
	actiefplaatje=plaatjex;
	bijafknop(actiefknopnrwas);
	actiefknopnrwas=actiefknopnr;
}


//--------------- alg dingen:
IE		=	false;
FIREFOX	=	false;
CHROME	=	false;
SAFARI	=	false;
OPERA		=	false;

actuelenavigator=navigator.userAgent.toUpperCase();
if(actuelenavigator.indexOf('MSIE')>-1)		IE=true;//document.all || 
if(actuelenavigator.indexOf('FIREFOX')>-1)FIREFOX=true;
if(actuelenavigator.indexOf('OPERA')>-1)	OPERA=true;
if(actuelenavigator.indexOf('CHROME')>-1)	CHROME=true;
if(actuelenavigator.indexOf('SAFARI')>-1)	SAFARI=true;

if(IE)	document.onmousedown 	= captureMousedown;
if(FIREFOX)	window.oncontextmenu 	= captureMousedown;
if(SAFARI)	document.oncontextmenu 	= captureMousedown;
if(CHROME)	window.oncontextmenu 	= captureMousedown;
if(OPERA)	document.oncontextmenu 	= captureMousedown;	//in Opera kan contextmenu niet geblokkeerd worden

function captureMousedown(evt) {
	var mouseClick = (evt) ? evt.which : window.event.button;	
	if (mouseClick>1) {
		alert(tekstrechtsklik);
		return false;
	}
	return true
}

Sbr=0;
Sho=0;
Vbr=0;
Vho=0;
Vbrmid=0;
Vhomid=0;

function actuelematen(){
	Sbr=screen.width;								//SCHERMbreedte
	Sho=screen.height;
	if(IE){
		Vbr=document.body.offsetWidth;	//actuele Vbreedte (is zonder balken en randen)
		Vho=document.body.offsetHeight;	//Vbr en Vho GELDEN PAS NA HET LADEN VAN DE PAGINA !!!!!!!!!!!!
	}else{
		Vbr=window.innerWidth;
		Vho=window.innerHeight;
	}
	Vbrmid=Math.round(Vbr/2);									
	Vhomid=Math.round(Vho/2);
}

IE=false;
if(document.all || navigator.userAgent.indexOf('MSIE')>-1)IE=true;


tijdseenheden=new Array(
'jaar',31536000000,
'maand',2678400000,
'week',604800000,
'dag',86400000,
'uur',3600000,
'minuut',60000,
'seconde',1000,
'milliseconde',1);
Ntijdseenheden=tijdseenheden.length;
function maakkoekie(naam, waarde, duur0, tijdseenheidx) {	//naam en waarde zijn strings
	duur1=10;
	for(i=0;i<Ntijdseenheden;i+=2){
		if(tijdseenheidx==tijdseenheden[i]){duur1=duur0*tijdseenheden[i+1];break};
	}
  var afloop = new Date();
  afloop.setTime(afloop.getTime() + duur1);	 
  document.cookie=naam +"="+waarde+((afloop == null) ? "" : ("; expires="+afloop.toGMTString()+"; path=/"));
	 	//dankzij path=/ werkt de koekie voor de gehele site;
		//koekies werken met IE7 pas goed wanneer bezoekend vanaf internet-server
}

function neemkoekie(Naam) {
   var NaamIs = Naam + "="
   if (document.cookie.length > -1) { 			// true als document een cookie heeft
      NaamVanaf = document.cookie.indexOf(NaamIs) 
      if (NaamVanaf != -1) { 					// true als cookie met die Naam begint
         WaardeVanaf = NaamVanaf+NaamIs.length	// Waarde vanaf (na) Naam=
         WaardeEind = document.cookie.indexOf(";", WaardeVanaf)		// Waarde tot ;
         if (WaardeEind == -1) WaardeEind = document.cookie.length	// tw WaardeVanaf
         return document.cookie.substring(WaardeVanaf, WaardeEind)
      }
   }
   return '';
}

//----------------



/*
IE 5.5 - 6 ondersteunen weergave van png niet. 
De volgende oplossing is gevonden op: http://homepage.ntlworld.com/bobosola/pngtestfixed.htm
Op deze site is alleen de sluier van type png. De sluier-tag moet afmetingen bevatten.
Dynamisch veranderen van de afmetingen vergt heel veel meer code om de png goed te tonen.
Daarom worden op deze site voor IE 5.5. - 6 de afmetingen van de hoofdlaag en dus van de sluier constant gehouden.
Op twee plekken wordt dat gerealiseerd, te weten in dit scriptbestand en meer i.h.b. m.b.v. een test van "telageIEversie".
Verder is in "index.htm"  de sluier-tag voorzien van  "onLoad="fixPNG(this)"".
Dat is het.
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
telageIEversie=false;
function fixPNG(myImage){
    if ((version >= 5.5) && (version < 7)){
			telageIEversie=true;
			//alert('U gebruikt Internet Explorer versie '+version+'. \nVoor een goede weergave van deze pagina adviseren wij u\nversie 7 of hoger, of de browser Firefox te installeren');
			 var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
			 var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
			 var imgTitle = (myImage.title) ? 
									 "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
			 var imgStyle = "display:inline-block;" + myImage.style.cssText
			 var strNewHTML = "<span " + imgID + imgClass + imgTitle
										+ " style=\"" + "width:" + myImage.width 
										+ "px; height:" + myImage.height 
										+ "px;" + imgStyle + ";"
										+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
										+ "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
			 myImage.outerHTML = strNewHTML	  
		}
}

function DID(x){
		//let op: de tag of aanroep moet wel een ID (of id) bevatten (geen name, hoewel samen mag)
	return document.getElementById(x);
}

function STIJL(x){
	return document.getElementById(x).style;
}