// Begin -->
// Vita.js Basis javascriptbibliotheek.
// Daarom verplicht bij elke pagina en als eerste aangeroepen.
// Alle scripts eigendom van Faase.
// Gebruik zonder schriftelijke toestemming is niet toegestaan.
// -------------------------------------------------------
// Algemene variabelen:
// Je kunt deze in de pagina een andere waarde geven.
var apo = '"'; // Apostrophe.
var linknum = 1; // Voor unieke namen bij folder plaatjes.
// Zie function PrintTekst.
var stijl = 0; // Verschillende stijlen album enzo.
// 0 = standaard,
// 1 = ouderwets.
var Simgs = new Array(); // Array met plaatjes voor slideshows.
var d = "duim/_"; // Voor thumbnails in apart mapje.
var klas = ""; // Standaard of 'oude' stijl.
var datklas = "d";
var gebdiv = 0; // Is dit 1 dan divs gebruiken.
// Werkt niet in ie.
// ---------------------------- Waar is de root?
var basis = "http://faase.nl/";
drv = "d:";
docpl = document.location+" ";
docpl = docpl.toLowerCase();
if (docpl.indexOf("172.16") > 0) basis = "http://172.16.19.254/"; // Portia intern bij ip-nummer.
if (docpl.indexOf("rocmn.nl") > 0) basis = "http://bisschop.rocmn.nl/";
if (docpl.indexOf("paal43") > 0) basis = "http://opaal43.mooo.com/";
if (docpl.indexOf("ile:///") > 0) drv = docpl.substring(8,9);
// Op de 8e plaats staat de drive letter.
// Let op: substring(vanaf plaatsnr, tot plaatsnr)
if (docpl.indexOf("webroot") > 0) basis = "file:///"+drv+":/WebRoot/";
// -----------------------------------------------
var plsub = basis+"plaat/"; // Plaatjes directory.
// ----------------------------------------------- Stijlen.
var arachter = [
"BACKGROUND="+plsub+"bladkaalgeel.jpg", // Standaard.
"BACKGROUND="+plsub+"bladblack.jpg"]; // Ouderwets.
var arblad = [
plsub+"bladgeel.jpg", // Standaard.
plsub+"bbladblack.jpg"]; // Ouderwets.
var arletter = ["", " class=oud"];
var ardatum = ["d", "doud"];
var achtergrond = arachter[0]
// Achtergrond pop-up foto-window.
// -----------------------------------------------
var jssub = basis+"java/"; // Javascripts directory.
var csstijl = basis+"java/vita.css";
// Style sheet voor nieuw te openen vensters.
var sPopupWin = null; // Reusable popup window.
var bpl = [
basis+"plaat/bopen.gif",
basis+"plaat/bterug.gif",
basis+"plaat/bverder.gif",
basis+"plaat/bclsd.gif",
basis+"plaat/bopen1.gif",
basis+"plaat/bopenr.gif",
basis+"plaat/bopenl.gif"]; // Plaatjes voor blader-boekje.
// -----------------------------------------------------------------
// Algemene funkties.
// -----------------------------------------------------------------
function empty(param) // "" geven als parameter niet ingevuld is.
{if (typeof param == 'undefined') return ""
else return param;};
// -----------------------------------------------------------------
function KnopIn(img_name,img_src) {document[img_name].src=img_src;}
function KnopLos(img_name,img_src) {document[img_name].src=img_src;}
// -----------------------------------------------------------------
function display(str)
{window.status = str; // Tekst op de onderbalk.
return true;}
// -----------------------------------------------------------------
function pagnum()
{
var nummer = parseInt(location.search.substring(1,100));
// Nummer uit pagina aanroep halen
// (b.v. 2 uit 77wat.htm?2)
if (isNaN(nummer)) nummer = 1; // Niets mee, dan nummer 1
return nummer; // nummer teruggeven.
}
// ==============================================================
// Plaatje, dat er niet is, vervangen.
// ==============================================================
function ImgOnb(imageObj)
{imageObj.src = basis+"plaat/ontbreekt.jpg";}
// -----------------------------------------------------------------
function Streep(procent) // Streep, default volle breedte.
{if (typeof procent == 'undefined') var procent = "100";
document.write("");};
// ==============================================================
// Hoofdletter van eerste letter maken.
// ==============================================================
function Capital(tekst)
{
while(''+tekst.charAt(0)==' ') tekst=tekst.substring(1,tekst.length);
; // Spaties voorop weghalen.
return tekst.substring(0,1).toUpperCase()+tekst.substring(1, tekst.length);
}
// ==============================================================
// Twee kolommen tekst over de volle breedte.
// ==============================================================
function Kolom2(a,b, nostreep)
{
// Twee gelijke kolommen met tekst.
nostreep = empty(nostreep);
// Geef je iets als derde mee, dan komt er geen streep onder.
document.write("
");
document.write("
"+a+"
");
document.write("
");
document.write("
"+b+"
");
document.write("
");
if (nostreep == "") Streep("50");
};
// ==============================================================
// Maken en neerzetten van de standaard paginakop.
// ==============================================================
function Kop(jaar, tekst, knoppen, achter, zoekpag)
{
achter = empty(achter); // Niet meegegeven dan "".
jaar = empty(jaar);
tekst = empty(tekst);
zoekpag = empty(zoekpag);
if (typeof knoppen == 'undefined') knoppen = nav;
// nav is standaard array op veel bladzijden.
// Met vorige en volgende bladzijde en index.
wie = "";
docpl = document.location+" ";
docpl = docpl.toLowerCase();
if (docpl.indexOf("album") > 0) zoekpag = basis+"album/index.htm";
// Zoekpagina. Bij klikken op de
// voorste koptekst (jaar) daarnaar toe.
if (docpl.indexOf("falco") > 0) wie = "Falco";
if (docpl.indexOf("koray") > 0) wie = "Koray";
if (docpl.indexOf("anil") > 0) wie = "Anil";
if (docpl.indexOf("sevim") > 0) wie = "Sevim";
if (docpl.indexOf("frans") > 0) wie = "Frans";
if ((jaar.indexOf("<") == -1) && (jaar.indexOf(">") == -1))
document.title = wie+" - "+jaar.replace(/#/g," ")+" "+tekst;
// titel aanpassen. Als er geen html in staat.
// global function om # te vervangen door spaties. (Bij jaar#dag).
document.writeln("\n");
// --------------------------------- Achtergrond.
b1 = " BACKGROUND="+arblad[stijl];
if ((achter != "") && (knoppen == "Sluit")) b1 = " BACKGROUND='"+plsub+"bladkaal.jpg'";
if (achter != "") b1 = " BACKGROUND='"+achter+"'";
if (knoppen == "Sluit") b1 += " OnBlur='window.close();'";
if (knoppen == "Dicht") knoppen = "Sluit";
// Dicht is hetzelfde als Sluit, alleen bijft het
// venster open bij verlies van focus.
// Wordt gebruikt bij muziek, waar player open gaat.
document.write("");
// -----------------------------------------------
document.write("");
// Dit is het deel van Overlib, dat direct na moet komen.
// -----------------------------------------------
if (gebdiv == 1)
{
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent.indexOf("msie") != -1)
document.write("Haal een echte browser! Firefox, Opera, Safari, iCab, Konqueror. Alles behalve IE.");
shoogte = window.innerHeight-144;
document.write("");
// plaatje zit in sysfoto2.css
document.write("
");
};
document.write('
');
var hek = jaar.indexOf("#"); // In de datum jaar#datum
// Dan wordt het datumdeel kleiner
// (1 stap groter dan default) geschreven.
lkleur = "class=d";
if (stijl == 1) lkleur = " class=dred";
rest = "";
if (hek > 0)
{
rest = jaar.substring(hek+1, 100);
jaar = jaar.substring(0, hek);
};
if (zoekpag != "") // Dit zit bij albumpagina's. Die hebben een zoekpag.
document.write("
");
}
// ==============================================================
// Boekje met voor- en achteruit bladeren en dichtdoen.
// bladz = Array(terug, index, vooruit).
// framenaam om ander frame of _top te geven voor alle opties.
// Of per optie 'bladzijde&framenaam' geven.
// Soms kan je geen history.back geven omdat men naar een andere bladzij
// kan zijn gegaan vanuit de bladzij waar dit op staat. Geef dan drie maal
// hetzelfde op in de array bladz.
// ==============================================================
function blader(naam, bladz, framenaam)
{
if (typeof framenaam == 'undefined') framenaam = "_self";
if ((naam == "Terug") || (naam == "T."))
// De punt wordt door navblader toegevoegd om onderscheid tussen het boekje
// boven en beneden te kunnen maken. Het splitsen van een array toegepast
// op een string levert losse letters. Daardoor komt uit navblader T.
{
jt = "javascript:window.history.back()";
document.write ("");
document.write ("");
}
else
if (naam == "Sluit")
{
jt = "javascript:window.close()";
document.write("");
document.write("");
}
else
{
if (typeof bladz == 'undefined') bladz = [nav[1], nav[2], nav[3]];
if (typeof naam == 'undefined') naam = nav[0];
// nav is standaard array op veel bladzijden.
// Met vorige en volgende bladzijde en index.
bp = bpl[0];
aa = bpl[1];
// --------- Kijken of aparte frames meegegeven per optie ---------
frblz = [framenaam, framenaam, framenaam];
fpl = bladz[0].indexOf("$") // $ als scheidingsteken tussen
if (fpl > -1) // bestand en framenaam.
{
dleen = bladz[0].substring(0,(fpl));
frblz[0] = bladz[0].substring((fpl+1), 100);
bladz[0] = dleen;
};
fpl = bladz[1].indexOf("$")
if (fpl > -1)
{
dleen = bladz[1].substring(0,(fpl));
frblz[1] = bladz[1].substring((fpl+1), 100);
bladz[1] = dleen;
};
fpl = bladz[2].indexOf("$")
if (fpl > -1)
{
dleen = bladz[2].substring(0,(fpl));
frblz[2] = bladz[2].substring((fpl+1), 100);
bladz[2] = dleen;
};
//-------------------------------------------------------
wn = ((naam == "Index") || (naam == "Index."))?"":naam;
s1 = ""+wn; // Terug
s2 = "
"+wn; // Omhoog
s3 = ""+wn; // Vooruit
if (bladz[0] == bladz[1]) {aa = bpl[3]; bp = bpl[5]; s1 = s2};
// Terug en Dicht gelijk dan alletwee boekje dicht.
// En alleen pijl rechts bij open boekje.
ac = bpl[2];
if (bladz[1] == bladz[2]) {ac = bpl[3]; bp = bpl[6]; s3 = s2};
// Dicht en Verder gelijk dan alletwee boekje dicht.
// En alleen pijl links bij open boekje.
bp = ((bladz[0] == bladz[1]) && (bladz[1] == bladz[2]))?bpl[4]:bp;
// Alle drie hetzelfde, dan boekje zonder pijlen.
snterug = "return overlib('"+s1+"', WIDTH, 20, LEFT)";
snindex = "return overlib('"+s2+"', WIDTH, 20, LEFT)";
snvooruit = "return overlib('"+s3+"', WIDTH, 20, LEFT)";
muisweg = "onMouseOut="+apo+"nd(); KnopLos('"+naam+"', '"+bp+"'); return true"+apo+">";
document.write ("");
document.writeln("");
};
};
// ==============================================================
// Boekje onderaan. Om niet naar boven te hoeven gaan op de
// bladzijde. Zie function blader.
// Aanroep: blader(zelfde array als bovenin gebruikt wordt);
// blzs is een array met [naam, terug, index, vooruit];
// otekst is fakultatief. Tekst, die in het midden wordt neergezet.
// ==============================================================
function navblader(blzs, otekst)
{
if (typeof blzs == 'undefined') blzs = nav;
// nav is standaard array op veel bladzijden.
// Met vorige en volgende bladzijde en index.
if (typeof otekst == 'undefined') otekst = "";
if (gebdiv == 1) document.write("
");
blader(blzs[0]+".", blzs.slice(1,4));
// De punt, omdat anders boven en onder dezelfde naam in
// de image-map gebruikt wordt.
document.write("
");
if (gebdiv == 1) document.write("
");
};
// ==============================================================
// Neerzetten en maken van een plaatjes-window
// Dit wordt aangeroepen als er op een foto in het album geklikt wordt.
// Opent een nieuw venster met de foto in het midden.
// Wordt ook door andere funkties gebruikt.
// ==============================================================
function plaat(pic, tekst, datum)
{
datum = empty(datum);
tekst = empty(tekst); // Deze funktie wordt ook rechtstreeks aangeroepen.
// Daarom herhaling kontrole op lege parameters.
tekst = tekst.replace(/_/g," ");
// _ vervangen door spaties. Soms nodig ivm
// gegenereerde html-pagina's.
sbreedte = screen.width - 10;
shoogte = screen.height - 50;
phoogte = shoogte - 100; // Hoogte plaatje in popup.
sstuur = "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=yes,resizable=0,width=" + sbreedte +",height=" + shoogte +",top=0,left=0";
var win = window.open("", "win", sstuur);
with (win.document) {
open("text/html", "replace");
writeln(""+datum+" "+tekst+"");
writeln("");
writeln("");
pstijl = "";
writeln(pstijl);
writeln("");
writeln("");
// writeln("");
writeln("
");
// Uitzoeken waar het plaatjes staat. Volledige plaats.
// Niet doen als het al eens gedaan is.
vooraf = "";
if ((pic.indexOf("file:") == -1) && (pic.indexOf("http:") == -1)) vooraf = subdirzoek();
writeln("
");
writeln("
");
writeln("");
writeln("
");
var klas = arletter[stijl];
var datklas = ardatum[stijl]; // de variabele 'achtergrond' kan op zwart gezet
// zijn (alles met black erin).
// Dan letters wit en datum rood.
write("");
write("
");
write("");
close();}
}
// ======================================================
// Neerzetten van een object Foto.
// ======================================================
function PrintFoto()
{
var ondertekst = ""; // Tekst op statusbalk onderaan.
var ftekst = this.tekst; // Tekst op albumbladzijde.
var gif = "F";
var tdone = "F"; // Of de tekst er al staat?
// ---------------------------------------------------------
// Is er een aparte thumbnail? this.plaat begint dan met _
// Daarvoor kan nog de subdir staan, bv: /map/_plaatje.jpg.
// IndexOf geeft -1 als teken er niet in staat.
// ---------------------------------------------------------
isduim = this.plaat.indexOf("_");
duimpje = this.plaat;
this.plaat = DuimWerk(this.plaat);
if (this.tekst2.length > 0) ftekst += " >>";
// Aangeven, dat er meer tekst is.
if ((this.plaat.indexOf(".gif") > 0) || (this.plaat.indexOf(".png")) > 0) gif = "T";
// Is het een gif- of png plaatje?
// Die krijgen geen schaduw ivm transparante ondergrond.
rij = " "+this.uitlijn; // VALIGN, ROWSPAN en COLSPAN en zo.
document.write("
");
// Tekstcel rechts van het plaatje.
if (this.zijde.substring(0,2) == "re")
{
ft = new Tekst(this.datum, ftekst, this.uitlijn, this.zijde, this.link, "", this.pw);
ft.PrintTekst();
this.uitlijn = " VALIGN=bottom"; // Plaatje ook naar onderen.
tdone = "T";
};
// Cel met de foto ---------------------------------------
document.write("");
if (this.tekst.length > 0) ondertekst = ftekst;
document.write("");
if (isduim > -1)
{
document.write("");
document.write("");
// --------------------------------------------------------
// Datum en tekst links of onder de foto.
if (tdone == "F")
{
if (this.zijde == "onder") document.write("
");
ft = new Tekst(this.datum, ftekst, this.uitlijn, this.zijde, this.link, "", this.pw);
ft.PrintTekst();
};
document.write("
");
};
// ==========================================================
// DuimWerk
// ==========================================================
function DuimWerk(dplaat)
{
isduim = dplaat.indexOf("_");
if (isduim > -1)
{
// _ kan ergens in het midden staan.
plen = dplaat.length; // Subdir vermeldingen er voor.
dplaat = dplaat.substring(0, isduim)+dplaat.substring(isduim+1, plen);
induim = dplaat.indexOf("duim/");
// Naast _ de duimnageltjes ook nog in een apart mapje.
if (induim > -1)
{
plen = dplaat.length; // Subdir vermeldingen er voor.
dplaat = dplaat.substring(0, induim)+dplaat.substring(induim+5, plen);
};
};
return dplaat
};
// ==========================================================
// Aanmaken van een instance van het object Foto
// ----------------------------------------------------------
// Mogelijkheden voor Zijde:
// LINKS tekst rechts (!) van foto.
// RECHTS tekst links (!) van foto.
// MIDDEN tekst rechts van foto in het midden uitgelijnd
// ONDER tekst onder foto. (default)
// HIDDEN Geen tekst in album, verschijnt wel als onderschrift
// zowel op statusbalk als op fotoblad.
// Mogelijkheden voor plaat:
// Gewoon leeg laten. In dat geval alleen tekst en evt. een link.
// DAGBOEK, HISTOR of EMAIL. Wordt dan dagboek-, boeken- of emailsymbooltje neergezet.
//
// Met && in de tekst kan een korte tekst op de albumpagina gezet worden;
// het deel voor &&. Bij klikken op de foto komt daar dan de hele tekst.
// Dus zowel het stuk voor als achter &&.
// ==========================================================
function Foto(plaat, hoogte, datum, tekst, zijde, link, uitlijn)
// Het maken van het object.
{
if (typeof hoogte == 'undefined' || hoogte == "") var hoogte = "120";
// Default 120 pixels hoge klikplaatjes.
// --------------------------- Bijzondere gevallen.
switch(plaat)
{
case "DAGBOEK": // Dagboekplaatje plus tekst.
plaat = plsub+"dagboek.gif"; hoogte = 37;
break;
case "EMAIL": // Emailplaatje plus tekst.
plaat = plsub+"mail.gif"; hoogte = 37;
break;
case "HISTOR": // Historieplaatje plus tekst.
plaat = plsub+"histor.gif"; hoogte = 57;
break;
default:
if (typeof plaat == 'undefined' || plaat == "")
{ // Geen plaatje. Enkel tekst. Altijd links uitgelijnd.
plaat = plsub+"fade.gif"; hoogte = 1;
if (tekst.indexOf("&&") > -1)
{ // Iets nodig om te klikken als tekst langer is.
plaat = plsub+"doc.gif";
hoogte = 22
};
zijde = "li";
};
};
// -------------------------------------------------
if (typeof uitlijn == 'undefined' || uitlijn == "")
var uitlijn = " VALIGN=top"; // Default altijd plaatje bovenin cel.
else uitlijn = " "+uitlijn; // Anders een spatie ervoor om los van TD te staan.
if (typeof zijde == 'undefined' || zijde == "") var zijde = "onder";
// Waar moet de tekst?
tekst = empty(tekst); // Geen tekst wordt lege tekst.
datum = empty(datum); // Geen datum wordt lege datum.
link = empty(link); // Geen link wordt lege link.
var tekst2 = "";
var pt2 = tekst.indexOf("&&");
// Staat er && in de tekst?
// Zo ja: voorste stuk gewone tekst, achterste alleen
// erbij zetten op de 'opengeklapte' foto.
if (pt2 > 0)
{t1 = tekst.substring(0, pt2);
t2 = tekst.substring(pt2+2);
tekst = t1; // Gewone tekst.
tekst2 = t2; // Aanvullende tekst bij foto.
}
if ((plaat.indexOf(".jp") == -1)
&& (plaat.indexOf(".png") == -1)
&& (plaat.indexOf(".gif") == -1)) plaat += ".jpg";
// Weggelaten extensie toevoegen.
this.plaat = plaat;
this.hoogte = hoogte;
this.tekst = tekst;
this.tekst2 = tekst2;
this.datum = datum;
this.zijde = zijde;
this.uitlijn = uitlijn;
this.link = link;
this.PrintFoto = PrintFoto;
return this;
}
// ==============================================================
// Neerzetten en maken van een tekst-cel
// ==============================================================
function PrintTekst()
{
if (this.pijl.substring(0,2) == "re") this.uitlijn += " ALIGN=right VALIGN=bottom"
else
if (this.pijl == "midden") this.uitlijn += " ALIGN=middle"
else this.uitlijn = " VALIGN=top ALIGN=left";
//-----------------------------------
// Om het korter te maken:
lt1 = " ";
lt3 = " ";
// Achterste stukje tekst van de link.
//-----------------------------------
document.write("
");
// Tekst links ernaast, gecentreerd als er MIDDEN in pijl staat.
if (this.link.length > 0) document.write(lt1, this.link, lt2, lt3);
klas = arletter[stijl];
datklas = ardatum[stijl];
// Als er een datum is meegegeven, die neerzetten.
if (this.datum.length > 0)
document.write("", this.datum, " ");
document.write("", this.verhaal, "");
document.write("
\n");
}
// -- Aanmaken van een instance van het object Tekst --------------
// datum Datum.
// verhaal Tekst in de cel.
// uitlijn Default VALIGN=top, wordt er iets meegegeven, dan komt
// dit ipv de default in
.
// pijl Links, rechts, onder.
// link Doelpagina als er een link in de tekst moet.
// Wordt tussen datum en pijl geplaatst.
// ----------------------------------------------------------------
function Tekst(datum, verhaal, uitlijn, pijl, link)
{
verhaal = empty(verhaal);
if (typeof uitlijn == 'undefined' || uitlijn == "")
var uitlijn = " VALIGN=top";
// Default altijd bovenin cel.
pijl = empty(pijl);
link = empty(link);
this.datum = datum; // Een datum.
this.verhaal = verhaal; // De tekst.
this.uitlijn = uitlijn; // Iets wat op de xxx in
kan staan.
this.pijl = pijl; // Links, rechts, midden, op of neer.
// li, re en mi is genoeg.
this.link = link; // File, waarnaar gelinkt wordt.
this.PrintTekst = PrintTekst;
return this;
}
// ==============================================================
// Filmpje in Flash-video formaat (*.flv)
// FLVPlayer.swf, skin.swf en de filmpjes moeten in de lokale directory staan.
// Parameter filmpje zonder .flv
// Uitlijn: Standaard tekst eronder, li voor er naast.
// Beginmeteen: false is standaard, zo niet geef dan true mee.
// ==============================================================
function FVideo(filmpje, vdatum, vtekst, uitlijn, beginmeteen, breed, hoog)
{
vdatum = empty(vdatum);
vtekst = empty(vtekst);
beginmeteen = empty(beginmeteen);
uitlijn = empty(uitlijn);
breed = empty(breed);
hoog = empty(hoog);
vaklijn = "VALIGN=top";
if ((uitlijn != "" ) && (uitlijn != "li")) vaklijn += " "+uitlijn;
if (beginmeteen == "") beginmeteen = "false";
if (breed == "") breed = "320";
if (hoog == "") hoog = "210";
breed = parseInt(parseInt(breed)*1.01875-14); // Randjes voor knoppen en zo.
hoog = parseInt(parseInt(hoog)*1.08958+5);
document.write('
');
document.write('');
if (uitlijn == "li") document.write('
');
};
// ==============================================================
// MP3 afspelen in webpagina's met de dewplayer.swf.
// Startzelf = true (1) of false (0) (default).
// nogeenkeer = true (1) of false (0) (default), herhalend.
// MP3 moeten een sample-rate van 44.1 (48) kbps hebben.
// ==============================================================
function MP3(geluidje, gdatum, gtekst, startzelf, nogeenkeer)
{
gdatum = empty(gdatum);
gtekst = empty(gtekst);
startzelf = empty(startzelf);
nogeenkeer = empty(nogeenkeer);
idnr = geluidje;
if (geluidje.indexOf(".mp3") < 0) geluidje += ".mp3";
sz = "0";
if (startzelf == "1" || startzelf == "true") sz = 1;
herh = "0";
if (nogeenkeer == "1" || nogeenkeer == "true") herh = 1;
// -------------------- oplossing?
docpl = document.location+" ";
result = docpl.lastIndexOf("\/");
rest = docpl.substring(0,result)+"/";
//------------------------
document.write('
');
document.write('');
klas = arletter[stijl];
datklas = ardatum[stijl];
// Als er een datum is meegegeven, die neerzetten.
document.write(" ");
if (gdatum.length > 0)
document.write("", gdatum, " ");
if (gtekst.length > 0)
document.write("", gtekst, " ");
document.write("
");
};
// ==============================================================
// Neerzetten en maken van een dokument-cel
// ==============================================================
function PrintDoc()
{
done = "F";
sbreedte = screen.width - 10;
shoogte = screen.height - 50;
sstuur = "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=yes,resizable=0,width=" + sbreedte +",height=" + shoogte +",top=0,left=0";
document.write("
");
if (this.plaat.indexOf(".htm") > 0)
{ // Dit is een komplete html-pagina
// document.write(" 0) ||
(this.plaat.indexOf(".pdf") > 0))
{ // Pdf of Worddocument. Alleen een href.
document.write("");
document.write("");
klas = arletter[stijl];
datklas = ardatum[stijl];
// Als er een datum is meegegeven, die neerzetten.
if (this.datum.length > 0)
document.write("", this.datum, " ")
else
document.write(" ");
ftekst = this.verhaal;
if (this.verhaal2.length > 0) ftekst += "....";
// Aangeven, dat er meer tekst is.
document.write("", ftekst, "");
document.write("
\n");
}
// -- Aanmaken van een instance van het object Doc --------------
// plaat plaatje, pdf, doc of komplete html-pagina.
// datum Datum
// verhaal Tekst in de cel.
// tiepe Wat voor symbooltje:
// Geluidsfragmenten worden niet meer gebruikt. Daarvoor is MP3.
// ----------------------------------------------------------------
function Doc(plaat, datum, verhaal, tiepe)
{
var plsub = basis+"plaat/";
symb = [plsub+"doc.gif", plsub+"loep.gif",
plsub+"soundbutton.gif", plsub+"fade.gif",
plsub+"histor.gif", plsub+"docpdf.gif"];
datum = empty(datum);
verhaal = empty(verhaal);
// Als er geen plaatje meegegeven is.
if (typeof plaat == 'undefined' || plaat == "")
plaat = plsub+"fade.gif";
this.docplaat = symb[0];
if (tiepe == "loep") this.docplaat = symb[1];
if (tiepe == "priv") // Prive stukjes.
{
this.docplaat = symb[3];
if ((plaat == "") || (plaat == 'undefined')) plaat = symb[3];
};
if (plaat.indexOf(".pdf") > 0) this.docplaat = symb[5];
if ((plaat.indexOf(".htm") > 0) && (this.docplaat != symb[3])) this.docplaat = symb[4];
// HTML pagina, boek-icoontje.
var verhaal2 = "";
var pt2 = verhaal.indexOf("&&");
// Staat er && in de tekst?
// Zo ja: voorste stuk gewone tekst, achterste alleen
// erbij zetten op de 'opengeklapte' foto.
if (pt2 > 0)
{t1 = verhaal.substring(0, pt2);
t2 = verhaal.substring(pt2+2);
verhaal = t1; // Gewone tekst.
verhaal2 = t2; // Aanvullende tekst bij foto.
}
if ((plaat.indexOf(".htm") == -1) &&
(plaat.indexOf(".gif") == -1) &&
(plaat.indexOf(".pdf") == -1) &&
(plaat.indexOf(".doc") == -1) &&
(plaat.indexOf(".png") == -1) &&
(plaat.indexOf(".jpg") == -1))
plaat += ".jpg";
// Weggelaten extensie toevoegen.
this.datum = datum; // Een datum.
this.verhaal = verhaal; // De tekst.
this.verhaal2 = verhaal2 // Extra tekst, alleen bij openen.
this.plaat = plaat; // File, waarin document staat.
this.PrintDoc = PrintDoc;
return this;
}
// ==============================================================
// Cel met Flash slideshow schrijven.
// ==============================================================
function Slidef(swefje, breed, hoogte, datum, tekst, uitlijn, link)
{
if (typeof breed == 'undefined') var breed = "220";
if (typeof hoogte == 'undefined') var hoogte = "120";
if (typeof datum == 'undefined') var datum = "";
if (typeof tekst == 'undefined') var tekst = "";
if (typeof uitlijn == 'undefined') var uitlijn = "";
if (typeof link == 'undefined') var link = "";
pro = swefje.indexOf(".xml") // Kijken of het xml gestuurd is.
if (pro > -1) // dan naam.xml meegegeven.
{
snaam = swefje.substring(0,pro);
swefje = snaam+".swf?xml_path="+swefje;
}
else
swefje = swefje+".swf";
document.write('
');
document.write('');
document.write('
');
lt1 = " ";
lt3 = " ";
// Achterste stukje tekst van de link.
//-----------------------------------
document.write("
")
if (link.length > 0) document.write(lt1, link, lt2, lt3);
klas = arletter[stijl];
datklas = ardatum[stijl];
// Als er een datum is meegegeven, die neerzetten.
if (datum.length > 0)
document.write("", datum, " ");
document.write("", tekst, "");
document.write("
\n");
}
// ======================================================
// Een komplete rij
// reeks is een array.
// Per element: plaatje, grootte, tekst enz. gescheiden door *
// rijpar is optioneel. weggelaten of leeg = Default komplete tabel,
// Bevat het: 0 = Uitsluitend rij, geen
voor of na.
// 1 = Alleen
, eerste rij van meerdere.
// 2 = Alleen
, laatste rij van meerdere
// v = Volle breedte.
// ======================================================
function Regel(reeks, rijpar)
{
rij = "";
rijpar = empty(rijpar);
var def_groot = "120";
// Geen grootte gegeven, dan default grootte.
// Wel gegeven, dan wordt dat meteen dat de nieuwe default-waarde.
brtekst = "";
if (rijpar.indexOf("v") > -1) brtekst = " WIDTH=100%";
if ((rijpar.indexOf("0") > -1) || (rijpar.indexOf("2") > -1))
document.write("
")
else
document.write("
");
// ----------------------------------------------------- Begin lus.
for (n = 0; n < reeks.length; n++)
{
var done = "F"; // Om te kijken of we het al gedaan hebben.
deel = reeks[n].split("*");
switch(deel[0])
{
case "PRIV":
dc = new Doc(deel[1], deel[2], deel[3], "priv");
dc.PrintDoc();
break;
case "DOC": // Documenten, Loep (vergroting).
dc = new Doc(deel[1], deel[2], deel[3], deel[4]);
dc.PrintDoc();
break;
case "SLIDE": // Slideshow
if (typeof deel[1] == 'undefined' || deel[1] == "") deel[1] = def_groot
else def_groot = deel[1]; // Param: string, hoogte, datum, tekst.
// plaatjes e.d. definieren in kop html-doc.
Slide(deel[1], deel[2], deel[3], deel[4], deel[5]);
break;
case "SLIDEF": // Slideshow flash.
if (typeof deel[2] == 'undefined' || deel[2] == "") deel[2] = def_groot
else def_groot = deel[2]; // Param: swfbestand, breedte, hoogte,
// datum, tekst, link
Slidef(deel[1], deel[2], deel[3], deel[4], deel[5], deel[6], deel[7]);
break;
case "LEEG": // Lege cel voor scheiding. Default 4 spaties.
if (typeof deel[1] == 'undefined') deel[1] = 4;
tal = parseInt(deel[1]); // Integer van string maken.
document.write("
");
for (k = 0; k < tal; k++) document.write(" ");
// Aantal spaties
document.write("
");
break;
case "FOTO": // Vast plaatje. Ware grootte.
// Kan niet opengeklikt worden.
df = deel[1]; // Extensie toevoegen.
if ((df.indexOf(".jp") == -1)
&& (df.indexOf(".gif") == -1)) df = df+".jpg";
// Weggelaten extensie toevoegen.
document.write('
');
break;
case "TAAL": // Taalkeuze.
document.write('
');
KiesTaal(deel[1], deel[2]);
document.write('
\n');
break;
case "VIDEO": // Filmpje in flv formaat.
FVideo(deel[1], deel[2], deel[3], deel[4], deel[5], deel[6], deel[7]);
break;
case "VIDOGG": // Filmpje in ogg formaat.
Fogg(deel[1], deel[2], deel[3], deel[4], deel[5], deel[6], deel[7]);
break;
case "MP3": // Geluidsfragment.
MP3(deel[1], deel[2], deel[3], deel[4], deel[5]);
break;
default: // Wat overblijft: gewone foto.
if (typeof deel[1] == 'undefined' || deel[1] == "")
deel[1] = def_groot
else def_groot = deel[1];
if (typeof deel[4] == 'undefined' || deel[4] == "")
deel[4] = "onder";
p = new Foto(deel[0], deel[1], deel[2], deel[3], deel[4], deel[5], deel[6], deel[7]);
p.PrintFoto();
};
};
// ----------------------------------------------------- Einde lus.
// Bevat het: 0 = Uitsluitend rij, geen
voor of na.
// 1 = Alleen
, eerste rij van meerdere.
// 2 = Alleen
, laatste rij van meerdere
// v = Volle breedte.
if ((rijpar.indexOf("0") > -1) || (rijpar.indexOf("1") > -1))
document.write("\n\n")
else
document.write("
\n\n");
}
// ======================================================
// Dit stuk zoekt uit waar we nu zitten.
// Dan de alles voor de naam van de html-pagina terug geven.
// Dus http://server/subdir/ of file:///subdir/.
// ======================================================
function subdirzoek()
{
pagplaats = document.location;
wp = pagplaats+" ";
vrplek = wp.indexOf("?") // Eerste eventuele parameters
if (vrplek > -1) wp = wp.substring(0,vrplek); // achteraan weghalen.
slplek = 0;
onthoud = -1;
while (slplek > -1)
{
onthoud += slplek+1;
slplek = wp.indexOf("/");
wp = wp.substring(slplek+1,100);
};
wp = pagplaats+" ";
wp = wp.substring(0,onthoud); // Dit is de complete subdir van de URL.
return (wp)
}
// ======================================================
// Randje met schaduw om foto.
// corner.js 1.9 (21 mar 2009) (c) by Christian Effenberger All Rights Reserved
// Source: corner.netzgesta.de Distributed under Netzgestade Software License Agreement
// http://www.netzgesta.de/cvi/LICENSE.txt
// License permits free of charge use on non-commercial and private web sites only
// ======================================================
var tmp = navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.indexOf('Opera') < 1 ? 1 : 0;if(tmp) var isIE = document.namespaces ? 1 : 0;if(isIE) { if(document.namespaces['v']==null) { var e=["shape","shapetype","group","background","path","formulas","handles","fill","stroke","shadow","textbox","textpath","imagedata","line","polyline","curve","roundrect","oval","rect","arc","image"],s=document.createStyleSheet(); for(var i=0; i0?0.25:0.2); tmp.addColorStop(0,'rgba('+color+','+color+','+color+',0.9)'); tmp.addColorStop(val,'rgba('+color+','+color+','+color+','+opacity+')'); tmp.addColorStop(0.75,'rgba('+color+','+color+','+color+',0)'); tmp.addColorStop(1,'rgba('+color+','+color+','+color+',0)'); return tmp;}function addRadialStyle(ctx,x1,y1,r1,x2,y2,r2,opacity) { var tmp = ctx.createRadialGradient(x1,y1,r1,x2,y2,r2); var opt = Math.min(parseFloat(opacity+0.1),1.0); tmp.addColorStop(0,'rgba(0,0,0,'+opt+')'); tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')'); tmp.addColorStop(1,'rgba(0,0,0,0)'); return tmp;}function addLinearStyle(ctx,x,y,w,h,opacity) { var tmp = ctx.createLinearGradient(x,y,w,h); var opt = Math.min(parseFloat(opacity+0.1),1.0); tmp.addColorStop(0,'rgba(0,0,0,'+opt+')'); tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')'); tmp.addColorStop(1,'rgba(0,0,0,0)'); return tmp;}function addShine(ctx,width,height,radius,opacity,extra) { var style; var color = (extra!=1?254:0); style = addGradient(ctx,0,radius,radius,radius,color,opacity); ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(0,height); ctx.lineTo(radius,height); ctx.lineTo(radius,radius); ctx.closePath(); ctx.fillStyle = style; ctx.fill(); style = addGradient(ctx,radius,0,radius,radius,color,opacity); ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(width,0); ctx.lineTo(width,radius); ctx.lineTo(radius,radius); ctx.closePath(); ctx.fillStyle = style; ctx.fill();}function addShade(ctx,width,height,radius,opacity) { var style; style = addGradient(ctx,width,radius,width-radius,radius,0,opacity); ctx.beginPath(); ctx.moveTo(width,0); ctx.lineTo(width,height); ctx.lineTo(width-radius,height-radius); ctx.lineTo(width-radius,0); ctx.closePath(); ctx.fillStyle = style; ctx.fill(); style = addGradient(ctx,radius,height,radius,height-radius,0,opacity); ctx.beginPath(); ctx.moveTo(width,height); ctx.lineTo(0,height); ctx.lineTo(0,height-radius); ctx.lineTo(width-radius,height-radius); ctx.closePath(); ctx.fillStyle = style; ctx.fill();}function roundedShadow(ctx,x,y,width,height,radius,opacity){ var style; ctx.beginPath(); ctx.rect(x,y+height-radius,radius,radius); ctx.closePath(); style = addRadialStyle(ctx,x+radius,y+height-radius,radius-x,x+radius,y+height-radius,radius,opacity); ctx.fillStyle = style; ctx.fill(); ctx.beginPath(); ctx.rect(x+radius,y+height-y,width-(radius*2.25),y); ctx.closePath(); style = addLinearStyle(ctx,x+radius,y+height-y,x+radius,y+height,opacity); ctx.fillStyle = style; ctx.fill(); ctx.beginPath(); ctx.rect(x+width-(radius*1.25),y+height-(radius*1.25),radius*1.25,radius*1.25); ctx.closePath(); style = addRadialStyle(ctx,x+width-(radius*1.25),y+height-(radius*1.25),(radius*1.25)-1.5-x,x+width-(radius*1.25),y+height-(radius*1.25),radius*1.25,opacity); ctx.fillStyle = style; ctx.fill(); ctx.beginPath(); ctx.rect(x+width-x,y+radius,x,height-(radius*2.25)); ctx.closePath(); style = addLinearStyle(ctx,x+width-x,y+radius,x+width,y+radius,opacity); ctx.fillStyle = style; ctx.fill(); ctx.beginPath(); ctx.rect(x+width-radius,y,radius,radius); ctx.closePath(); style = addRadialStyle(ctx,x+width-radius,y+radius,radius-x,x+width-radius,y+radius,radius,opacity); ctx.fillStyle = style; ctx.fill();}function addIECorners() { var theimages = getImages('corner'); var image; var object; var vml; var div; var pos; var i; var classes = ''; var iradius = null; var ishadow = null; var ishade = null; var inverse = null; var newClasses = ''; var maxdim = null; var offset = null; var radius = null; var display = ""; var flt = null; var width = null; var height = null; var start, head, soft, shadow, fill, foot, end; var left, top, bottom, right, lt, br, linear, inset; for (i=0;i0?(inverse>0?0:Math.min(Math.max(offset,iradius/2),16)):0); radius = getRadius(iradius,width,height); display = (image.currentStyle.display.toLowerCase()=='block')?'block':'inline-block'; vml = document.createElement([''].join('')); flt = image.currentStyle.styleFloat.toLowerCase(); display = (flt=='left'||flt=='right')?'inline':display; start = ''; fill = ''; foot = (iradius>0?'':''); end = ''; soft = ''; shadow = ''; lt = ''; left = ''; top = ''; bottom = ''; right = ''; if(iradius<=0) { if (ishadow>0) { if(inverse<=0) { ishadow = ishadow/50; offset = 8; inset = 4; soft = ''; head = ''; }else if(inverse>0) { ishadow = ishadow/50; iradius = 12; linear = "linear"; head = ''; shadow = ''; top = ''; left = ''; } }else { head = ''; } if(ishade>0) { ishade = ishade/50; iradius = 12; top = ''; left = ''; bottom = ''; right = ''; } } else { if(ishadow>0) { linear = "linear sigma"; pos = 2; if(inverse<=0) { ishadow = ishadow/50; inset = Math.round(offset*0.5); soft = ''; head = ''; }else if(inverse>0) { ishadow = ishadow/50; head = ''; shadow = ''; top = ''; left = ''; lt = ''; } }else { pos = 1; offset = 0; head = ''; } if(ishade>0) { ishade = ishade/50; linear = "linear"; top = ''; left = ''; lt = ''; } } vml.innerHTML = start + soft + head + fill + shadow + foot + right + bottom + top + left + lt + end; vml.className = newClasses; vml.style.cssText = image.style.cssText; vml.style.height = image.height+'px'; vml.style.width = image.width+'px'; vml.height = image.height; vml.width = image.width; vml.src = image.src; vml.alt = image.alt; if(image.id!='') vml.id = image.id; if(image.title!='') vml.title = image.title; if(image.getAttribute('onclick')!='') vml.setAttribute('onclick',image.getAttribute('onclick')); if(image.getAttribute("usemap")) { if (iradius>0){pos = offset;}else {pos = 0;} object.style.position = 'relative'; object.style.height = height+'px'; object.style.width = width+'px'; image.left = 0; image.top = 0; image.style.position = 'absolute'; image.style.height = height+'px'; image.style.width = width+'px'; image.style.left = 0 + 'px'; image.style.top = 0 + 'px'; image.style.filter = "Alpha(opacity=0)"; object.insertBefore(vml,image); }else { object.replaceChild(vml,image); } }}function addCorners() { var theimages = getImages('corner'); var image; var object; var canvas; var context; var i; var iradius = null; var ishade = null; var ishadow = null; var inverse = null; var classes = ''; var newClasses = ''; var maxdim = null; var style = null; var offset = null; for (i=0;i0?(inverse>0?0:Math.min(Math.max(offset,iradius/2),16)):0); context = canvas.getContext("2d"); if(image.getAttribute("usemap")) { object.style.position = 'relative'; object.style.height = image.height+'px'; object.style.width = image.width+'px'; canvas.left = 0; canvas.top = 0; canvas.style.position = 'absolute'; canvas.style.left = 0 + 'px'; canvas.style.top = 0 + 'px'; image.left = 0; image.top = 0; image.style.position = 'absolute'; image.style.height = image.height+'px'; image.style.width = image.width+'px'; image.style.left = 0 + 'px'; image.style.top = 0 + 'px'; image.style.opacity = 0; object.insertBefore(canvas,image); }else { object.replaceChild(canvas,image); } context.clearRect(0,0,canvas.width,canvas.height); context.save(); if (ishadow>0 && inverse<=0) { ishadow = ishadow/100; if (iradius>0) { roundedShadow(context,offset,offset,canvas.width-offset,canvas.height-offset,iradius,ishadow); }else { offset = 8; roundedShadow(context,offset,offset,canvas.width-offset,canvas.height-offset,offset,ishadow); } } if (iradius<=0) { context.beginPath(); context.rect(0,0,canvas.width-offset,canvas.height-offset); context.closePath(); }else { roundedRect(context,0,0,canvas.width-offset,canvas.height-offset,iradius); } context.clip(); context.fillStyle = 'rgba(0,0,0,0)'; context.fillRect(0,0,canvas.width,canvas.height); context.drawImage(image,0,0,canvas.width-offset,canvas.height-offset); if (ishadow>0 && inverse>0) { ishadow = ishadow/100; if (iradius>0) { addShine(context,canvas.width,canvas.height,iradius,ishadow,1); roundedRect(context,0,0,canvas.width,canvas.height,iradius); }else { iradius = 16; addShine(context,canvas.width,canvas.height,iradius,ishadow,1); context.beginPath(); context.rect(0,0,canvas.width,canvas.height); context.closePath(); } context.strokeStyle = 'rgba(0,0,0,'+ishadow+')'; context.lineWidth = 2; context.stroke(); } if (ishade>0) { ishade = ishade/100; if (iradius<=0) iradius = 16; addShade(context,canvas.width-offset,canvas.height-offset,iradius,ishade); addShine(context,canvas.width-offset,canvas.height-offset,iradius,ishade); } canvas.style.visibility = 'visible'; } }}var cornerOnload = window.onload;window.onload = function () { if(cornerOnload) cornerOnload(); if(isIE){addIECorners(); }else {addCorners();}}
// End -->
![]("+bpl[4]+")
");
}
else
if (naam == "Sluit")
{
jt = "javascript:window.close()";
document.write("");
document.write("
"+wn; // Terug
s2 = "![]("+bp+")
");
document.writeln("");
};
};
// ==============================================================
// Boekje onderaan. Om niet naar boven te hoeven gaan op de
// bladzijde. Zie function blader.
// Aanroep: blader(zelfde array als bovenin gebruikt wordt);
// blzs is een array met [naam, terug, index, vooruit];
// otekst is fakultatief. Tekst, die in het midden wordt neergezet.
// ==============================================================
function navblader(blzs, otekst)
{
if (typeof blzs == 'undefined') blzs = nav;
// nav is standaard array op veel bladzijden.
// Met vorige en volgende bladzijde en index.
if (typeof otekst == 'undefined') otekst = "";
if (gebdiv == 1) document.write("![]("+basis+"plaat/print.gif)
![]("+plsub+"folder1.gif)