function gradient(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;
}


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


// Open the lightbox


function openbox(e, fadin)
{
	var is = new Is();

	if (!is.iedom)
	{


  		var box = document.getElementById('box');
  		var posx = 0;
  		var posy = 0;
  		if (!e) var e = window.event;
  		if (e.pageX || e.pageY)
  		{
      			posx = e.pageX;
      			posy = e.pageY;
  		} 
  		else if (e.clientX || e.clientY)
  		{
      			posx = e.clientX;
      			posy = e.clientY;
  		}

  		box.style.left = posx -30 + "px";
  		box.style.top = posy - 15 + "px";

  		if(fadin)
  		{
			gradient("global", 0.5);
			gradient("box", 0);
			fadein("box");
  		}
  		else
  		{ 	
  			box.style.display='block';
  		}  
	}	
}


// Close the lightbox

function closebox(e)
{
	if(!isInsideBox(e))
	{
   		document.getElementById('box').style.display='none';
   		gradient("global", 1);	
	}
}


// Check if the mouse is inside the box
function isInsideBox(e)
{
	var inside = 1;

	var left = parseInt(document.getElementById('box').style.left);
	var top = parseInt(document.getElementById('box').style.top);
	var right = left + 500;
	var bottom = top + 190;

	if (!e) var e = window.event;
  	if (e.pageX || e.pageY)
  	{
      		posx = e.pageX;
      		posy = e.pageY;
  	} 
  	else if (e.clientX || e.clientY)
  	{
      		posx = e.clientX;
      		posy = e.clientY;
  	}

	if(posx<left)
	{
		inside = 0;
	}

	if(posy<top)
	{
		inside = 0;
	}

	if(posy>bottom)
	{
		inside = 0;
	}

	if(posx>right)
	{
		inside = 0;
	}

	return inside;
}

function Is() 
{
	agent = navigator.userAgent.toLowerCase();
	this.major = parseInt(navigator.appVersion);
	this.minor = parseFloat(navigator.appVersion);
	this.ns = ((agent.indexOf('mozilla') != -1) &&
	(agent.indexOf('spoofer') == -1) &&
	(agent.indexOf('compatible') == -1) &&
	(agent.indexOf('opera') == -1) &&
	(agent.indexOf('webtv') == -1) &&
	(agent.indexOf('hotjava') == -1));
	this.ns2 = (this.ns && (this.major == 2));
	this.ns3 = (this.ns && (this.major == 3));
	this.ns4 = (this.ns && (this.major == 4));
	this.ns6 = (this.ns && (this.major >= 5));
	this.ie = ((agent.indexOf("msie") != -1) &&
	(agent.indexOf("opera") == -1));
	this.ie3 = (this.ie && (this.major < 4));
	this.ie4 = (this.ie && (this.major == 4) &&
	(agent.indexOf("msie 4") != -1));
	this.ie5 = (this.ie && (this.major == 4) &&
	(agent.indexOf("msie 5.") != -1) &&
	(agent.indexOf("msie 5.5") == -1) &&
	(agent.indexOf("mac") == -1));
	this.iem5 = (this.ie && (this.major == 4) &&
	(agent.indexOf("msie 5.") != -1) &&
	(agent.indexOf("mac") != -1));
	this.ie55 = (this.ie && (this.major == 4) &&
	(agent.indexOf("msie 5.5") != -1));
	this.ie6 = (this.ie && (this.major == 4) &&
	(agent.indexOf("msie 6.") != -1));
	this.ie7 = (this.ie && (this.major == 4) &&
	(agent.indexOf("msie 7.0b") != -1));
	this.nsdom = (this.ns4 || this.ns6);
	this.ie5dom = (this.ie5 || this.iem5 || this.ie55);
	this.iedom = (this.ie4 || this.ie5dom || this.ie6);
	this.w3dom = (this.ns6 || this.ie6 ||this.ie7);
}