// JavaScript Document
function TWMensenMoveToLeft(id){
	curPos = document.getElementById(id).scrollLeft;
	maxPos = document.getElementById(id).scrollWidth
	frameStep = 879;
	t1 = new Tween(document.getElementById(id),'scrollLeft',Tween.strongEaseInOut,curPos,(curPos+frameStep),1);
	t1.onMotionFinished = function(){
			//alert('Cur Pos'+ curPos + 'max ='+ maxPos);
			// BTNMensenMoveToRight.disable="true";
	};
	t1.start();
	
}
	
function TWMensenMoveToRight(id){
	curPos = document.getElementById(id).scrollLeft;
	frameStep = 879;
	t1 = new Tween(document.getElementById(id),'scrollLeft',Tween.strongEaseInOut,curPos,(curPos-frameStep),1);
	t1.onMotionFinished = function(){
			//alert('done');
	};
	t1.start();
}


function MM_changeProp(objId,x,theProp,theValue) { //v9.0
  var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  if (obj){
    if (theValue == true || theValue == false)
      eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
  }
}

function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

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_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_findObj(n, d) { //v4.01
  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 && d.getElementById) x=d.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];}
}

var MySettingMaxDown = -600;
var MySettingsDiv = 'overlay';
function CloseOverLay(){
		t1 = new Tween(document.getElementById(MySettingsDiv).style,'top',Tween.strongEaseIn,77,MySettingMaxDown,.5,'px');
		t1.onMotionFinished = function(){
				//alert('done');
		};
		t1.start();
}
function OpenOverlay(){
		t1 = new Tween(document.getElementById(MySettingsDiv).style,'top',Tween.strongEaseIn,MySettingMaxDown,77,1,'px');
		t1.onMotionFinished = function(){
				//alert('done');
		};
		t1.start();
}



 
// werk zoom in beeld 
function getBeeldGrote(id,d){
	// d = demantion en kan zijn: breedte of hoogte
	var pic = document.getElementById(id);
	if (d == 'breedte'){return pic.offsetWidth;}
	if (d == 'hoogte'){return pic.offsetHeight;}
}

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return Array(myWidth,myHeight);
  //window.alert( 'Width = ' + myWidth );
  //window.alert( 'Height = ' + myHeight );
}
/*
function moveImage(mouse){
	if (document.getElementById('show').value=='true'){;
		// get div position
		divX = document.getElementById("kleinBeeld").offsetLeft;
		divY = document.getElementById("kleinBeeld").offsetTop;
		
		// get mouse position on a div
		// beginpunt van de kleinbeeld div
		// scermbreedte / 2 - afstand tot aan het nulpunt van de div.
		//maxW = window.innerWidth;
		//maxH = window.innerHeight;
		maxW_H = alertSize();
		maxW = maxW_H[0];
		maxH = maxW_H[1];
		
			// (left van mainContent + padding van werkContent)+
			if (maxW<1230){
				nullPointDivX = (95+18);
				nullPointDivY = (77+18);
			}else{
				nullPointDivX = (95+18)+((maxW-1230)/2);
				nullPointDivY = (77+18);
			}
		newPosX = (mouse.clientX-80)-nullPointDivX;  // 80 is een extra offset zodat het beeld eerder in tezien is. links
		newPosY = (mouse.clientY-30)-nullPointDivY; // 30 is een extra offset zodat het beeld eerder in tezien is. boven
		document.getElementById('xpos').value = newPosX;
		document.getElementById('ypos').value = newPosY;
		
		// set div position
		groteDivOffsetX = getBeeldGrote('beeldKlein','breedte'); //320;
		groteDivOffsetY = getBeeldGrote('beeldKlein','hoogte'); //240;
		groteDivGrootbeeldX = getBeeldGrote('beeldGroot','breedte'); //1024;
		groteDivGrootbeeldY = getBeeldGrote('beeldGroot','hoogte'); //768;
		
		// ((grote van het beeld - grote van het venster) / venster) ((1024-320)/320)
		schaalFactorX = ((groteDivGrootbeeldX-groteDivOffsetX)/groteDivOffsetX)*1.6; // 1.6 is een extra offset zodat het beeld eerder in tezien is. recht
		schaalFactorY = ((groteDivGrootbeeldY-groteDivOffsetY)/groteDivOffsetY)*1.3; // 1.3 is een extra offset zodat het beeld eerder in tezien is. onder
		
		// set new location for big div
		newX = (groteDivOffsetX-(newPosX*schaalFactorX)) - groteDivOffsetX;
		newY = (groteDivOffsetY-(newPosY*schaalFactorY)) - groteDivOffsetY;
		document.getElementById('grootBeeldDiv').style.left = newX+'px';
		document.getElementById('grootBeeldDiv').style.top  = newY+'px';
	}
}
*/
function moveImage(mouse){
	if (document.getElementById('show').value=='true'){;
		// get div position
		divX = document.getElementById("beeldGroot").offsetLeft;
		divY = document.getElementById("beeldGroot").offsetTop;
		
		maxW_H = alertSize();
		maxW = maxW_H[0];
		maxH = maxW_H[1];
		
			// (left van mainContent + padding van werkContent)+
			if (maxW<1230){
				nullPointDivX = (95+13);
				nullPointDivY = (77+18);
			}else{
				nullPointDivX = (95+13)+((maxW-1230)/2);
				nullPointDivY = (77+18);
			}
		newPosX = (mouse.clientX)-nullPointDivX;
		newPosY = (mouse.clientY)-nullPointDivY;
		
		document.getElementById('xpos').value = newPosX;
		document.getElementById('ypos').value = newPosY;
		
		// set div position

		beeldB = getBeeldGrote('beeldGroot','breedte'); 
		beeldH = getBeeldGrote('beeldGroot','hoogte'); 
		
		vensterB = 515;
		vensterH = 363;
		// ((grote van het beeld - grote van het venster) / venster) ((1024-320)/320)
		schaalFactorX = (beeldB - vensterB)/ vensterB;
		schaalFactorY = (beeldH - vensterH)/ vensterH; 
		
		// set new location for big div
		newX = -newPosX*schaalFactorX;
		newY = -newPosY*schaalFactorY;
		document.getElementById('grootBeeldDiv').style.left = newX+'px';
		document.getElementById('grootBeeldDiv').style.top  = newY+'px';
	}
}

function flipImagesAndDiv(){
	if (document.getElementById('show').value=='false'){;
		document.getElementById('show').value = 'true';
		document.getElementById('loepje').src = '../gfx/minicon.gif';
		showGroot();
	}else{
		document.getElementById('show').value = 'false';
		document.getElementById('loepje').src = '../gfx/plusicon.gif';
		hideGroot();
	}
}
function showGroot(){
	document.getElementById('containerM').style.visibility =  'hidden'; 
	document.getElementById('grootBeeldContainer').style.visibility =  'visible'; 
	document.getElementById('show').value = 'true';
	document.getElementById('loepje').src = '../gfx/minicon.gif';
	document.getElementById('grootBeeldContainer').style.cursor="move";
	
}
function hideGroot(){	
	document.getElementById('containerM').style.visibility =  'visible'; 
	document.getElementById('grootBeeldContainer').style.visibility =  'hidden'; 
	document.getElementById('show').value = 'false';
	document.getElementById('loepje').src = '../gfx/plusicon.gif';
	document.getElementById('kleinBeeld').style.cursor="pointer";
}
// END werk zoom in beeld 


/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}