/* http://www.xul.fr/ecmascript/lightbox.html */	


/*
  Lightbox for images 
  (c) 2008-2009 xul.fr
  GPL license
*/  


// height of current view for all browsers but IE

function viewHeight() 
{
    if(window.innerHeight)return(window.innerHeight);
    if(document.documentElement && document.documentElement.clientHeight) 
         return(document.documentElement.clientHeight);
    if(document.body) return(document.body.clientHeight); 
    return 50;
}


function openbox(url)
{
	var box = document.getElementById('box'); 
    var filter =  document.getElementById('filter');	
	document.getElementById('filter').style.display='block';
  
	var title = document.getElementById('boxtitle');
	title.innerHTML = "Cliquez sur l'image pour fermer";
  
	var content = document.getElementById('boxcontent');
	content.style.padding="0";

	content.innerHTML = "...dynamic content...";
	content.innerHTML = "<img src=" + url + " />";
	
  if(navigator.appName.substring(0, 3) == "Mic")  // for IE
  {
    box.style.display='block';
    x = document.documentElement.scrollTop + document.body.scrollTop + 
    box.offsetHeight / 4;
    box.style.top = x + "px";
    filter.style.top = document.documentElement.scrollTop + document.body.scrollTop;
  }
  else
  {
    box.style.display='block';
    var top =  (viewHeight() - box.offsetHeight ) / 2;    
    box.style.top = top + 'px';
    box.style.position='fixed'; // fixed does not work on IE
    filter.style.position='fixed'; 
  }

}


function closebox()
{
	document.getElementById('box').style.display='none';
	document.getElementById('filter').style.display='none';
}	




/* SAUVEGARDE FUNCTION ORIGINALE ------------------- 
function openbox(url)
{
	var box = document.getElementById('box'); 
	document.getElementById('filter').style.display='block';
  
	var title = document.getElementById('boxtitle');
	title.innerHTML = "Cliquez sur l'image pour fermer";
	
	var content = document.getElementById('boxcontent');
	content.style.padding="0";

	content.innerHTML = "...dynamic content...";
	content.innerHTML = "<img src=" + url + " />";
	
	box.style.display='block';	
}

function closebox()
{
	document.getElementById('box').style.display='none';
	document.getElementById('filter').style.display='none';
}	
*/