var DEBUG=0;
var domversion = null; 
var domtest = false; 
var now_visible_layer_id=''; 
var timelap=1;
var a=1;
var cccount=0;
var animatedDivIntervalId = new Object();
var coverWidth=1100;

var divPosX=new Object();
var divPosY=new Object();
divPosX['mainmenu_cover']=new Object();
divPosY['mainmenu_cover']=new Object();
divPosX['submenu']=new Object();
divPosY['submenu']=new Object();
divPosX['fotoos']=new Object();
divPosY['fotoos']=new Object();
divPosX['boekenlegger']=new Object();
divPosY['boekenlegger']=new Object();
var divSpeedX=new Object();
var divSpeedY=new Object();
var divAccelerationX=new Object();
var divAccelerationY=new Object();
var divEigentijd=new Object();

	  setLayerProperty("boekenlegger", "top", "-1000px");
  setLayerProperty("fotos", "left", "-1000px");
	
function zzln_onload(pagetype){
  testDomVersion();
  setValues();
  startMovement(pagetype);
}

function startMovement(pagetype){
  var paaath=document.location.href;
  var startindex=paaath.indexOf(document.domain)+document.domain.length+1;
  paaath=paaath.substring(startindex);
  startMove('fotoos');
//alert(paaath);
  if ((paaath=="dit_jaar")||(paaath=="over_ons")||(paaath=="archief")) {
   // alert("submenu");
	//makeSubmenu();
	//
  }
  if (pagetype=="home") {
  //startMove('mainmenu_cover');
  startMove('boekenlegger');}

}


function makeSubmenu(){
  // zoek block-menu-48
if(document.getElementById) { 
//alert();
  var thedoc=document.getElementById('block-menu-48');
  //alert(thedoc.id);
    //  zoek <li class="expanded">
	// je doet dat door over de li's te loopen en te kijken of drupal er een submenu in geschreven heeft
  var lists=thedoc.getElementsByTagName('li');
  for (var i=0; i<lists.length; ++i) {
    var sublists=lists[i].getElementsByTagName('ul');
    if (sublists.length){
     // alert(sublists[0].innerHTML);	
	//  xy = document.createElement('div');
	//  xy.setAttribute("id","submenu");
	//  xy.setAttribute("z-index","2");	
	  xy=document.getElementById("submenu");  
//	  xa=document.createElement('div');
//	  xa.setAttribute("class","content");
//	  xy.appendChild(xa);
	 // xa.innerHTML="<p>ddd</p>"; 
	  xul=document.createElement('ul');
	  xul.innerHTML=sublists[0].innerHTML;
//	  sublists[0].innerHTML="";
      xy.appendChild(sublists[0]);
//	  xy.appendChild(xul);
	  xbbody=document.getElementsByTagName('body');
	  xbbody[0].appendChild(xy);
//	  xy.style.zIndex = 3;	  

	}
   } // for


  //if(!element.getAttribute('attribute_name'))
  } 
  

  //  zoek <ul class="menu">
  // haal de innerhtml eruit
  // maak de ul invisible
  // schrijf de innerhtml naar div submenu
  // et voila
  
  startMove('submenu');

}

function setValues(){
// you re put this in a functio, cause mot all browsers load css first and the the script
// so be sure this is valled after the total dom + the css is loaded
// start position layers
divPosX['mainmenu_cover']['start']=0;
divPosY['mainmenu_cover']['start']=63;
setLayerProperty('mainmenu_cover', "width",coverWidth+"px")
divPosX['fotoos']['start']=-300;
divPosY['fotoos']['start']=63;

divPosX['submenu']['start']=20;
divPosY['submenu']['start']=-60;
divPosX['boekenlegger']['start']= 605;// parseInt(""+getLayerProperty("boekenlegger", "left"));  werkt niet, ik kan de css bepaalde left en top niet uitlezen, waarom weet niemand
//divPosX['boekenlegger']['start']=parseInt(""+getLayerProperty("boekenlegger", "left")); // werkt niet, ik kan de css bepaalde left en top niet uitlezen, waarom weet niemand
divPosY['boekenlegger']['start']=-900;

// end position layers
divPosX['mainmenu_cover']['end']=coverWidth;
divPosY['mainmenu_cover']['end']=divPosY['mainmenu_cover']['start'];
divPosX['fotoos']['end']=180;
divPosY['fotoos']['end']=divPosY['fotoos']['start'];

divPosX['submenu']['end']=divPosX['submenu']['start'];
divPosY['submenu']['end']=90;
divPosX['boekenlegger']['end']=divPosX['boekenlegger']['start'];
//alert(parseInt(getLayerProperty("boekenlegger", "top")));
divPosY['boekenlegger']['end']=63;//parseInt(getLayerProperty("boekenlegger", "top"));;
//divPosY['boekenlegger']['end']=parseInt(getLayerProperty("boekenlegger", "top"));
// normally you decide on the speed by dividing the start and endpostion
// in this case all speeds are x or y
// 


divSpeedX['mainmenu_cover']=10;
divSpeedY['mainmenu_cover']=0;
divAccelerationX['mainmenu_cover']=-0.00001;
divAccelerationY['mainmenu_cover']=0;

divSpeedX['submenu']=0;
divSpeedY['submenu']=1;
divAccelerationX['submenu']=0;
divAccelerationY['submenu']=-0.008;

divSpeedX['fotoos']=10;
divSpeedY['fotoos']=0;
divAccelerationX['fotoos']=-0.004;
divAccelerationY['fotoos']=0;

divSpeedX['boekenlegger']=0;
divSpeedY['boekenlegger']=15;
divAccelerationX['boekenlegger']=0;
divAccelerationY['boekenlegger']=-0.003;


divEigentijd['mainmenu_cover']=0;
divEigentijd['submenu']=0;
divEigentijd['fotoos']=0;
divEigentijd['boekenlegger']=0;
}


// now_visible_layer_id: hierin word de id van het huidig visible layer oonthouden
// wanneer we een ander layer zichtbaar maken moet deze onzichtbaar

function testDomVersion() { 
if (DEBUG) {alert("+- domversion -");}
  if (document.layers) { 
    layerRef="document.layers"; 
    styleSwitch=""; 
    argVisibility="show"; 
    screenSize = window.innerWidth; 
    domversion ="ns4"; 
  } 
  
  else if(document.all) { 
    layerRef="document.all"; 
    styleSwitch=".style"; 
    argVisibility="visible"; 
    screenSize = document.body.clientWidth + 18; 
    domversion ="ie4"; 
  } 
  else if(document.getElementById) { 
    layerRef="document.getElementByID"; 
    styleSwitch=".style"; 
    argVisibility="visible"; 
    domversion="dom1"; 
  } 

  else { 
    domversion="none"; 
  } 
  domtest = true; 
  if (DEBUG) {alert("- end domversion -+");}
} 
     
function setLayerProperty(layerName, property, value) { 
  if (DEBUG) {alert(domversion + "+- setlayerproerty -" + layerName + " prop:"+property+" ="+value);}

  if (layerName =='' ){return;}

  if(domtest) { 
    if (domversion =="none") { 
      return; 
    } 
    else if (domversion == "dom1") { 
      eval('document.getElementById("'+layerName+'").style.'+property+'="'+value+'"'); 
    } 
    else { 
      eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.'+property+'="'+value+'"'); 
    } 
  } 
  else { 
    return; 
  } 

} 

function getLayerProperty(layerName, property) { 
cccount++;
   if (layerName =='' ){return;}
  var avalue="";
  if(domtest) { 
    if (domversion =="none") { 
      //return ""; 
    } 
    else if (domversion == "dom1") { 
      eval('avalue=document.getElementById("'+layerName+'").style.'+property); 
	//  if (cccount<10) {alert(cccount + ":"+document.getElementById(layerName).style.top);}
    } 
    else { 
      eval('avalue='+layerRef+'["'+layerName+'"]'+styleSwitch+'.'+property); 
    } 
  } 
  else { 
   //return ; 
  } 
  //if (cccount<10){alert(layerName+":"+avalue);}
  return avalue;
} 




function startMove(divid){
  setLayerProperty(divid, "top", divPosY[divid]['start']+"px");
  setLayerProperty(divid, "left", divPosX[divid]['start']+"px");
  //if (divid=="boekenlegger"){
    animatedDivIntervalId[divid] = setInterval ( "Move('"+divid+"')", timelap );
  //}
}

function stopMove(divid){
 //if (divid=="boekenlegger"){
    clearInterval ( animatedDivIntervalId[divid] );
  //}

}


function goon(divid){
  if ((divid=="boekenlegger") || (divid=="submenu")) {
    //window.status=""+parseInt(getLayerProperty(divid,"top"))+" >= "+divPosY[divid]['end'];
  
      //alert(""+parseInt(getLayerProperty(divid,"top"))+" <= "+divPosX[divid]['end']);
    if (parseInt(getLayerProperty(divid,"top"))>=divPosY[divid]['end']){
	  if (DEBUG) {alert("stop "+divid)};
	  setLayerProperty(divid,"top",divPosY[divid]['end']+"px");
	  return false} else {return true;};
	}
  if ((divid=="mainmenu_cover") || (divid=="fotoos")) {
    if (DEBUG) {window.status= parseInt(getLayerProperty(divid,"left"))+">="+divPosX[divid]['end'];}
    if (parseInt(getLayerProperty(divid,"left"))>=divPosX[divid]['end']){if (DEBUG) {alert("stop "+divid)};
	setLayerProperty(divid,"left",divPosX[divid]['end']+"px");
	return false;} else {return true;};

	}
	
  return true;
}

function Move(divid){
// window.status= getLayerProperty(divid,"top");
 // alert(divid+" top:"+getLayerProperty(divid,"top"));
  //alert(divid);
  //x=x0 + v.t + 1/2 a t2
  divEigentijd[divid]++;
  var newx,newy;
  var speedx=(a*divSpeedX[divid])+Math.round(0.5*divAccelerationX[divid]*divEigentijd[divid]*divEigentijd[divid]);
  var speedy=(a*divSpeedY[divid])+Math.round(0.5*divAccelerationY[divid]*divEigentijd[divid]*divEigentijd[divid])
  if ((divSpeedX[divid]>0)&&(speedx<1)) {speedx=1;};
  if ((divSpeedY[divid]>0)&&(speedy<1)) {speedy=1;};
  
  newy=parseInt(getLayerProperty(divid,"top"))+speedy;
  newx=parseInt(getLayerProperty(divid,"left"))+speedx;
  setLayerProperty(divid, "top", newy+"px");
  setLayerProperty(divid, "left", newx+"px");
  // remove the cover
    if (divid=="mainmenu_cover") {
	//  alert(getLayerProperty(divid,"width"));
	// window.status= getLayerProperty(divid,"offsetWidth");
//	  document.getElementById(divid).offsetWidth;
      var currentwidth=0;
      if (domversion =="none") { 
        currentwidth=-1; 
      } 
      else if (domversion == "dom1") { 
        eval('currentwidth=document.getElementById("'+divid+'").offsetWidth'); 
      } 
      else { 
        eval('currentwidth='+layerRef+'["'+divid+'"].offsetWidth'); 
      } 
	  if ((parseInt(currentwidth)>5)&&(goon(divid))) {setLayerProperty(divid, "width", parseInt(currentwidth)-(a*divSpeedX[divid])+"px")} else {setLayerProperty(divid, "display", "none")};
		
	}  
  //alert(getLayerProperty(divid,"top"));
  //setLayerProperty(divid, "left", divPosX[divid]['start']);  
  if (!goon(divid)){ stopMove(divid);}  

}