// Gorgeous Gallery

var sections =  new Array("Re-Upholstery","Modern Furniture", "Antique Furniture","bedheads","walls");
var currBtn;
var currPage;
var imagesLoaded;

function preloadImages() {
	for(var i=0; i<sections.length; i++) {
		var preimg = new Image();
		preimg.src = "images/menu_"+sections[i].split(" ")[0].toLowerCase()+".gif";
		preimg.onload = function() {};
	}
}
preloadImages();

function setupMenu() {
	for(var i=0; i<sections.length; i++) {
		document.write('<div id="'+sections[i]+'Btn" class="galleryMenuButton">'+sections[i]+'</div>');
		var btn = document.getElementById(sections[i]+"Btn");
		btn.onmouseover = btnOver;
		btn.onmouseout = btnOut;
		btn.onmousedown = btnPress;
		btn.mouseEnabled = true;
		btn.folder = sections[i].split(" ")[0].toLowerCase();
		btn.info = document.getElementById(btn.folder+"_info");
		btn.images = images[i];
		btn.section = sections[i];
		btn.pages = Math.ceil(images[i]/2);
		if(i==0) disableBtn(btn);
	}
}

function btnOver() {
	if(this.mouseEnabled) setBackground(this,true);
}

function btnOut() {
	if(this.mouseEnabled) setBackground(this,false);
}

function setBackground(btn,bg) {
	btn.style.backgroundImage = (bg) ? "url(images/menu_"+btn.folder+".gif)":"";
}

function btnPress() {
	if(this.mouseEnabled) {
		resetBtn(currBtn);
		disableBtn(this);
	}
}

function disableBtn(btn) {
	btn.mouseEnabled = false;
	setBackground(btn,true);
	currBtn = btn;
	btn.style.cursor = "default";
	btn.info.style.display = "block";
	showImages();
}

function resetBtn(btn) {
	btn.mouseEnabled = true;
	setBackground(btn,false);
	btn.style.cursor = "pointer";
	btn.info.style.display = "none";
}

function showImages() {
	currPage = 1;
	document.getElementById("images").innerHTML = "";
	imagesLoaded = 0;
	slideImages();
}

function setImageNav() {
	var prev = document.getElementById("prev");
	var line = document.getElementById("gLine");
	var next = document.getElementById("next");
	var menu = document.getElementById("imagesMenu");
	setupImageNav();
	if(currBtn.pages>1) { 
		menu.style.display = "block";
		if(currPage==1) {
			hide(prev);
			//hide(line);
			show(next);
		} else if(currPage<currBtn.pages) {
			show(prev);
			//show(line);
			show(next);
		} else if(currBtn.pages==currBtn.pages) {
			show(prev);
			//hide(line);
			hide(next);
		}
	} else {
		menu.style.display = "none";
	}
}

function hide(el) { 
	el.style.color = "#cccccc";
	el.style.cursor = "default";
	el.onmousedown = null;
}
function show(el) { 
	el.style.color = "#000000";
	el.style.cursor = "pointer";
}

function setupImageNav(){;
	document.getElementById("prev").onmousedown = function(){ currPage--; slideImages(); }
	document.getElementById("next").onmousedown = function(){ currPage++; slideImages(); }
};

function slideImages() {
	var x = -((currPage-1)*620);
	var images = document.getElementById("images");
	images.style.left = x+"px";
	setImageNav();
	
	var startImage = (currPage-1)*2+1;
	var imgs = Math.min(currBtn.images-startImage+1,2);
	if(imagesLoaded<startImage) {
		for(i=0; i<imgs; i++) {
			var loadImage= startImage+i;
			images.innerHTML+= '<img src="images/gallery/'+currBtn.folder+'/'+loadImage+'.jpg" width="300" height="400" alt="'+currBtn.section +' '+loadImage+'" />';
		}
		imagesLoaded = startImage+imgs-1;
	}
	
}