window.onload = init_function;

function init_function()
{	
	lightbox_init();
}

// --- Lightbox Functions ---
function lightbox_init()
{
	var lightbox_anchors = document.getElementsByName("lightbox");
	var lightbox_total = lightbox_anchors.length;
	
	for(var i=0; i < lightbox_total; i++)
	{
		lightbox_anchors[i].onclick = lightbox_open;
	}
}

function lightbox_open(e)
{
	var lightbox_href = this.href;
	var lightbox_title = this.title;
	
	var image_element = new create_image_slide(lightbox_href,lightbox_title);
	var image_close_icon = new create_image_close_icon;
	var anchor_close = new create_image_close_icon;
	var lightbox_wrap = new create_lightbox_wrap;
	var lightbox_background = new create_lightbox_background;
	var lightbox_div = new create_lightbox_div;
	
	lightbox_wrap.appendChild(anchor_close);
	lightbox_wrap.appendChild(image_element);
	lightbox_div.appendChild(lightbox_background);
	lightbox_div.appendChild(lightbox_wrap);
	
	document.body.appendChild(lightbox_div);
	
	if(!e)
	{
		var e = window.event;
		e.returnValue = false;
	}
		
	return false;
}

function lightbox_close(e)
{
	var lightbox_div = document.getElementById("lightbox_div");
	document.body.removeChild(lightbox_div);
	if(!e)
	{
		var e = window.event;
		e.returnValue = false;
	}
		
	return false;
}

// --- Element Creation
function create_image_slide(lightbox_href,lightbox_title)
{
	var image_element = document.createElement('img');
	image_element.src = lightbox_href;
	image_element.alt = lightbox_title;
	
	image_element.style.position = "absolute";
	image_element.style.top = "32px";
	image_element.style.left = "8px";
	return image_element;
}

function create_image_close_icon()
{
	var image_close_icon = document.createElement('img');
	image_close_icon.src = "images/lightbox_close_icon.png";
	image_close_icon.alt = "Close Lightbox";
	
	image_close_icon.style.borderStyle = "none";
	
	var anchor_close = document.createElement('a');
	anchor_close.href = "#close";
	anchor_close.innerHTML= "close ";
	anchor_close.onclick = lightbox_close;
	
	anchor_close.style.position = "absolute";
	anchor_close.style.top = "8px";
	anchor_close.style.right = "8px";
	
	var p_tag = document.createElement('p');
	
	anchor_close.appendChild(image_close_icon);
	p_tag.appendChild(anchor_close);
	return p_tag;
}

function create_lightbox_wrap()
{
	var lightbox_wrap = document.createElement('div');
	
	lightbox_wrap.style.position = "absolute";
	lightbox_wrap.style.background = "url(images/lightbox_wrap_background.png)";
	lightbox_wrap.style.left = "50%";
	lightbox_wrap.style.top = "50%";
	lightbox_wrap.style.width = "400px";
	lightbox_wrap.style.height = "296px";
	lightbox_wrap.style.marginLeft = "-200px";
	lightbox_wrap.style.marginTop = "-148px";
	return lightbox_wrap;
}

function create_lightbox_background()
{
	var lightbox_div = document.createElement('div');
	
	lightbox_div.style.position = "fixed";
	lightbox_div.style.backgroundColor = "#6d9bb5";
	lightbox_div.style.opacity = "0.2";
	lightbox_div.style.filter = "alpha (opacity=20)";// ie6 & 7
	lightbox_div.style.width = "100%";
	lightbox_div.style.height = "100%";
	return lightbox_div;
}

function create_lightbox_div()
{
	var lightbox_div = document.createElement('div');
	lightbox_div.id = "lightbox_div";
	
	lightbox_div.style.display = "block";
	lightbox_div.style.position = "absolute";
	lightbox_div.style.top = "0px";
	lightbox_div.style.width = "100%";
	lightbox_div.style.height = "100%";
	lightbox_div.style.zIndex = "2";
	return lightbox_div;
}