// JavaScript Document
var scrWidth = document.innerWidth || document.documentElement.clientWidth || 0;
var scrHeight = document.innerHeight || document.documentElement.clientHeight || 0;
var timer = null;

document.onclick = closeGallery;

function showImages() {
	/*var overlay = getObject("overlay");
	overlay.style.width = scrWidth + "px";
	overlay.style.height = scrHeight + "px";
	overlay.style.display = "block";*/
	
	var galleryContainer = getObject("galleryContainer");
	galleryContainer.style.display = "block";	
	galleryContainer.style.left = 65 + "px";
	
	var e = getObject("menu")
	e.style.display = "none"
	e = getObject("mainContent")
	e.style.display = "none"
	e = getObject("footerLinks")
	e.style.display = "none"
	e = null;
}

function imageHover(obj) {
	obj.className = "images imageHover";
}

function imageOut(obj) {
	obj.className = "images";
}

function swapImage(obj) {
	var imageText = "";
	var e = obj.src;
	var x = getObject("spotlightImage");
	x.src = e.replace(".jpg","_blowup.jpg");
	imageText = obj.title;
	e = getObject("imageText")
	e.innerHTML = imageText;
}

function closeGallery(evt) {
	var evt = (evt) ? evt : ((window.event) ? window.event : null);
	var objectID = (evt.target) ? evt.target.id : ((evt.srcElement) ? evt.srcElement.id : null);
	if (objectID == "gulpBody" || objectID == "imagesFrame" || objectID  == "spotlightImage" || objectID == "closeText") {
		var gallery = getObject("galleryContainer");
		gallery.style.display = "none";
		var e = getObject("menu")
		e.style.display = "block"
		e = getObject("mainContent")
		e.style.display = "block"
		e = getObject("footerLinks")
		e.style.display = "block"
		e = null;
	}
}

function ScrollLeft() {
	timer = setInterval("document.getElementById('imageThumbContainer').scrollLeft-=3", 12);
}

function ScrollRight() {
	timer = setInterval("document.getElementById('imageThumbContainer').scrollLeft+=3", 12);
}

function stopScroll() {
	clearInterval(timer)
}

function getObject(id) {
	return document.getElementById(id);	
}