<!-- Begin POP-UP SIZES AND OPTIONS CODE


// ONLY USE lowercase FOR ALL OPTIONS


// CHANGE ANY OF THESE VARIABLES TO "no" OR "yes" TO TURN AN OPTION OFF OR ON


var slideshow_button 	= "yes"		// SLIDESHOW BUTTON yes/no
var close_button 	= "yes"		// CLOSE BUTTON yes/no
var print_button	= "yes"		// PRINT BUTTON yes/no
var right_click_on	= "yes"		// RIGHT CLICK PROTECTION ON
var viewer	 	= "no"		// yes/FULL SCREEN OR no/POPUP MODE
var viewerFAQ	 	= "no"		// yes/FULL SCREEN OR no/POPUP MODE ON THE FAQ PAGES

// OTHER OPTIONS YOU CAN CHANGE


var border_color	= "000000"	// PICTURE OUTLINE COLOR
var background_colors	= "999999"	// BACKROUND COLOR OF THE GALLERY POPUP

var view_width 		= 700		// GALLERY POPUP WIDTH
var view_height 	= 500		// GALLERY POPUP HEIGHT
var slideshow_width 	= 700		// SLIDESHOW WIDTH
var slideshow_height 	= 500		// SLIDESHOW HEIGHT
var FAQ_width 		= 625		// FAQ POPUP HEIGHT
var FAQ_height 		= 400		// FAQ POPUP HEIGHT
var fiche_width 	= 700		// REFERENCE POPUP WIDTH
var fiche_height 	= 500		// REFERENCE POPUP HEIGHT


var right_click_text	= "De rechtermuisknop is niet toegelaten!"	// TEXT FOR THE RIGHT CLICK PROTECTION
var scrollbars 		= "0"		// TURN ON POPUP SCROLLBARS "1" FOR ON "0" FOR OFF
var faqscrollbars 	= "0"		// TURN ON FAQ SCROLLBARS "1" FOR ON "0" FOR OFF
var fichescrollbars	= "0"		// TURN ON REFERENCE SCROLLBARS "1" FOR ON "0" FOR OFF


// Variabelen voor de fotoalbums
var totaal_aantal_foto	= 48
var aantal_foto_album	= 40
var aantal_per_rij	= 8
var album_width 	= 700		
var album_height 	= 500
var album_scrollbars	= "0"
var path_tumb		= "picts/referenties/thumbnails/"
var path_img		= "picts/referenties/images/"
var foto_width 		= 75		
var foto_height 	= 75		
var album_colspan 	= 0
var foto_nr		= 0		

function popUpAlbum(Nummer) {

album_width = (foto_width*aantal_per_rij) + ((aantal_per_rij-1)*5) + (2*10);

if (viewer == "no") 
	{
	var look='toolbar=0,scrollbars='+album_scrollbars+',location=0,statusbar=0,menubar=0,resizable=0,width='+album_width+',height='+album_height+','
	popwin=window.open("","album",look)
	}
else 
	if (viewer == "yes") 
		{
		popwin=window.open()
		}

popwin.document.open()
popwin.document.write('<html><head><title>DEPA Ramen N.V. - Referenties</title><head>')
popwin.document.write('<link rel=StyleSheet href="css/depa.css" type="text/css" media="screen">')
popwin.document.write('<script language="JavaScript" src="js/javascripts.js"></script>')
popwin.document.write('<script language="JavaScript" src="js/pop-closeup.js"></script>')

if (right_click_on == "yes") 
	{
//	popwin.document.write('<META HTTP-EQUIV="imagetoolbar" CONTENT="no">')
//	popwin.document.write('<script language="JavaScript">')
//	popwin.document.write('function noRightClick() {')
//	popwin.document.write('if (event.button==2) {')
//	popwin.document.write('alert(\''+right_click_text+'\')')
// 	popwin.document.write('}')
//	popwin.document.write('}')
//	popwin.document.write('document.onmousedown=noRightClick')
//	popwin.document.write('</script>')
	}

popwin.document.write('</head>')
popwin.document.write('<body bgcolor="#616A59" width="100%" height="100%" TEXT="#FFFFFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">')

album_colspan = (aantal_per_rij*2)+1;
foto_nr = 0; 		
      
popwin.document.write('<table class="album_table" cellpadding="0" cellspacing="0" border="0"><tr><td align="LEFT" valign="TOP" colspan="'+album_colspan+'" height="20"></td></tr>')

for (rij=1; rij <= aantal_foto_album/aantal_per_rij; rij++)
	{  
	popwin.document.write('<tr height="75">');
	popwin.document.write('<td width="20"></td>');
	for (kolom=1; kolom <= aantal_per_rij; kolom++)
		{
		popwin.document.write('<td width="75" valign="center" align="center" height="75">');
		foto_nr++;
		if (foto_nr <= (totaal_aantal_foto - (aantal_foto_album*(Nummer-1))))
			{
			full_path_img = path_img + foto_nr + '.jpg';
			full_path_tumb = path_tumb + foto_nr + '.jpg';
			popwin.document.write('<table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000" style="border-collapse: collapse">');
			popwin.document.write('<tr>');
			popwin.document.write('<td>');
			popwin.document.write('<a href="javascript:popUp(\''+full_path_img+'\')">');
			popwin.document.write('<img src="'+full_path_tumb+'" border="0" onmouseover="alert_msg(\'Klik voor ware grootte\')" onmouseout="away()"></a><br>');
			popwin.document.write('</td>');
			popwin.document.write('</tr>');
			popwin.document.write('</table>');
			} 
		popwin.document.write('</td>');
		popwin.document.write('<td width="5"></td>');
		}
	popwin.document.write('<td width="20"></td>');
	popwin.document.write('<tr><td colspan="17" height="10"></td></tr>');
	}
popwin.document.write('</tr>')
popwin.document.write('<tr><td height="10" colspan="'+album_colspan+'"></td></tr>')
popwin.document.write('<tr>')
popwin.document.write('<td colspan="'+album_colspan+'" height="20" align="center">')
popwin.document.write('<table cellpadding=0 cellspacing=0 border=0>')
popwin.document.write('<tr>')
popwin.document.write('<td>');

// BEGIN KNOPPEN SLIDESHOW EN BLADZIJDEN
popwin.document.write('<TABLE cellpadding="0" cellspacing="0" border="0"><tr><td width="10">');
popwin.document.write('<img src="picts/spacer.gif" height="10" width="20"><br>');
popwin.document.write('</td><td>');
popwin.document.write('<TABLE cellpadding="2" cellspacing="0" border="1" bordercolor="#FFFFFF" style="border-collapse: collapse"><tr><td>');
popwin.document.write('<a href="javascript:popUpSlideshow(\'slideshow.htm\')">Slideshow</a><br>');
popwin.document.write('</td></tr></table>');

aantal_bladzijden = totaal_aantal_foto%aantal_foto_album;
if (aantal_bladzijden > 0)
	{
	aantal_bladzijden = (totaal_aantal_foto/aantal_foto_album)+1;
	}
else 
	{
	aantal_bladzijden = totaal_aantal_foto/aantal_foto_album;
	}
for (knop=1; knop <= aantal_bladzijden; knop++)
{
popwin.document.write('</td><td width="5">&nbsp;<br></td><td>');
popwin.document.write('<TABLE cellpadding="2" cellspacing="0" border="1" bordercolor="#FFFFFF" style="border-collapse: collapse"><tr><td>');
popwin.document.write('<a href="javascript:popUpAlbum('+knop+')">'+knop+'</a><br>');
popwin.document.write('</td></tr></table>');
}
popwin.document.write('</td></tr></table>');
// EINDE KNOPPEN SLIDESHOW EN BLADZIJDEN

popwin.document.write('</td>')
popwin.document.write('</tr>')
popwin.document.write('</table>')
popwin.document.write('</td>')
popwin.document.write('</tr>')
popwin.document.write('<tr><td colspan="'+album_colspan+'" height="10"></td></tr>')
popwin.document.write('</table>')
popwin.document.write('</body>')
popwin.document.close()
}


// YOU DO NOT NEED TO EDIT BELOW THIS LINE

// START SLIDESHOW POPUP CODE
function popUpSlideshow(URL) {
day = new Date();
id = day.getDay();
   if (viewer == "no") {
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars='+scrollbars+',location=0,statusbar=0,menubar=0,resizable=1,width='+slideshow_width+',height='+slideshow_height+'');");
}
else 
if (viewer == "yes") {
eval("page" + id + " = window.open(URL);");
}
}

function popUpFiche(URL) {
day = new Date();
id = day.getDay();
   if (viewer == "no") {
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars='+fichescrollbars+',location=0,statusbar=0,menubar=0,resizable=0,width='+fiche_width+',height='+fiche_height+'');");
}
else 
if (viewer == "yes") {
eval("page" + id + " = window.open(URL);");
}
}



// START POPUP CODE

function popUp(URL) {
day = new Date();
id = day.getDay();

   if (viewer == "no") {
//eval("page" + id + " = window.open(URL, '" + id + "', 
//'toolbar=0,scrollbars='+scrollbars+',location=0,statusbar=0,menubar=0,resizable=1,width='+view_width+',height='+vieuw_height+'');");
var look='toolbar=0,scrollbars='+scrollbars+',location=0,statusbar=0,menubar=0,resizable=1,width='+view_width+',height='+view_height+','
popwin=window.open("","",look)
}
else 
if (viewer == "yes") {
//eval("page" + id + " = window.open(URL);")
popwin=window.open()
}

popwin.document.open()
popwin.document.write('<html><head><title>DEPA Ramen N.V. - Referenties</title><head>')
popwin.document.write('<link rel=StyleSheet href="css/depa.css" type="text/css" media="screen">')
   if (right_click_on == "yes") {
popwin.document.write('<META HTTP-EQUIV="imagetoolbar" CONTENT="no">')
popwin.document.write('<script language="JavaScript">')
popwin.document.write('function noRightClick() {')
popwin.document.write('if (event.button==2) {')
popwin.document.write('alert(\''+right_click_text+'\')')
popwin.document.write('}')
popwin.document.write('}')
popwin.document.write('document.onmousedown=noRightClick')
popwin.document.write('</script>')
}
popwin.document.write('</head>')
popwin.document.write('<body BGCOLOR="#'+background_colors+'" TEXT="#FFFFFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">')
popwin.document.write('<TABLE cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" ><tr><td align="center">')

popwin.document.write('<TABLE cellpadding="0" cellspacing="0" border="1" bordercolor="'+border_color+'" style="border-collapse: collapse"><tr><td>')
popwin.document.write('<img src="'+URL+'">')
popwin.document.write('</td></tr></table>')
popwin.document.write('<br>')

popwin.document.write('<TABLE cellpadding="0" cellspacing="0" border="0"><tr><td>')
   if (print_button == "yes") {
popwin.document.write('<form style="margin: 0px"><input type="button" value="Print" onmouseover="this.className=\'buttonon-popups\'" onmouseout="this.className=\'button-popups\'" class="button-popups" onClick=\'self.print()\'>&nbsp;</form>')
}
   if (close_button == "yes") {
popwin.document.write('</td><td>')
popwin.document.write('<form style="margin: 0px"><input type="button" value="Close" onmouseover="this.className=\'buttonon-popups\'" onmouseout="this.className=\'button-popups\'" class="button-popups" onClick=\'self.close()\'>&nbsp;</form>')
}
   if (slideshow_button == "yes") {
popwin.document.write('</td><td>')
popwin.document.write('<form action="slideshow.htm" style="margin: 0px"><input type="submit" value="Slideshow" onmouseover="this.className=\'buttonon-popups\'" onmouseout="this.className=\'button-popups\'" class="button-popups">&nbsp;</form>')
}
popwin.document.write('</td></tr></table>')


popwin.document.write('</td></tr></table>')
popwin.document.write('</body>')
popwin.document.close()
}


// End POPUP CODE



<!-- Begin
var border_color	= "000000"	// PICTURE OUTLINE COLOR
var background_colors	= "999999"	// BACKROUND COLOR OF THE GALLERY POPUP

var right_click_text	= "De rechtermuisknop is niet toegelaten!"	// TEXT FOR THE RIGHT CLICK PROTECTION
var scrollbars 		= "0"		// TURN ON POPUP SCROLLBARS "1" FOR ON "0" FOR OFF
var faqscrollbarS 	= "0"		// TURN ON FAQ SCROLLBARS "1" FOR ON "0" FOR OFF

document.write('<div Class="divstyle" id="info" style=\'display:none;\'>')
document.write('<div id="imagetitle" class="pstyletitle" align="center"></div>')
document.write('</div>')

document.write('<div Class="divpic" id="pic" style=\'display:none;\'>')
document.write('<div id="picpic" class="picpic" align="center"><img id="patrick" src="picts/prive_70_104.jpg"></div>')
document.write('</div>')

var IE = document.all?true:false

if (!IE) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

var tempX = 0
var tempY = 0
var wint = 0
var winl = 0

//var winl = (screen.availWidth)/2
//var wint = (screen.availheight)/2
//var wint = 0
  
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
obj_info = document.getElementById("info")
obj_info.style.top = tempY + 10;
obj_info.style.left = tempX + 10;
obj_pic = document.getElementById("pic")
obj_pic.style.top = tempY - 250;
obj_pic.style.left = tempX + 10;
obj_pic.style.top = wint;
obj_pic.style.left = winl;
  return true
}

function alert_msg(titletext){
obj_info = document.getElementById("info")
obj_info.style.display = '';
obj_imagetitle = document.getElementById("imagetitle");
obj_imagetitle.innerHTML = titletext;
}

function popup_pic(path){
obj_pic = document.getElementById("pic")
//obj_pic.style.top = 0;
obj_pic.style.left = (screen.availWidth)/2;
obj_pic.style.display = '';
obj_patrick = document.getElementById("patrick");
obj_patrick.src = path;
}


function away()
{
obj_info = document.getElementById("info")
obj_info.style.display = 'none';
}

function away2()
{
obj_pic = document.getElementById("pic")
obj_pic.style.display = 'none';
}

function goToURL() { history.go(-1); }
//  Einde -->