/*
 * $Id: common.js 177 2009-07-07 13:46:44Z root $
 */
 
var oldContent = null; // Hierin wordt de oude inhoud van de pageContent div bewaard

function toggleMainContent(display, fileId, description) {
	var element	= document.getElementById("pageContent"); // verwijzing naar div waarin de hoofdinhoud van de site staat
		
	// bepaal d.m.v. een action wat we gaan doen
	switch (display) {
        case 'photo': // zet de HTML van de foto in de pageContent Div
			oldContent			= oldContent===null?element.innerHTML:oldContent;	// bewaar de oude inhoud van de body (alleen na de eerste keer dat deze functie aangeroepen wordt)
			element.innerHTML	= enlargePhoto(fileId, description, 407);				// print de tabel met daarin de foto in de pageContent div
		break
		case 'movie':
			oldContent			= oldContent===null?element.innerHTML:oldContent;	// bewaar de oude inhoud van de body (alleen na de eerste keer dat deze functie aangeroepen wordt)
			element.innerHTML	= displayFlashMovie(fileId, description, 328);
		break;
		case 'default': // plaats de oude content terug in de pageContent Div
			element.innerHTML	= oldContent;										// Plaatst de oude content weer terug in de pageContent div
		break
	}
	return;
}

function enlargeFrame(body, description, tableWidth) {
	var fileDescription = description !=''?'<span>' +description+ '</span>':'';
	var html = '<table id="boxExample" align="center" style="width:'+tableWidth+'px!important;">'
	+  '<tr>'
	+  		'<td class="header"><a href="#" onclick="JavaScript: toggleMainContent(\'default\', 0, 0); return false;"><img src="/images/icons/close.gif" style="width:22px!important; height:19px!important;" width="22" height="19" border="0" alt="Close"></a></td>'
	+  		'<td class="shadeRightTop"><img src="/images/empty.gif" width="5" height="1" border="0" alt=""></td>'
	+  '</tr>'
	+  '<tr>'
	+		'<td class="body" style="width:'+tableWidth+'px!important;">'+body+'</td>'
	+  		'<td class="shadeRight"><img src="/images/empty.gif" width="5" height="1" border="0" alt=""></td>'
	+  '</tr>'
	+  '<tr>'
	+		'<td class="bottom">'
	+		fileDescription
	+		'<img src="/images/empty.gif" width="'+tableWidth+'" height="1" border="0" alt=""></td>'
	+  		'<td class="shadeRight"><img src="/images/empty.gif" width="5" height="1" border="0" alt=""></td>'
	+  '</tr>'
	+  '<tr>'
	+		'<td colspan="2" class="shadeBottom"><img src="/images/empty.gif" width="1" height="1" border="0" alt=""></td>'
	+  '</tr>'
	+ '</table>';
	return html;
}

function enlargePhoto(photoId, description, bodyWidth) {
	var innerImage = '<span class="fileHolder"><img class="innerFile" src="/file_handler/footer_files/enlargement/view/' + photoId + '/photo.jpg" border="0" alt="'+description+'"></span>';
	return enlargeFrame(innerImage, description, bodyWidth);
}

function displayFlashMovie(fileId, description, bodyWidth) {
	var url2Flash		= '/_file_/footer_files/original/view/'+fileId+'/large.swf';
	var flashElement	= '<span class="fileHolder"><OBJECT class="innerFile" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="328" HEIGHT="245">'+
			'<PARAM NAME="movie"	VALUE="'+url2Flash+'">'+
			'<PARAM NAME="play"		VALUE="TRUE">'+
			'<PARAM NAME="menu"		VALUE="FALSE">'+
			'<PARAM NAME="quality"	VALUE="high">'+
			'<PARAM NAME="bgcolor"	VALUE="green">'+
			'<EMBED class="innerFile" swLiveConnect="true" src="'+url2Flash+'" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" '+
			'WIDTH="407" HEIGHT="304" play="TRUE" quality="high" bgcolor="White"></EMBED>'+
		'</OBJECT></span>';
	// Aan een flash mag GEEN description getoond worden
	var description = '';
	return enlargeFrame(flashElement, description, bodyWidth);
}

/** Laad een flash in en spring naar een bepaald frame in de flash.
 * vervolgens wordt de flash stilgezet op dat frame.
 * @param int elementId Id van het element in de HTML
 * @return void
 */
function loadFrame(elementId) {
	var frameNumber		= 80;
	var flashElement	= document.getElementById(elementId);
	
	// voor in Mozilla
	// var flashElement	= window.document.elementId;
	this.window.status = 'Loading flash movies...';
	if ( !flashElement || flashElement.PercentLoaded() < 100 ) {
		// this.window.status = 'Flash movie loaded '+flashElement.PercentLoaded()+' %';
		setTimeout('loadFrame("'+elementId+'")', 10);
		return;
    }
	this.window.status = 'All flash movies are successfully loaded';
	flashElement.StopPlay();
	flashElement.GotoFrame(frameNumber);
	return;
}

/** Zorg dat er altijd eerst een blok met foto's wordt ingeladen
 * @return void
 */
function initFooter() {
	var linkPhoto		= document.getElementById("link_photo");
	var linkLogo		= document.getElementById("link_logo");
	var linkMovie		= document.getElementById("link_movie");
	
	var footerElement	= document.getElementById("footerFileBlock");

	if ( block_photo != 0  ) {
		if ( linkPhoto ) {
			linkPhoto.className		= "On";
		}
		footerElement.innerHTML	= block_photo;
	}
	else if ( block_logo != 0 ) {
		if ( linkLogo ) {
			linkLogo.className		= "On";
		}
		footerElement.innerHTML	= block_logo;
	}
	else if ( block_movie != 0 ) {
		if ( linkMovie ) {
			linkMovie.className		= "On";
		}
		footerElement.innerHTML	= block_movie;
	}
	return;
}

/** Verander de inhoud (HTML) van het footer block
 * @param string selectedElement
 * @param string blockBody String met nieuwe HTML die in de footer getoont moet worden
 * @return void
 */
function toggleFooter(selectedElement, blockBody) {
	var linkPhoto		= document.getElementById("link_photo");
	var linkLogo		= document.getElementById("link_logo");
	var linkMovie		= document.getElementById("link_movie");
	
	var linkSelected	= document.getElementById("link_"+selectedElement);
	var footerElement	= document.getElementById("footerFileBlock");
	
	if ( linkPhoto ) {
		linkPhoto.className = "off";
	}
	if ( linkLogo ) {
		linkLogo.className = "off";
	}
	if ( linkMovie ) {
		linkMovie.className = "off";
	}
	
	linkSelected.className	= "on";
	footerElement.innerHTML	= blockBody;
}

/** Open een popup die automatisch gecentreerd wordt in het midden van je browser venster
 * @param string mypage URL naar pagina die getoont moet worden in de popup
 * @param string myname Naam van het venster dat geopend moet worden
 * @param int w Breedte van het venster in px
 * @param int h Hoogte van het venster in px
 * @param string features Extra parameters die je mee wilt geven aan d popup zoals scrollbars=yes... enz.
 * @return void
 */
function newWindow(mypage,myname,w,h,features) {
	if(screen.width) {
		var winl = (screen.width-w)/2;
		var wint = (screen.height-h)/2;
	}
	else {
		winl = 0;wint =0;
	}
	if (winl < 0) winl = 0;
	if (wint < 0) wint = 0;
	var settings = "height=" + h + ",";
	settings += "width=" + w + ",";
	settings += "top=" + wint + ",";
	settings += "left=" + winl + ",";
	settings += features;
	win = window.open(mypage,myname,settings);
	win.window.focus();
}