// Global variables voor popupfuncties

$(document).ready(function() {
   //zorgt er voor dat Frame_content Div binnen het scherm past.
   $("[tabindex]").tabEnter();
   SetDivHeight('#frame_content', 180);

   $(window).resize(function(){
      SetDivHeight('#frame_content', 180);
    });
});


var g_imgWidth;
var g_imgHeight;

function SetDivHeight(selector, deltaheight) {
   var newHeight = height = $(window).height() - deltaheight;
   $(selector).css({
        'height':newHeight
    });
}


function SetIdVisible(ElementId) {
  $('#' + ElementId).toggle();
}

function SetClassVisible(ElementClass) {
  $('#' + ElementClass).toggle();
}

function LoadFileInFrame(docName, FrameName) {

	$(document).ready(function() {

  var Framelist = parent.frames;
  for (var i = 0; i< Framelist.length; i++) {
  	if (Framelist[i].name == FrameName ) {
      parent.frames[i].location.href = docName;
    };
  };
});
};

// Globale variabele gebruikt voor kliknav functie
// ShowBlock style wordt gedefinieerd in het stylesheet
var g_MenuFirstHi  = false; // Eerste menu item krijgt zelfde style als geklikt item
var g_MenuLoadDoc  = false; // Eerste menu item pagina wordt geladen
var g_DocFrame	   = 'pagina'; // Frame waar eerste pagina in geladen moet worden

function kliknav(divId) {
  $(document).ready(function() {

// Set all a classname on empty
  $("a").removeClass("current");  // jQuery functie

// set de display van alle divs op none
//  $("div").css({'display' : 'none'});

// reset main div
  $("#subnav").css({'display' : 'block'});

  var levels = new Array();
  levels = divId.split('_');

  var blockName = levels[0];
  var divname   = "subnav";

  for (var l = 1; l < levels.length; l++) {
    divname = divname  + '_' + levels[l];
    // show div block
    $('#' + divname).addClass("ShowBlock");
    $('#' + divname).show();
    // set Id style
    blockName = blockName + '_' + levels[l];
    $('#' + blockName).addClass("current");

    if (divId == blockName) {
      docName = $('#' + blockName ).attr("href");
    }
  }
    // Set style of next level

  if (g_MenuFirstHi) {
    blockName = blockName + '_1';
    if (document.getElementById( blockName )) {
      $('#' + blockName).addClass("current");
      docName = $('#' + blockName ).attr("href");
    }
  }

  if (g_MenuLoadDoc) {
  	LoadFileInFrame(docName ,g_DocFrame);
  }
});
};

function ShowFrames() {

	$(document).ready(function() {

  var FrameTekst = '';
  var FrameName  = '';
  var Framelist = parent.frames;
  for (var i = 0; i< Framelist.length; i++) {
    FrameTekst = FrameTekst + '\n'+ Framelist[i].location.href;
    FrameName  = FrameName + '\n'+ Framelist[i].name;
  }
  alert(FrameTekst + '\n' + FrameName);
});
};


function setImgDimension() {
  $(document).ready(function() {

// set de global variabelen
  g_imgWidth  = document.getElementById("myPopupImg").width;
  g_imgHeight = document.getElementById("myPopupImg").height;
});
};

function myPopupRelocate( ) {

  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;
  }

// Determine the coordinates of the center of browser's window

  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 - g_imgWidth)  / 2;
  var topOffset  = scrolledY + (centerY - g_imgHeight) / 2;
  document.getElementById("myPopup").style.top  = topOffset + "px";
  document.getElementById("myPopup").style.left = leftOffset + "px";
}

// Browser safe opacity handling function

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

function fadeInMyPopup() {
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout( 'setOpacity(' + (i / 10) + ')' , 8 * i );
}

function fadeOutMyPopup() {
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity(' + (10 - i / 10) + ')' , 8 * i );
	}
	setTimeout('closeMyPopup()', 800 );
}

function fireMyPopup( imgname ) {
  setOpacity( 0 );

  document.getElementById("myPopupImg").src = imgname;
  document.getElementById("myPopup").style.display = "block";
  setImgDimension();

  myPopupRelocate();

  document.body.onscroll = myPopupRelocate;
  window.onscroll = myPopupRelocate;
  setTimeout ("fadeInMyPopup()", 100);
};

function ClosePopup() {
  $(document).ready(function() {

  $('#PopUp').fadeOut('normal');
});
};

function ShowPopup() {
  $(document).ready(function() {

	var ElementId = '#PopUp';
	$(ElementId).center();
  $(ElementId).fadeIn('normal');
});
};