/*window.onload = function () { 
	setTimeout('openbox()',10000);	
};*/



/*** Added code to make the lightbox appear if we are scrolled out of view ***/
// Height of current view for all browsers but IE
var viewHeight = function () {
    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;
};

var viewWidth = function () {
	if(window.innerWidth)return(window.innerWidth);
    if(document.documentElement && document.documentElement.clientWidth) 
         return(document.documentElement.clientWidth);
    if(document.body) return(document.body.clientWidth); 
    return 50;
}

var gradient = function (id, level) {
	var box = document.getElementById(id);
	/*box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";*/
	box.style.display = "block";
	return;
};

var fadeIn = function (id) {
	var level = 0;
	gradient(id,level);
	/*while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}*/
};

// Open the lightbox
var openbox = function () {
  var box = document.getElementById("box"); 
  var filter = document.getElementById("filter");
  filter.style.display = "block";
  gradient("box", 0);
  if(navigator.appName.substring(0, 3) == "Mic")  // for IE
  {
	var left = (viewWidth() - box.offsetWidth) / 2;
	box.style.left = left + 'px';
	
    //x = document.documentElement.scrollTop + document.body.scrollTop + box.offsetHeight / 4;
    var top =  (viewHeight() - box.offsetHeight ) / 4;
	box.style.top = top + "px";
	
    filter.style.top = document.documentElement.scrollTop + document.body.scrollTop;
  }
  else
  {
    var top =  (viewHeight() - box.offsetHeight ) / 2;
	var left = (viewWidth() - box.offsetWidth) / 2;
	box.style.left = left + 'px';
    box.style.top = top + 'px';
    box.style.position = 'fixed'; // fixed does not work on IE
    filter.style.position = 'fixed'; 
  } 
  fadeIn("box");
};

// Close the lightbox
var closebox = function () {
   document.getElementById('box').style.display='none';
   document.getElementById('filter').style.display='none';
};