/**********************************************************************************   
PageScroll 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*********************************************************************************/
defaultStatus="Rijksmuseum voor Volkenkunde Leiden";
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
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()


/*********************************************************************************
These are the variables you have to set:
*********************************************************************************/


//The speed of the timeout between each scroll.
timSpeed=50

//The height of the container (change this when it scrolls to much or to little)
contHeight=398

/*********************************************************************************
This is the object constructor function, which applies 
methods and properties to the Cross-browser layer object
*********************************************************************************/
function makeScrollObj(obj,nest){
	nest=(!nest) ? "":'document.'+nest+'.'		
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
  	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;		
	this.height=bw.ns4?this.css.document.height:this.el.offsetHeight
	this.top=b_gettop										
	return this
}
//Getting the top for the top method
function b_gettop(){
	var gleft=(bw.ns4 || bw.ns6)?parseInt(this.css.top):eval(this.css.pixelTop);
	return gleft;
}
//Variables
var scrollTim=1;
var active=0;
/*********************************************************************************
The scroll function. Checks what way to scroll and checks if the
layer is not already on top or bottom.
*********************************************************************************/
function scroll(speed){
	clearTimeout(scrollTim)
	way=speed>0?1:0
	if((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){
		oScroll[active].css.top=oScroll[active].top()+speed
		scrollTim=setTimeout("scroll("+speed+")",timSpeed)
	}
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
	clearTimeout(scrollTim)
}
/*********************************************************************************
Changes the active layer. Hides the one that's visible and
shows the "new" one. Also set's the new layers top to
0 so it starts at top.
*********************************************************************************/
function changeActive(num){
	oScroll[active].css.visibility='hidden'
	active=num
	oScroll[active].css.top=0
	oScroll[active].css.visibility='visible'
}
/*********************************************************************************
Initilizes the page, makes a oScroll Array and calls the object constructor.
Here you can add as many scrollObjects as you want
*********************************************************************************/
function scrollInit(){
	oScroll=new Array()
	oScroll[0]=new	makeScrollObj('divScroll1','divCont')
	oScroll[0].css.visibility='visible'
	oControl=new makeScrollObj('divControl')
	oControl.css.visibility='visible'
}
/*********************************************************************************
Executes the scrollInit function on pageload.
*********************************************************************************/

// verder
function CloseMe() {parent.parent.window.close();}
// einde

/**********************************************************************************   
Dynamic Tooltips 
*   Copyright (C) 2001 <a href="/dhtmlcentral/michael_van_ouwerkerk.asp">Michael van Ouwerkerk</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/michael_van_ouwerkerk.asp">Michael van Ouwerkerk</a> 
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
	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 set:

messages= new Array()
// Write your descriptions in here.
messages[0]=""
messages[1]="No. 360-1113 up to and including 360-1131."
messages[2]="The Royal Collection of Rarities was abandoned in 1883 and the collection was divided up among seven museums, including the National Ethnographic Museum, the present-day National Museum of Ethnology."
messages[3]="Jean-Theodore Roijer (1737-1807)."
messages[4]="Rassers, W.H., <i>Overzicht van de geschiedenis van het Rijksmuseum voor Volkenkunde 1837-1937</i>. Leiden 1937, p.8.<br><br>Pott, P.H., <i>Gids voor het Rijksmuseum voor Volkenkunde Leiden.</i> Leiden 1961, p. 1.<br><br>At the time of the French occupation of Holland, in 1795, the then &quot;Stadholder&quot;, prince William V of the House of Orange, and other members of his family were forced into exile. Members of the House of Orange had ruled in Holland since the late sixteenth century. After the defeat of Napoleon I near Leipzig in 1813, prince William I Frederick (1772-1843) returned to Holland and at first became its &quot;Souverein Vorst&quot;, and later - after the Congress of Vienna - King William I of the Netherlands."
messages[5]="Roijer's widow, Johanna Louisa van Oldenbarnevelt, Genaamd Tutling, died at the end of 1814. It was only after her death that the &quot;rarities&quot; (<i>rariteijte</i>) from the legacy was made available to &quot;our beloved Sovereign&quot;. On 24 April 1815 the Chinese ethnographic items were transferred to a space in the Buitenhof in The Hague (Sasaki ms)."
messages[6]="In the available inventories for series 360, the glass paintings are not named among the range of objects that can be explicitly indicated as belonging to the Roijer collection. Neither are they to be found in other sources such as the <i>Inventaris van het Cabinet Rariteiten nagelaten door Mevrouwe J.L. van Oldenbarneveld Weduw van den Heer J.T. Roijer</i> in the National Museum (<i>Rijksmuseum</i>) in Amsterdam."
messages[7]="As a rule, a proportion of the frames were made in China from hardwood or lacquered wood, but the frames for the finest paintings were made after the works had reached Europe. In a number of cases they provide clues for dating the paintings. (Jenyns, p.140)."
messages[8]="<img src='../images/image004.jpg' width='284' height='183' border='0' alt=''>"
messages[9]="<img src='../images/image006.jpg' width='284' height='184' border='0' alt=''>"
messages[10]="<img src='../images/graflegging.jpg' width='211' height='231' border='0' alt=''>"
messages[11]="<img src='../images/hinterglasbild.jpg' width='234' height='323' border='0' alt=''>"
messages[12]="<img src='../images/lady_jane_grey.jpg' width='194' height='234' border='0' alt=''>"
messages[13]="<img src='../images/edelman.jpg' width='194' height='261' border='0' alt=''>"
messages[14]="In so far as (for the sake of simplicity) several cultural lines of influence can be traced, we can distinguish a line from Persia outwards towards the East - central and southern Asia; Turkey influenced the former Ottoman Empire, stretching towards the north, Europe; the Arabian peninsular radiated cultural influences within the Mediterranean region and in North, West and East Africa."
messages[15]="Gernot Prunner in <i>Hinterglasmalerei aus Asien</i> (catalogue of an exhibition in the Hamburgisches Museum f&uuml;r V&ouml;lkerkunde, <i>Interversa</i>, Hamburg 1981), no pagenumber."
messages[16]="<img src='../images/leeuwentekst.jpg' width='358' height='263' border='0' alt=''>"
messages[17]="Dedieu, p.23."
messages[18]="This is the term used in one of Senegal's major languages, <i>wolof</i>, and undoubtedly derives from the French concept of <i>sous verre</i>. France was, after all, the language of the colonial overlords up to Independence in 1960."
messages[19]="Dedieu, p. 27. We also know of paintings behind glass in which photographs taken from magazines were used as the basis for the representation."
messages[20]="Jaya Appasamy states, on the basis of work by an anonymous Chinese painter working at the court of Tipu Sultan, for example: &quot;<i>that the technique of painting on glass was current in India in the last quarter of the 18th century and prior to the fall of Seringapatam in 1799&quot;</i> (Appasamy 1975, p.153)."
messages[21]="Appasamy (1981), p.32."
messages[22]="Dammert (1993), p.26."
messages[23]="On this Bramzelius says: <i>So l&auml;sst sich die Miniatur-Tradition von Gujarat, Bengalen und Nepal im 12. bis zum 15. Jahrhunderte verstehen, namentlich als sie sich im 16. Jahrhunderte in Rajputana in einde k&uuml;hnere und breitere Miniaturmalerei umsetzte, die mit farbigem Glanze in streng fl&auml;chenhafter Darstellung Episodenbilder von einem starken, lyrischen Stimmungsgehalt erschuf. So entstand auch, und zwar nicht schlechterdings von persischer Miniaturkunst, vielleicht auch von europ&auml;ischer Kunst, unber&uuml;hrt eine quasi-naive Malerei, die durch eine fl&auml;chenhafte Komposition mit unerh&ouml;rtem Farbensinn und einer stillen Innigkeit des Gef&uuml;hls charakterisiert wird. [.....] Es ist dies ein Kriterium, das wir auch in unserer Hindu-Pantheon Glasmalerei wahrnehmen k&ouml;nnen. Was hier gemalt wird, ist nicht nur relgi&ouml;se Tradition und stereotypiertes Schema sondern das grosse Gef&uuml;fl gegenw&auml;rtigen Lebens. Somit kommt es den Quellen der &auml;ltesten Kunst wieder nahe. Aber, wie schon erw&auml;hnt, ist hier nicht die Rede von einer freistehenden, isolierten Malerei, die von &auml;usseren Einfl&uuml;ssen unbeeinflusst geblieben ist, sondern es handelt sich hier, im Gegenteil, um eine auff&auml;llige Reciprocit&auml;t.</i> (Bramzelius, p.3)."
messages[24]="<img src='../images/bruidsportret.jpg' width='342' height='274' border='0' alt=''>"
messages[25]="<i>Jedenfalls finden sich um die Jahrhundertwende in Indonesien (vowiegend auf Java und Bali) zwei Richtungen der Hinterglasmalerei von denen die eine eine Misschung aus einheimischer und europ&auml;ischer Potr&auml;tkunst darstellt, w&auml;hrend die andere ganz an die einheimische Tradition des Wayang (Schatten- und Puppentheaters) mit seinen Motiven aus den indischen Epen Mahabharata und Ramayana gebeunden ist</i>. (Prunner 1981, n.p.)"
messages[26]="The Dutch had a factory on the man-made island of <i>Deshima</i>, and were the only westerners to be allowed to trade with the Japanese, between 1639 and 1853. Via Deshima the Japanese could also become acquainted with western scientific and cultural ideas."
messages[27]="Prunner cites two names of artists from this period: Ishizaki Yushi (1768-1846) and Araki Jogen (1773-1824). On the basis of the old Japanese name for paintings behind glass - <i>bidoro-e</i> - which would be closely connected with the Portuguese word for glass plate, <i>vidro</i>, Prunner also dared to claim that the Japanese would have learned about painting behind/on glass even before the advent of the Dutch. The present-day name for these paintings is <i>garasu - e</i>."
// To have more descriptions just add to the array.

fromX= -1           // How much from the actual mouse X should the description box appear?
fromY= 21           // How much from the actual mouse Y should the description box appear?
ns4center= 0        // Centering the text in ns4 doesn't work with css, use this variable instead... the value is 1 or 0
useFading= 0        // 1 for a fading effect in windows explorer 5+ and all platforms ns6, 0 for no fading effect.
animation= 1        // 1 if you want animation, 0 for no animation.
detectiontype= 0    // 1 for 'smooth' window size detection, 0 for 'flip' window size detection.
delay= 300          // The time before showing the popup, in milliseconds.


/*** 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 makeTooltip(obj){								
   	this.elm= document.getElementById? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
   	this.css= bw.ns4?this.elm:this.elm.style;
   	this.wref= bw.ns4?this.elm.document:this.elm;
	this.obj= obj+'makeTooltip'; eval(this.obj+'=this');
	this.w= bw.ns4? this.elm.clip.width: this.elm.offsetWidth;
	this.h= bw.ns4? this.elm.clip.height: this.elm.offsetHeight;
};
makeTooltip.prototype.measureIt= function(){
	this.w= bw.ns4? this.elm.clip.width: this.elm.offsetWidth;
	this.h= bw.ns4? this.elm.clip.height: this.elm.offsetHeight;
};
makeTooltip.prototype.writeIt= function(text){
	if (bw.ns4) {this.wref.write(text); this.wref.close()}
	else this.wref.innerHTML= text;
};

// Mousemove detection
var mouseX=0,mouseY=0,setX=0,setY=0;
function getMousemove(e){
	mouseX= (bw.ns4||bw.ns6)? e.pageX: bw.ie&&bw.win&&!bw.ie4? (event.clientX-2)+document.body.scrollLeft : event.clientX+document.body.scrollLeft;
	mouseY= (bw.ns4||bw.ns6)? e.pageY: bw.ie&&bw.win&&!bw.ie4? (event.clientY-2)+document.body.scrollTop : event.clientY+document.body.scrollTop;
	if (isLoaded && hovering && animation) placeIt();
};
function placeIt(){
	if (detectiontype==1) setX= mouseX+fromX+tooltip.w > screenWscrolled ? screenWscrolled-tooltip.w: mouseX+fromX;
	if (detectiontype==1) setY= mouseY+fromY+tooltip.h > screenHscrolled ? screenHscrolled-tooltip.h: mouseY+fromY;
	if (detectiontype==0) setX= mouseX+fromX+tooltip.w > screenWscrolled ? mouseX-fromX-tooltip.w: mouseX+fromX;
	if (detectiontype==0) setY= mouseY+fromY+tooltip.h > screenHscrolled ? mouseY-fromY-tooltip.h: mouseY+fromY;
	if (setX<0) setX= 0;
	if (setY<0) setY= 0;
	tooltip.css.left= setX+px;
	tooltip.css.top= setY+px;
};

// Main popUp function.
var hovering=false, screenWscrolled=0, screenHscrolled=0;
makeTooltip.prototype.showTimer= null;
function popUp(num){
	if(isLoaded){
		clearTimeout(tooltip.popTimer);
		dopopOut();
		if (bw.ns4){
			var text= '<span class="netscape4Style">' + (ns4center?'<center>':"") + messages[num] + (ns4center?'</center>':"") + '</span>';
			tooltip.writeIt(text);
		}
		if (!bw.ns4) tooltip.writeIt(messages[num]);
		screenWscrolled= screenW + (bw.ie?document.body.scrollLeft:pageXOffset);
		screenHscrolled= screenH + (bw.ie?document.body.scrollTop:pageYOffset);
		hovering= true;
		
		/* I'm using a timeout for ie4 here, because it doesn't store the measurements quickly enough. Does anybody know why this happens? */
		if (bw.ie4) setTimeout('tooltip.measureIt(); placeIt();', delay/2);
		else { tooltip.measureIt(); placeIt(); }
		if (useFading) tooltip.showTimer= setTimeout('tooltip.blendIn()', delay);
		if (!useFading) tooltip.showTimer= setTimeout('tooltip.css.visibility="visible"', delay);
    }
};

// Hiding routines
makeTooltip.prototype.popTimer= null;
function popOut(){
	if (isLoaded) tooltip.popTimer= setTimeout('dopopOut()', 30)
};
function dopopOut(){
	hovering= false;
	clearTimeout(tooltip.showTimer);
	tooltip.css.visibility= 'hidden';
	clearTimeout(tooltip.fadeTimer);
	tooltip.i= 0;
};

// Measure screensize.
var scrollbarWidth= bw.ns6&&bw.win?14:bw.ns6&&!bw.win?16:bw.ns4?16:0;
function measureScreen() {
	tooltip.css.top= 0+px;
	tooltip.css.left= 0+px;
	screenW= (bw.ie?document.body.clientWidth:innerWidth) - scrollbarWidth;
	screenH= (bw.ie?document.body.clientHeight:innerHeight);
};

// Opacity methods.
makeTooltip.prototype.blendIn= function(){
	if (bw.ie && bw.win && !bw.ie4) {
		this.css.filter= 'blendTrans(duration=0.5)';
		this.elm.filters.blendTrans.apply();
		this.css.visibility= 'visible';
		this.elm.filters.blendTrans.play();
	}
	else {
		this.css.visibility= 'visible';
		if (!bw.ns4) this.fadeIt();
	}
};
makeTooltip.prototype.step= 8;
makeTooltip.prototype.i= 0;
makeTooltip.prototype.fadeTimer= null;
makeTooltip.prototype.fadeIt= function(){
	this.i+= this.step;
	//this.css.filter= 'alpha(opacity='+this.i+')';
	this.css.MozOpacity= this.i/100;
	if (this.i<100) this.fadeTimer= setTimeout(this.obj+'.fadeIt()', 40);
	else this.i= 0;
};

// Init function...
var isLoaded= false;
function popupInit(){
	//Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
	bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
	if (bw.opera5) bw.ns6 = 0
	
	//Extending the browsercheck to add windows platform detection.
	bw.win= (navigator.userAgent.indexOf('Windows')>-1)

	tooltip= new makeTooltip('divTooltip');
	tooltip.elm.onmouseover= function(){ clearTimeout(tooltip.popTimer); if(bw.ns4){setTimeout('clearTimeout(tooltip.popTimer)',20)}; };
	tooltip.elm.onmouseout= dopopOut;
	if (bw.ns4) document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove= getMousemove;
	measureScreen();
	if (!bw.ns4) onresize= measureScreen;
	if (!bw.ns4) tooltip.elm.className= 'normalStyle';
	if (bw.ie && bw.win && !bw.ie4) tooltip.css.filter= 'alpha(opacity=100)'; //Preloads the windows filters.
	isLoaded= true;
};