;(function () { eval(JELLY.local);

function liteBox() {
	var overlay = createElement('div', {id: 'overlay'});
	insertElement(overlay, document.body);
	var imageholder = createElement('div', {id: 'image-holder'});
	insertElement(imageholder, document.body);
	var closetext = createElement('div', {id: 'image-holder', setHTML: 'Click on the image to close', id: 'close-text'});
	insertElement(closetext, document.body);
	
	var els = [closetext, imageholder, overlay];
	
	if (browser.ie6) { 
		function viewPort() {
			var size;
			if (typeof document.documentElement != 'undefined'
				&& typeof document.documentElement.clientWidth != 'undefined'
				&& document.documentElement.clientWidth != 0) {
			 size = [document.documentElement.clientWidth, document.documentElement.clientHeight];
			} else {
			 size = [document.getElementsByTagName('body')[0].clientWidth, document.getElementsByTagName('body')[0].clientHeight];
			}
			overlay.style.height = size[1] + 'px';
		}
		viewPort();
		addEvent(window, 'resize', viewPort);
	};
	
	function setUp(el) {
		els.each(function (el) {
			el.style.display = 'block';
		})
		insertElement(el.image, imageholder);
		imageholder.style.marginLeft = -Math.round(imageholder.offsetWidth/2) + 'px';
		imageholder.style.marginTop = -Math.round(imageholder.offsetHeight/2) + 'px';
	}
	
	function reSet() {
		els.each(function (el) {
			el.style.display = 'none';
		})
		imageholder.innerHTML = '';	
	}
	
	addEvent(overlay, 'click', reSet);
	addEvent(imageholder, 'click', reSet);
	
	Q('div.placeholder a').each(function (hlink) {
		hlink.image = new Image(700,706);
		hlink.image.src = hlink.href;
		addEvent(hlink, 'click', function (e) {
			stopEvent(e);
			setUp(this);
		});
	});
};


switch(document.body.id) {
	case 'Range': 
	case 'Home': liteBox();
	break;
};

})(); // End Closure