var loadedImages = new Array();
function highlightImage(image) {
	image.style.opacity = 0.8;
	image.style.filter = 'alpha(opacity=80)';
}
function unlightImage(image) {
	image.style.opacity = 1;
	image.style.filter = 'alpha(opacity=100)';
}
function closeImage() {
	document.getElementById('imagePopup').style.display = 'none';
}
function showImage(imageId) {
	showImageDesc(imageId);
	showImageNav(imageId);
	updateGallerySize(imageId);
	imageDiv = document.getElementById('imageEl');
	if(loadedImages[imageId] != 1) {
		imageDiv.firstChild.src = 'img/ajax_loader.gif';
		bImage = new Image();
		bImage.src = gImage[imageId]['path'];
		loadedImages[imageId] = 1;
	}
	imageDiv.firstChild.src = gImage[imageId]['path'];
}
function updateGallerySize(imageId, setPos) {
	if (typeof window.pageYOffset != 'undefined') {
		var scrollPos = [window.pageXOffset,window.pageYOffset];
	} else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0) {
		var scrollPos = [document.documentElement.scrollLeft,document.documentElement.scrollTop];
	} else if (typeof document.body.scrollTop != 'undefined') {
		var scrollPos = [document.body.scrollLeft,document.body.scrollTop];
	}
	if(window.innerWidth) {
		var iWidth = window.innerWidth;
	} else {
		var iWidth = document.body.offsetWidth;
	}
	if(window.innerHeight) {
		var iHeight = window.innerHeight;
	} else {
		var iHeight = document.documentElement.clientHeight-50;
	}
	gallery = document.getElementById('imagePopup').style;
	gallery.left = (iWidth/2)-(gImage[imageId]['width']/2)+'px';
	gallery.top = ((iHeight/2)-(gImage[imageId]['height']/2))+scrollPos[1]-20+'px';
	gallery.width = (parseInt(gImage[imageId]['width'])+4)+'px';
	imageDiv = document.getElementById('imageEl');
	imageDiv.style.height = gImage[imageId]['height']+'px';
	imageDiv.style.width = (parseInt(gImage[imageId]['width'])+2)+'px';
}
function showImageDesc(imageId) {
	document.getElementById('imageDesc').innerHTML = gImage[imageId]['desc'];
}
function showImageNav(imageId) {
	nextId = parseInt(imageId)+1;
	prevId = parseInt(imageId)-1;
	nextAvailible = false;
	prevAvailible = false;	
	if(gImage[nextId]) {
		nextAvailible = true;
	}
	if(gImage[prevId]) {
		prevAvailible = true;
	}
	gNav = document.getElementById('imageNav');	
	if(nextAvailible && prevAvailible) {
		gNav.innerHTML = '<a href="javascript:showImage('+prevId+');">&lt;</a> | <a href="javascript:showImage('+nextId+');">&gt;</a>';
	} else if(nextAvailible) {
		gNav.innerHTML = '&nbsp; | <a href="javascript:showImage('+nextId+');">&gt;</a>';
	} else if(prevAvailible) {
		gNav.innerHTML = '<a href="javascript:showImage('+prevId+');">&lt;</a> | &nbsp;';
	} else {
		gNav.innerHTML = '';
	}
}
function showGallery(imageId) {	
	updateGallerySize(imageId);
	showImageNav(imageId);
	showImageDesc(imageId);
	gallery.display = 'block';
	showImage(imageId);
}