//biscuitsImage Gallery 1.0 
//by Attilio Infante 06/03/2009
//www.visit-bcn.com, www.digitil.co.uk, www.lushbiscuits.co.uk
  function showOverlay() {
 var div = document.createElement('div');
 div.setAttribute('id', 'biscuitsOverlay');
 div.style.width = "100%";
 div.style.height = "1000px";
 div.style.position = "absolute";
 div.style.top = "0px";
 div.style.left = "0px";
 div.style.background = "#000";
 div.style.opacity = ".7";
 div.style.filter = "alpha(opacity=70)";
 div.style.cursor = "not-allowed";
 document.body.style.overflow = "hidden";
 document.body.appendChild(div);
 //create close button for top left
 div = document.createElement('div');
 div.setAttribute('id', 'biscuitsCloseBtn');
 div.style.position = "absolute";
 div.innerHTML = '<div class="biscuitsImageDiv"><a style="margin-left:5px;" href="javascript:closeGallery()"><img src="/img/close.gif"/></a><\/div>';       
// div.style.background = "#39f;";
 div.style.top = "0px";
div.style.left = "0px";
 document.body.appendChild(div);
 }

function closeGallery() {
 document.body.style.overflow = "auto";
 var div = document.getElementById('biscuitsOverlay');
 document.body.removeChild(div);
 div = document.getElementById('biscuitsDialog');
 document.body.removeChild(div);
  div = document.getElementById('biscuitsCloseBtn');
 document.body.removeChild(div);
 }

function repositionImage() {
 //resize
   var div = document.getElementById('galleryImage');
   var win = getWindowSize();
	var isResized = false;
   var imgDiv = document.getElementById('imageDivContainer');
   if((win.height)<div.height) {
	isResized=true;
	pcent = (((win.height-70)/div.height));
	div.height = (pcent*div.height);
	div.width = (pcent*div.width);
   }
   if((win.width)<div.width) {
	isResized=true;
	pcent = (((win.width-70)/div.width));
	div.width = (pcent*div.width);
	div.height = (pcent*div.height);
   }
   var imgDivLoad = document.getElementById('loadingPleaseWait');
   imgDivLoad.style.display = "none";
   imgDiv.style.display = "block";
   centerDialog('biscuitsDialog');	
 }

function initGallery(index,imageList) {
list = imageList.split("#");
	if(index==0) {
		previousImage = parseInt(list.length, 10)-3;
	} else {
		previousImage = parseInt(index, 10)-1;
	}
	if(index==(list.length-3)) {
		nextImage = 0;
	} else {
		nextImage = parseInt(index, 10)+1;
	}
showOverlay();
var thisPic = list[index].split("&&");
 var div = document.createElement('div');
 div.setAttribute('id', 'biscuitsDialog');
 div.style.position = "absolute";
 div.innerHTML = '<div id="loadingPleaseWait">Please wait...<div class="biscuitsText" align="center" style="margin:10px;"><img src="/img/ajax-loader.gif"/><\/div><\/div><div class="biscuitsContainer"  style="display:none;" id="imageDivContainer"><div class="biscuitsImageDiv"><a href="javascript:changeImage(\''+nextImage+'\',\''+imageList+'\');"><img style="border:1px solid white;" id="galleryImage" onload="repositionImage();" align="center" src="'+thisPic[0]+'" /></a><\/div><div align="center" style="padding-top:2px;">'+thisPic[1]+'<div class="clearJump"></div><a  href="javascript:changeImage(\''+previousImage+'\',\''+imageList+'\');"><img style="border:none;" src="/img/back.gif"/></a><a  style="margin-left:5px;" href="javascript:changeImage(\''+nextImage+'\',\''+imageList+'\');"><img style="border:none;"  src="/img/next.gif"/></a><a  style="margin-left:5px;" href="javascript:closeGallery()"><img style="border:none;" src="/img/close.gif"/></a><\/div><\/div>';       
  div.style.background = "#fff";
  window.scrollTo(0,0);
  document.body.appendChild(div);
  centerDialog('biscuitsDialog');
 }
function  changeImage(index,imageList) {
 list = imageList.split("#");
	if(index==0) {
		previousImage = parseInt(list.length, 10)-3;
	} else {
		previousImage = parseInt(index, 10)-1;
	}
	if(index==(list.length-3)) {
		nextImage = 0;
	} else {
		nextImage = parseInt(index, 10)+1;
	}
var thisPic = list[index].split("&&");
  var div = document.getElementById('biscuitsDialog');
  div.innerHTML = '<div id="loadingPleaseWait">Please wait...<div class="biscuitsText" align="center" style="margin:10px;"><img src="/img/ajax-loader.gif"/><\/div><\/div><div class="biscuitsContainer"  style="display:none;" id="imageDivContainer"><div class="biscuitsImageDiv"><a href="javascript:changeImage(\''+nextImage+'\',\''+imageList+'\');"><img style="border:1px solid white;" id="galleryImage" onload="repositionImage();" align="center" src="'+thisPic[0]+'" /></a><\/div><div align="center" style="padding-top:2px;">'+thisPic[1]+'<div class="clearJump"></div><a  href="javascript:changeImage(\''+previousImage+'\',\''+imageList+'\');"><img style="border:none;" src="/img/back.gif"/></a><a  style="margin-left:5px;" href="javascript:changeImage(\''+nextImage+'\',\''+imageList+'\');"><img style="border:none;"  src="/img/next.gif"/></a><a  style="margin-left:5px;" href="javascript:closeGallery()"><img style="border:none;" src="/img/close.gif"/></a><\/div><\/div>';       
   document.body.appendChild(div);
   centerDialog('biscuitsDialog');
 }
function getWindowSize() {
	var winW;
	var winH;
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
		winW = document.documentElement.clientWidth;
		winH = document.documentElement.clientHeight;
	 }
	 else {
		winW = window.innerWidth;
		winH = window.innerHeight;
	 }
	return {width:winW, height:winH};
}
function centerDialog(id) {
	var win = getWindowSize();
	var dialog = document.getElementById(id);
	dialog.style.top = (win.height / 2) - (dialog.offsetHeight / 2) + 'px';
	dialog.style.left = (win.width / 2) - (dialog.offsetWidth / 2) + 'px';
}