//Setup which element to look for thumbnails in:
var galleryId = 'page';


//General variables
var galleryBox = document.createElement("div");
var galleryImage = document.createElement("img");
var showingImage = false;

function setupGallery() {
	if(document.getElementById(galleryId).className == 'gallery') {

		//Setting up gallery image
		galleryBox.setAttribute('id','galleryBox');
		galleryImage.setAttribute('id','galleryImage');
		galleryImage.setAttribute('title','Klicka för att stänga.');
		document.getElementsByTagName('body')[0].appendChild(galleryBox);

/*
		if(window.innerWidth != null) {
			alert('fx: '+window.innerWidth);
		}
		else if(document.body.offsetWidth != null) {
			alert('ie: '+document.body.offsetWidth);
		}
*/		
		galleryBox.appendChild(galleryImage);
		galleryBox.onclick = function() {
			hideImage();
		}

		var gallery = document.getElementById('page');
		var galleryLinks = gallery.getElementsByTagName('a');
		for(i=0;i<galleryLinks.length;i++) {
			galleryLinks[i].onclick = function() {
				showImage(this.href);
				return false;
			}
		}
	}
}

function showImage(src) {
	if(!showingImage) {
		showingImage = true;
		galleryImage.src = src;
		galleryBox.className='visible';
		galleryImage.onload = function(){
			galleryImage.className='visible';
		}
	}
}

function hideImage() {
	showingImage = false;
	galleryBox.className='';
	galleryImage.className='';
	galleryImage.src = '';
}

window.onload = function() {
	setupGallery();
}