
function setOpacityinloggen( value ) {
 document.getElementById("mypopup_inloggen").style.opacity = value / 10;
 document.getElementById("mypopup_inloggen").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopupinloggen() {
 for( var i = 0 ; i <= 100 ; i++ )
   setTimeout( 'setOpacityinloggen(' + (i / 10) + ')' , 3 * i );
}

function fadeOutMyPopupinloggen() {
 for( var i = 0 ; i <= 100 ; i++ ) {
   setTimeout( 'setOpacityinloggen(' + (10 - i / 10) + ')' , 3 * i );
 }

 setTimeout('closeMyPopup()', 800 );
}

function closeMyPopupinloggen() {
 document.getElementById("mypopup_inloggen").style.display = "none"
/*ldiv.style.display = 'none';*/
}

function fireMyPopupinloggen() {
/*var ldiv = document.getElementById('LoadingDiv');
ldiv.style.display='block';*/
/*Do your ajax calls, sorting or laoding, etc.*/
/*ldiv.style.display = 'none';*/
 setOpacityinloggen( 0 );
 myPopupRelocateinloggen();
 document.body.onscroll = myPopupRelocateinloggen;
 window.onscroll = myPopupRelocateinloggen;
 document.getElementById("mypopup_inloggen").style.display = "block";
 fadeInMyPopupinloggen();
  window.setTimeout("closeMyPopupinloggen()", 100000);
}

function myPopupRelocateinloggen() {
 var scrolledX, scrolledY;
 if( self.pageYOffset ) {
   scrolledX = self.pageXOffset;
   scrolledY = self.pageYOffset;
 } else if( document.documentElement && document.documentElement.scrollTop ) {
   scrolledX = document.documentElement.scrollLeft;
   scrolledY = document.documentElement.scrollTop;
 } else if( document.body ) {
   scrolledX = document.body.scrollLeft;
   scrolledY = document.body.scrollTop;
 }

 var centerX, centerY;
 if( self.innerHeight ) {
   centerX = self.innerWidth;
   centerY = self.innerHeight;
 } else if( document.documentElement && document.documentElement.clientHeight ) {
   centerX = document.documentElement.clientWidth;
   centerY = document.documentElement.clientHeight;
 } else if( document.body ) {
   centerX = document.body.clientWidth;
   centerY = document.body.clientHeight;
 }

// var leftOffset = scrolledX + (centerX - 250) / 2 //- 90; //correctie voor vervelende css
 var topOffset = scrolledY + (centerY - 125) / 2  - 200; // correctie voor vervelende css

 document.getElementById("mypopup_inloggen").style.top = topOffset + "px";
// document.getElementById("mypopup_inloggen").style.left = leftOffset + "px";
 
}
