if (!navigator.userAgent.match("MSIE")) window.onDomReady = DomReady;
function DomReady(fn){
	if(document.addEventListener){
		document.addEventListener("DOMContentLoaded", fn, false);
	}else{
		document.onreadystatechange = function(){readyState(fn)}
	}
}
function readyState(fn){
	if (document.readyState == "interactive") fn();
}
if (!navigator.userAgent.match("MSIE")){
	window.onDomReady(init);
}else{
	window.onload = init;
}

/////////////////////////////////////////////////////////////////////

var statusObj, galleryObj, galleryBarObj, galleryImageObj, loadingImageObj, titleObj, titleObjBottom, descObjBottom;
var butNextObj, butPauseObj, butPrevObj, prevObj, nextObj;
var timeout, barTimeout, changing = false;

var currentImage = 0;

var image_count = 5;var images = new Array(5);var titles = new Array(5);var descs = new Array(5);images[0] = "http://foto-work.co.uk/site/gallery/index.php?album=for-site&image=ring.jpg&p=*full-image";titles[0] = "Proposal";descs[0] = "With this ring, I give you my love, my friendship, my life";images[1] = "http://foto-work.co.uk/site/gallery/index.php?album=for-site&image=Untitled-1.jpg&p=*full-image";titles[1] = "White carriage";descs[1] = "Your carriage awaits you.";images[2] = "http://foto-work.co.uk/site/gallery/index.php?album=for-site&image=brides-hand.jpg&p=*full-image";titles[2] = "Bride and groom";descs[2] = "To have and to hold from this day forward.";images[3] = "http://foto-work.co.uk/site/gallery/index.php?album=for-site&image=bridesmaid-copy.jpg&p=*full-image";titles[3] = "Bridesmaid";descs[3] = "Awaiting the ceremony";images[4] = "http://foto-work.co.uk/site/gallery/index.php?album=for-site&image=bide-and-groom-copy.jpg&p=*full-image";titles[4] = "Romance";descs[4] = "Unedifying love";
function init(){
	var elements = document.getElementsByTagName("div");
	for (var i=0; i<elements.length; i++) {
		if (elements[i].className == "thumb") {
			elements[i].onmouseover = mouseOverThumb;
			elements[i].onmouseout = mouseOutThumb;
			setOpacity(0.5,elements[i]);
		}
	}

	statusObj = document.getElementById('galleryStatus');
	titleObj = document.getElementById('galleryTitle');
	galleryObj = document.getElementById('gallery');
	galleryBarObj = document.getElementById('galleryBar');
	galleryImageObj = document.getElementById('galleryImage');
	
	galleryBarObj.onmouseover = barMouseOver;
	galleryBarObj.onmouseout = barMouseOut;
	
	butNextObj = document.getElementById('butNext');
	butPauseObj = document.getElementById('butPause');
	butPrevObj = document.getElementById('butPrev');

	butNextObj.onclick = nextImage;
	butPauseObj.onclick = pauseImage;
	butPrevObj.onclick = previousImage;

	butNextObj.onmouseover = buttonMouseOver;
	butPauseObj.onmouseover = buttonMouseOver;
	butPrevObj.onmouseover = buttonMouseOver;
	butNextObj.onmouseout = buttonMouseOut;
	butPauseObj.onmouseout = buttonMouseOut;
	butPrevObj.onmouseout = buttonMouseOut;
	
	titleObjBottom = document.getElementById("imagetitle");
	descObjBottom = document.getElementById("imagedesc");
	prevObj = document.getElementById("imageprev");
	nextObj = document.getElementById("imagenext");
	prevObj.onclick = previousImage;
	nextObj.onclick = nextImage;

	var preloadPrev = new Image();
	preloadPrev.src = './images/gallery_prev_h.gif';
	var preloadPause = new Image();
	preloadPause.src = './images/gallery_pause_h.gif';
	var preloadNext = new Image();
	preloadNext.src = './images/gallery_next_h.gif';
	setOpacity(0.4,galleryBarObj);
	
	loadingImageObj = document.createElement('img');
	loadingImageObj.id = 'loadingImage';
	loadingImageObj.src = './images/loading2.gif';
	loadingImageObj.className = "loadingImage";
	statusObj.appendChild(loadingImageObj);
	titleObj.innerHTML = "<strong>Loading...</strong>";
	
	image1Obj = document.createElement('img');
	image1Obj.id = 'galleryImage1';
	image1Obj.src = images[currentImage];
	image1Obj.onload = loaded;
	setOpacity(0,image1Obj);
	galleryImageObj.appendChild(image1Obj);
	
	galleryBarObj.style.color = "#fff";
	
	if (navigator.userAgent.match("MSIE")){
		var par;
		par = butNextObj.parentNode;
		par.removeChild(butNextObj);
		par.removeChild(butPauseObj);
		par.removeChild(butPrevObj);
	}
}

function mouseOverThumb(){
	setOpacity(1,this);
}

function mouseOutThumb(){
	setOpacity(0.5,this);
}

function buttonMouseOver(){
	this.className = this.className+"H";
}

function buttonMouseOut(){
	this.className = this.className.replace('H','');
}

function barMouseOver(){
	clearTimeout(barTimeout);
	fadeBarIn(Number(galleryBarObj.style.opacity));
}

function barMouseOut(){
	clearTimeout(barTimeout);
	barTimeout = setTimeout("fadeBarOut("+Number(galleryBarObj.style.opacity)+")",800);
}

function fadeBarOut(opacity){
	setOpacity(opacity,galleryBarObj);
	if (opacity > 0.4) {
		clearTimeout(barTimeout);
		barTimeout = setTimeout("fadeBarOut("+(opacity-0.01)+")",15);
	}else{
		setOpacity(0.4,galleryBarObj);
	}
}

function fadeBarIn(opacity){
	setOpacity(opacity,galleryBarObj);
	if (opacity < 0.65) {
		clearTimeout(barTimeout);
		barTimeout = setTimeout("fadeBarIn("+(opacity+0.01)+")",15);
	}else{
		setOpacity(0.65,galleryBarObj);
	}
}

function previousImage(){
	if (!changing){
		image1Obj.style.visibility = "hidden";
		currentImage = (currentImage == 0) ? images.length-1 : currentImage-1;
		image1Obj.src = images[currentImage];
		loadingImageObj.style.visibility = 'visible';
	}
}

function nextImage(){
	if (!changing){
		image1Obj.style.visibility = "hidden";
		currentImage = (currentImage == images.length-1) ? 0 : currentImage+1;
		image1Obj.src = images[currentImage];
		loadingImageObj.style.visibility = 'visible';
	}
}

function pauseImage(){
	if (!changing){
		clearTimeout(timeout);
		titleObj.innerHTML = "Paused.";
	}
}

function loaded(){
	//galleryObj.style.width = image1Obj.width+"px";
	//galleryObj.style.height = image1Obj.height+"px";
	changing = true;
	image1Obj.style.visibility = "visible";
	titleObj.innerHTML = "<strong>" + titles[currentImage] + "</strong> (" + (currentImage+1) + "/" + images.length + ")";
	titleObjBottom.innerHTML = titles[currentImage];
	descObjBottom.innerHTML = descs[currentImage];
	fadeInImage(0);
}

function fadeInImage(opacity){
	setOpacity(opacity,image1Obj);
	setOpacity(1-opacity,loadingImageObj);
	if (opacity < 1) {
		clearTimeout(timeout);
		timeout = setTimeout("fadeInImage("+(opacity+0.01)+")",15);
	}else{
		setOpacity(1,image1Obj);
		galleryImageObj.style.background = "url("+image1Obj.src+") no-repeat";
		loadingImageObj.style.visibility = 'hidden';
		changing = false;
		clearTimeout(timeout);
		timeout = setTimeout("nextImage()",5000);
	}
}

function setOpacity(opacity, obj) {
	obj.style.KHTMLOpacity = opacity;
	obj.style.MozOpacity = opacity;
	obj.style.opacity = opacity;
	opacity *= 100;
	opacity = (opacity == 100)?99.999:opacity;
	obj.style.filter = "alpha(opacity:"+opacity+")";
}