// Global variables voor popupfuncties
var g_imgWidth;
var g_imgHeight;

function SetIdVisible(ElementId) {
  if ($('#' + ElementId).css('display') == 'block') {
    $('#' + ElementId).hide("normal");
  } else {
    $('#' + ElementId).show("normal");
  }
}

function SetClassVisible(ElementClass) {
  if ($('.' + ElementClass).css('display') == 'block') {
    $('.' + ElementClass).hide("normal");
  } else {
    $('.' + ElementClass).show("normal");
  }
}

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() {

	window.name =  document.title + " Popup getoond";
 	 
  $('#PopUp').fadeOut('normal');
});  
};

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

  if (!(window.name == document.title + " Popup getoond")) {
	  var ElementId = '#PopUp';
  	$(ElementId).center();
    $(ElementId).fadeIn('normal');
  }  
});  
};