var speed = 0.3;
var scrollerCounter = 0;

/* closeDivs                                                                  */
function closeDivs()
{
  $( 'closeKruis'   ).toggleClassName('hidden');
  $('image_groot').style.display = 'none';
  $( 'imagePopup'   ).toggleClassName('hidden');
  $( 'allblack'     ).toggleClassName('hidden');
  
}

/* fullSize                                                                   */
function fullSize( x, y, margin, img, marginT )
{
  topMargin = document.getElementById('footer').offsetTop + 52;
    
  if(document.getElementById('temp').offsetHeight < topMargin)
    $('allblack').style.height=topMargin + "px";
  else
    $('allblack').style.height="100%";

  $( 'allblack'     ).toggleClassName('hidden');
  $( 'imagePopup'   ).toggleClassName('hidden');
  
  new Effect.Morph(
        $( 'imagePopup' ),
        {
          style     : {
                        height      : y+"px",
                        width       : x+"px",
                        marginLeft  : "-" + margin + "px",
                        marginTop   : "-" + marginT + "px"
                      }
        },
        {
          duration  : speed
        }
      );

  myFirstImage                  = document.createElement( "img" );
  myFirstImage.src              = _js_webroot + "/shared/images/generated/" + img;
  myFirstImage.style.width      = ( x - 20 ) + "px";
  myFirstImage.style.height     = ( y - 40 ) + "px";
  myFirstImage.style.display    = "none";
  myFirstImage.style.marginLeft = "10px";
  myFirstImage.id               = "image_groot";
  
  $( 'imagePopupInner' ).innerHTML = "";
  $( 'imagePopupInner' ).appendChild( myFirstImage );

  setTimeout( "$('image_groot').style.display = 'block';", 1000 );
  setTimeout( "$('closeKruis').toggleClassName('hidden');", 1000 );
}

/* passwordRequest                                                            */
function passwordRequest( x, y, margin, marginT )
{
  topMargin = document.getElementById('footer').offsetTop + 52;
    
  if(document.getElementById('temp').offsetHeight < topMargin)
    $('allblack').style.height=topMargin + "px";
  else
    $('allblack').style.height="100%";
  
  $('allblack').toggleClassName('hidden');
  $('passwordRequest').toggleClassName('hidden');

  new Effect.Morph($('passwordRequest'),{style:{height:y+"px", width:x+"px", marginLeft:"-"+margin+"px", marginTop:"-"+marginT+"px"}}, {duration: speed });
    
  $( 'passwordRequestInner' ).appendChild( $( 'passwordRequestForm' ) );
  
  setTimeout( "$('passwordRequestForm').toggleClassName('hidden');", 1000 );  
  setTimeout( "$('closeKruis3').toggleClassName('hidden');", 1000 );
}

/* closePasswordRequestDivs                                                   */
function closePasswordRequestDivs()
{  
  $('closeKruis3').toggleClassName('hidden');
  $('passwordRequestForm').toggleClassName('hidden');
  $('passwordRequest').toggleClassName('hidden');
  $('allblack').toggleClassName('hidden');
}

/* getArticle                                                                 */
function getArticle( menuid, exiturl )
{
  http( "post", _js_webroot + "/shared/components/bibian.cfc?method=getArticle", popupArticle, "nMenuID=" + menuid );
}

/* popupArticle                                                               */
function popupArticle( r )
{
  var nTop = $('footer').offsetTop + 52;

  if( r.title.length == 0 )
    return;

  bodyTag = $( 'temp' );

  disabler = $( 'disabler' );
  if( !disabler ){ disabler = document.createElement( 'iframe' ); disabler.id='disabler'; bodyTag.appendChild( disabler ); }

  statusbg = $( 'statusbg' );
  if( !statusbg ){ statusbg = document.createElement( 'div' ); statusbg.id='statusbg'; bodyTag.appendChild( statusbg ); }

  popup = $( 'popup' );
  if( !popup ){ popup = document.createElement( 'div' ); popup.id='popup'; bodyTag.appendChild( popup ); }

  if( bodyTag.offsetHeight < nTop )
  {
    disabler.style.height = nTop + "px";
    statusbg.style.height = nTop + "px";
    window.scroll( 0, 0 );
  }

  popup.innerHTML =   "<img id=\"closebtn\" src=\"" + _js_webroot + "/shared/images/close.png\" onclick=\"document.getElementById( 'disabler' ).style.display='none'; document.getElementById( 'statusbg' ).style.display='none'; document.getElementById( 'popup' ).style.display='none';\" alt=\"close\" />";

  if (  r.title[0] == "Algemene voorwaarden" )
    popup.innerHTML += "<a href=\"http://www.e-linewebsolutions.nl/cm/client/modules/links/index.cfm?fuseaction=linkHandler&assetcontent_nID=30634&nBwsID=223\"><img src=\"/shared/images/ico_print.gif\" style=\"cursor:pointer; position:absolute; right:100px; top :10px;\" /></a>";

  popup.innerHTML +=  " <div class=\"title\">" + 
                        r.title[0] + 
                        "</div>";

  popup.innerHTML +=  "<img src=\"/shared/images/up_arrow.png\" id=\"arrowup\" class=\"pointer absolute\" onmouseup=\"stopScroll();\" onmousedown=\"makeMeScroll('up');\">";

  popup.innerHTML +=  "<div id=\"popupbody\" class=\"body makeScroll\" style=\"height:300px; width:550px;\">" + 
                        "<div style=\"padding-right:5px;\" onmouseover=\"scrollWheel('aan')\" onmouseout=\"scrollWheel('uit')\">" + r.body[0] + "</div>" + 
                      "</div>";

  popup.innerHTML +=  "<img src=\"/shared/images/down_arrow.png\" id=\"arrowdown\" class=\"pointer absolute\" onmouseup=\"stopScroll();\" onmousedown=\"makeMeScroll('down');\">";

  scrollerCounter = scrollerCounter + 1;
  fromTop = 0;
  
  disabler.style.display = '';
  statusbg.style.display = '';
  popup.style.display = '';
  new Scroller($('popupbody'));
}

function hoverImg(img)
{
  if( img.src.search(/_on/) < 0 )
    img.src = img.src.replace(/.jpg/,"_on.jpg");
  else
    img.src = img.src.replace(/_on.jpg/,".jpg");
}

// onload
document.observe("dom:loaded", function()
{
  var nTop = $( 'footer' ).offsetTop + 52;

  // onclicks
  $( 'closeKruis' ).observe( 'click', function( event ){ closeDivs(); });
  $( 'closeKruis3' ).observe( 'click', function( event ){ closePasswordRequestDivs(); });

  if( $( 'temp' ).offsetHeight < nTop )
    $('allblack').style.height = nTop + "px";
  else
    $('allblack').style.height = "100%";
  
  try
  {
    if( $( 'temp' ).offsetHeight < nTop )
    {
      $( 'disabler' ).style.height = nTop + "px";
      $( 'statusbg' ).style.height = nTop + "px";
    }
  }
  catch( e ){}

  function resize()
  {
    var nTop = $('footer').offsetTop + 52;

    if( $( 'temp' ).offsetHeight < nTop )
    {
      $('disabler').style.height = nTop + "px";
      $('statusbg').style.height = nTop + "px";
    }
    else
    {
      $('disabler').style.height = "100%";
      $('statusbg').style.height = "100%";
    }
  }

  if( sStatus )
  {
    if( $( 'temp' ).offsetHeight < nTop )
    {
      $('disabler').style.height = nTop + "px";
      $('statusbg').style.height = nTop + "px";
    }
    else
    {
      $('disabler').style.height = "100%";
      $('statusbg').style.height = "100%";
    }
  }
});