function OpenMagazine(BlnDelay, Id){

  //Set the height and the width of the overlay div depending on the screen resolution and window size.
  //SetTimeout is used because other the page is not fully loaded and the height of the page will be considered 0.
  setTimeout("SetOverlaySize();",200);
  
  document.getElementById('overlaydiv').style.display = 'block';
 
  if(BlnDelay){
	document.getElementById('overlaydiv').className = 'overlaydivstep1';
	setTimeout("document.getElementById('overlaydiv').className = 'overlaydivstep2';",150);
	setTimeout("document.getElementById('overlaydiv').className = 'overlaydivstep3';",300);
	setTimeout("document.getElementById('overlaydiv').className = 'overlaydivnormal';",450);
	setTimeout("document.getElementById('magazine').style.display = 'block';document.getElementById('magazinebannerbar').style.display = 'block';",800);
  }else{
	document.getElementById('overlaydiv').className = 'overlaydivnormal';
    document.getElementById('magazine').style.display = 'block';
    document.getElementById('magazinebannerbar').style.display = 'block';
  }
  
  //Attach SetOverlaySize function to the window.resize event, so the overlay background is scaled when the window is resized.
  SetResizeEvent(true);
  
  //Save the view stat of the magazine.
  SaveStats(0, Id);  
}

function CloseMagazine(){

	setTimeout("document.getElementById('magazine').style.display = 'none';", 50);
	setTimeout("document.getElementById('overlaydiv').className = 'overlaydivstep3';",150);
	setTimeout("document.getElementById('overlaydiv').className = 'overlaydivstep2';",300);
	setTimeout("document.getElementById('overlaydiv').className = 'overlaydivstep1';",450);	
	setTimeout("document.getElementById('magazinebannerbar').style.display = 'none';", 450);
	setTimeout("document.getElementById('overlaydiv').style.display = 'none';", 450);

  //Detach SetOverlaySize function from the window.resize event.
  SetResizeEvent(false);

}

function OpenFullSizePage(BaseUrl, PageId){
	if(BaseUrl != '' && PageId != '' && PageId != undefined){
	  window.open(BaseUrl+'domains/kruidvat/pages/datapresenter/S2/kruidvatmagazinepage.aspx?dataid='+PageId);
	}
}

function OpenNonFlashMagazine(){
	
	if(document.location.href.toLowerCase().indexOf('noflash')== -1){
		var url = document.location +((document.location.href.indexOf('?') > -1) ? '&' : '?') + 'noflash=1';
		if(document.location.href.toLowerCase().indexOf('pagenr')== -1){
			url = url + '&pagenr=1';
		}
		document.location = url;
	}else{
		if(document.location.href.toLowerCase().indexOf('pagenr')== -1){
			document.location + '&pagenr=1';
		}else{
			document.location.reload();		
		}
	}	
}

function OpenAreaUrl(url, areaId, newWindow){


  //Save the click stat when a user clicked an area.
  SaveStats(1, areaId);

  if(newWindow){
	window.open(url);
  }else{
	window.location = url;
  }
}

function SlideUp(){
/*
	var tli = document.getElementById('htmlmagazinesliderimagetopleft');
	var tri = document.getElementById('htmlmagazinesliderimagetopright');
	var bli = document.getElementById('htmlmagazinesliderimagebottomleft');
	var bri = document.getElementById('htmlmagazinesliderimagebottomright');
	var uplink = document.getElementById('htmlmagazinethumbnailuplink');
	var downlink = document.getElementById('htmlmagazinethumbnaildownlink');

	if(magazinecurrentpage > 1){
		if(magazinepages[magazinecurrentpage-3]) {
			tli.src = magazineimagecontentpath + magazinepages[magazinecurrentpage-3];
		}else{
			tli.src = magazineimagecontentpath + spacerimage;
		}	
		if(magazinepages[magazinecurrentpage-2]){
			tri.src = magazineimagecontentpath + magazinepages[magazinecurrentpage-2];
		}else{
			tri.src = magazineimagecontentpath + spacerimage;
		}	
		if(magazinepages[magazinecurrentpage-1]){
			bli.src = magazineimagecontentpath + magazinepages[magazinecurrentpage-1];
		}else{
			bli.src = magazineimagecontentpath + spacerimage;
		}				
		if(magazinepages[magazinecurrentpage]){
			bri.src = magazineimagecontentpath + magazinepages[magazinecurrentpage];
		}else{
			bri.src = magazineimagecontentpath + spacerimage;
		}				
		magazinecurrentpage -= 2;
		
		uplink.href = magazineurl + '&pagenr=' + magazinecurrentpage +'&noflash=1';
		downlink.href = magazineurl + '&pagenr=' + (magazinecurrentpage+2) +'&noflash=1';	
		
		SetSliderButtons();		
	}
	*/
}

function SlideDown()
{

	var tli = document.getElementById('htmlmagazinesliderimagetopleft');
	var tri = document.getElementById('htmlmagazinesliderimagetopright');
	var bli = document.getElementById('htmlmagazinesliderimagebottomleft');
	var bri = document.getElementById('htmlmagazinesliderimagebottomright');
	var uplink = document.getElementById('htmlmagazinethumbnailuplink');
	var downlink = document.getElementById('htmlmagazinethumbnaildownlink');

	if(magazinecurrentpage < magazinepagecount){
		if(magazinepages[magazinecurrentpage+1]){
			tli.src = magazineimagecontentpath + magazinepages[magazinecurrentpage+1];
		}else{
			tli.src = magazineimagecontentpath + spacerimage;
		}				
		if(magazinepages[magazinecurrentpage+2]){
			tri.src = magazineimagecontentpath + magazinepages[magazinecurrentpage+2];
		}else{
			tri.src = magazineimagecontentpath + spacerimage;
		}				
		if(magazinepages[magazinecurrentpage+3]){
			bli.src = magazineimagecontentpath + magazinepages[magazinecurrentpage+3];
		}else{
			bli.src = magazineimagecontentpath + spacerimage;
		}				
		if(magazinepages[magazinecurrentpage+4]){
			bri.src = magazineimagecontentpath + magazinepages[magazinecurrentpage+4];
		}else{
			bri.src = magazineimagecontentpath + spacerimage;
		}						
		magazinecurrentpage += 2;
		
		uplink.href = magazineurl + '&pagenr=' + magazinecurrentpage +'&noflash=1';
		downlink.href = magazineurl + '&pagenr=' + (magazinecurrentpage+2) +'&noflash=1';
		
		SetSliderButtons();
	}	
	
}

function SetSliderButtons(){

	var sui = document.getElementById('htmlmagazinesliderupimage');
	var sdi = document.getElementById('htmlmagazinesliderdownimage');

	if(magazinecurrentpage <= 1){
		sui.src = magazineimagecontentpath + magazinesliderupoff;
	}else{
		sui.src = magazineimagecontentpath + magazinesliderupnormal;
	}

	if(magazinecurrentpage < magazinepagecount){
		sdi.src = magazineimagecontentpath + magazinesliderdownnormal;	
	}else{
		sdi.src = magazineimagecontentpath + magazinesliderdownoff;		
	}
}



//*********** Begin Callback functies *********************

//Functie om na te gaan of Browser ActiveXObject gebruikt
function DetectXMLHTTP() 
{
    var httpobject = false;
    if(window.ActiveXObject) 
    {
        httpobject = new ActiveXObject("Microsoft.XMLHTTP");        
    } 
    else if(window.XMLHttpRequest) 
    {
        httpobject = new XMLHttpRequest();
    }
    return httpobject;
}

//Functie voor CallBacks
function SaveStats(mode, keyId)
{    

    // log starttime
    var dt = new Date();
    var startSecond = dt.getMilliseconds();

    var pageUrl = magazinestatsurl + "?mode=" + mode + "&id=" + keyId;
    
    // detect xmlhttp request
    var xmlRequest = DetectXMLHTTP();
    xmlRequest.open("GET", pageUrl, false);

    xmlRequest.setRequestHeader("Content-Type", "text/html");
    xmlRequest.send(null);

    if (xmlRequest.readyState == 4) // volledig geladen?
    {
        if (!xmlRequest.status == 200) 
        {
            //alert("Er is een probleem opgetreden: " + xmlhttp.statusText); // display error
        } 
    }
    //log end time
    var endSecond = dt.getMilliseconds();
    if(false) {
        alert("Load time: " + (endSecond - startSecond) + " ms")
    }

    return xmlRequest;
}
//************ Einde callback functies ******************


function SetOverlaySize(){
	if (window.innerHeight && window.scrollMaxY || window.innerWidth && window.scrollMaxX) {
	//alert("C");
		yScroll = window.innerHeight + window.scrollMaxY;
		xScroll = window.innerWidth + window.scrollMaxX;
		var deff = document.documentElement;
		var wff = (deff&&deff.clientWidth) || document.body.clientWidth || window.innerWidth || self.innerWidth;
		var hff = (deff&&deff.clientHeight) || document.body.clientHeight || window.innerHeight || self.innerHeight;
		xScroll -= (window.innerWidth - wff);
		yScroll -= (window.innerHeight - hff);
	} else if (document.documentElement.clientHeight > document.body.clientHeight && document.documentElement.clientWidth >= document.body.clientWidth) {
		yScroll = document.documentElement.clientHeight;
		xScroll = document.documentElement.clientWidth;	
	} else if (document.body.scrollHeight > document.body.offsetHeight && document.body.scrollWidth > document.body.offsetWidth){ // all but Explorer Mac
		yScroll = document.body.scrollHeight;
		xScroll = document.body.scrollWidth;
	} else {
		yScroll = document.body.offsetHeight;
		xScroll = document.body.offsetWidth;
  	}
  	var overlay = document.getElementById('overlaydiv');
	overlay.style.width= xScroll+"px";
	overlay.style.height= yScroll+"px";
}

function SetResizeEvent(BlnAttach) {
	var isDOM = window.addEventListener;
	
	if(BlnAttach){
		if (isDOM) {
			self.addEventListener('resize',SetOverlaySize,true);
		}else {
			self.attachEvent('onresize',SetOverlaySize);
		}
	}else{
		if (isDOM) {
			self.removeEventListener('resize',SetOverlaySize, true);
		}else {
			self.detachEvent('onresize',SetOverlaySize);
		}	
	}	
}