/* Scroll Div */
/* Door: Bookerz BV */

/* Filmstrip */ 

function Move(FilmStripId, Pixels, Direction, NumberOfImages, NextButtonImageID, NextButtonEnabledImageURL, NextButtonDisabledImageURL, PreviousButtonImageID, PreviousButtonEnabledImageURL, PreviousButtonDisabledImageURL){
  if ((Pixels>0 && document.getElementById(FilmStripId).value!=NumberOfImages) || (Pixels<0 && document.getElementById(FilmStripId).value!=1)) { 
    if (Pixels>0) {
      document.getElementById(FilmStripId).value=(document.getElementById(FilmStripId).value*1)+1;
      if (document.getElementById(FilmStripId).value==NumberOfImages) {          
        document.getElementById(NextButtonImageID).src=NextButtonDisabledImageURL;
      }
      document.getElementById(PreviousButtonImageID).src=PreviousButtonEnabledImageURL;    
    } else {
      document.getElementById(FilmStripId).value=(document.getElementById(FilmStripId).value*1)-1;
      if (document.getElementById(FilmStripId).value==1) {
        document.getElementById(PreviousButtonImageID).src=PreviousButtonDisabledImageURL;
      }
      document.getElementById(NextButtonImageID).src=NextButtonEnabledImageURL;
    }
    if (Direction=='V' || Direction=='v') {
      document.getElementById(FilmStripId).scrollTop=document.getElementById(FilmStripId).scrollTop+Pixels;      
    } else {
      document.getElementById(FilmStripId).scrollLeft=document.getElementById(FilmStripId).scrollLeft+Pixels;
    }
  } 
}

/* Eind filmstrips */

/* code voor showen preview afbeeldingen */
	function showPreview(ImgSrc)
	{ 
		/**********************************************************************************/
		/* Let op! Onderstaande functies rekenen met de breedte van een afbeelding        */
		/* De breedte is echter alleen bekend na volledig inladen van de afbeelding       */
		/* Daarom halen we een 'trucje' uit: het eerste deel van de code start het laden  */
		/* van de afbeelding; de afbeelding heeft vervolgens een onload event waarmee     */
		/* het tweede deel van de code wordt aangeroepen                                  */
		/**********************************************************************************/

		/* inladen van beoogde afbeelding */
		document.getElementById("preview_image").onload = showPreview_Part2;
		document.getElementById("preview_image").src = ImgSrc;
	}

	
  function showPreview_Part2()
	{
  
    	
		/* vaststellen hoogte en breedte van het volledige paginagebied */
		var width = document.body.clientWidth;
    var arrayPageSize = getPageSize();
	  var height = arrayPageSize[1] /*document.body.clientHeight;
		/* instellen van halfdoorzichtige laag en deze weergeven */
		document.getElementById("preview_semitransparant").style.height = height + 'px';
		document.getElementById("preview_semitransparant").style.width = width + 'px';
		document.getElementById("preview_semitransparant").style.visibility="visible";
		/* instellen van breedte van div 'preview_popup' */
		document.getElementById("preview_popup").style.width = document.getElementById("preview_image").width + 'px'
		/* niet-transparante div (div over de semitransparante div) nu weergeven */
		document.getElementById("preview_solid").style.height = '0px';
		document.getElementById("preview_solid").style.width = width + 'px';
		document.getElementById("preview_solid").style.top = (50 + document.documentElement.scrollTop) + 'px'; /*rekening houden met scroll-positie en bovenmarge van 50px aanhouden */
		document.getElementById("preview_solid").style.visibility="visible";
	}

	function hidePreview()
	{ 
	document.getElementById("preview_solid").style.visibility="hidden";
	document.getElementById("preview_semitransparant").style.visibility="hidden";
	}

  function GetPageHeight() {
    var arrayPageSize1 = getPageSize();
    alert(arrayPageSize1[1]);
  }
  function GetPageWidth() {
    var arrayPageSize2 = getPageSize();
    alert(arrayPageSize2[0]);
  }
    //
    //  getPageSize()
    //
    function getPageSize() {
         
      var xScroll, yScroll;
  
  if (window.innerHeight && window.scrollMaxY) { 
   xScroll = window.innerWidth + window.scrollMaxX;
   yScroll = window.innerHeight + window.scrollMaxY;
  } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
   xScroll = document.body.scrollWidth;
   yScroll = document.body.scrollHeight;
  } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
   xScroll = document.body.offsetWidth;
   yScroll = document.body.offsetHeight;
  }
  
  var windowWidth, windowHeight;
  
  if (self.innerHeight) { // all except Explorer
   if(document.documentElement.clientWidth){
    windowWidth = document.documentElement.clientWidth; 
   } else {
    windowWidth = self.innerWidth;
   }
   windowHeight = self.innerHeight;
  } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
   windowWidth = document.documentElement.clientWidth;
   windowHeight = document.documentElement.clientHeight;
  } else if (document.body) { // other Explorers
   windowWidth = document.body.clientWidth;
   windowHeight = document.body.clientHeight;
  } 
  
  // for small pages with total height less then height of the viewport
  if(yScroll < windowHeight){
   pageHeight = windowHeight;
  } else { 
   pageHeight = yScroll;
  }
 
  // for small pages with total width less then width of the viewport
  if(xScroll < windowWidth){ 
   pageWidth = xScroll;  
  } else {
   pageWidth = windowWidth;
  }
  return [pageWidth,pageHeight];
 }