var screenWidth = 883;
var topMargin = 150;
var buttonWidth = 29;
var buttonHeight = 30;

Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	getHeight: function(element) {
	   	element = $(element);
	   	return element.offsetHeight; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setLeft: function(element,l) {
	   	element = $(element);
    	element.style.left = l +"px";
	},
	setRight: function(element,r) {
	   	element = $(element);
    	element.style.right = r +"px";
	},
	setBottom: function(element,b) {
	   	element = $(element);
    	element.style.bottom = b +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});


function setupGallery() {
	var w = document.images.photo.width;
	var h = document.images.photo.height;
	
	if (w > screenWidth) {
	  w = screenWidth;
	  document.images.photo.width = w;
	  h = document.images.photo.height;
	}
	
	Element.setTop('gallery_container', topMargin);
	Element.setLeft('gallery_container', screenWidth/2 - w/2);

	Element.setWidth('gallery_container', w);
	Element.setHeight('gallery_container', h);
	
	var backLeft = 0;
	var backTop = h/2 - buttonHeight/2;
	var forwardLeft = w - buttonWidth;
	var forwardTop =  h/2 - buttonHeight/2;
	
	Element.setLeft('imagecontainer', 0);
	Element.setTop('imagecontainer', 0);
	
	Element.setLeft('imageback', backLeft);
	Element.setTop('imageback', backTop);
	Element.setLeft('imagefwd', forwardLeft);
	Element.setTop('imagefwd', forwardTop);

	Element.setLeft('imagedesc', 0);
	Element.setWidth('imagedesc', w-10); // subtract padding!
	//Element.setHeight('imagedesc', 30);
	Element.setTop('imagedesc', h);
	
	var descheight = Element.getHeight('imagedesc');
	Element.setWidth('container', w);
	Element.setHeight('container', h+descheight);
	
	$('container').style.visibility = 'visible';
}

function showOverlay() {
  $('imageback').style.display = 'inline';
  $('imagefwd').style.display = 'inline';
  // $('imagedesc').style.display = 'inline';
}

function hideOverlay() {
  $('imageback').style.display = 'none';
  $('imagefwd').style.display = 'none';
  // $('imagedesc').style.display = 'none';
}

/*
function loadImage(path) {
  image = new Image();
  image.onload = replaceImage;
  image.src = path;
  
	var w = document.images.photo.width;
	var h = document.images.photo.height;
	
	if (w > screenWidth) {
	  w = screenWidth;
	  document.images.photo.width = w;
	  h = document.images.photo.height;
	}
	
	Element.setTop('gallery_container', topMargin);
	Element.setLeft('gallery_container', screenWidth/2 - w/2);

	Element.setWidth('gallery_container', w);
	Element.setHeight('gallery_container', h);
	
	var backLeft = 0;
	var backTop = h/2 - buttonHeight/2;
	var forwardLeft = w - buttonWidth;
	var forwardTop =  h/2 - buttonHeight/2;
	
	Element.setLeft('imagecontainer', 0);
	Element.setTop('imagecontainer', 0);
	
	Element.setLeft('imageback', backLeft);
	Element.setTop('imageback', backTop);
	Element.setLeft('imagefwd', forwardLeft);
	Element.setTop('imagefwd', forwardTop);

	Element.setLeft('imagedesc', 0);
	Element.setWidth('imagedesc', w-10); // subtract padding!
	//Element.setHeight('imagedesc', 30);
	Element.setTop('imagedesc', h);
	
	var descheight = Element.getHeight('imagedesc');
	Element.setWidth('container', w);
	Element.setHeight('container', h+descheight);
	
	$('container').style.visibility = 'visible';
}
*/