//------------------- gallery navigaiton effects -------------------------- //
var navLi;
var sliderUl={};
var element;
document.observe('dom:loaded', function() {
	navLi = $("gallerySubNav").childElements();
	for(var x=0; x<navLi.length; x++) {
		navLi[x].observe('click', respondToClick);
		sliderUl[x] = navLi[x].childElements();
	}
});
function respondToClick(event) {
	element = event.element();
	for(var index=0; index < navLi.length; index++) {
		if(element == navLi[index]) {
			if(element.hasClassName('patSlider')){
				Effect.BlindDown(element.firstDescendant(), { duration: .2 });
			}
		} else {
			if (navLi[index].firstDescendant().getStyle('display') != "none") {
				Effect.SwitchOff( navLi[index].firstDescendant(), { queue: 'end' });
			}
		}
	}
}
///

var imgArray = new Array();

document.observe("dom:loaded", function() {
	var galleryImgs = $$("#galleryLeft div a");
	for(var i = 0; i < galleryImgs.length; i++) {
		galleryImgs[i].observe('click', lightBoxOpen);
		imgArray.push(galleryImgs[i].firstDescendant());
	}
});

function lightBoxOpen(event) {
	
	var boxDiv = new Element('div', {'id': 'popBox' })
	var closeText = new Element('a', {'href': 'javascript://'}).update("Click To Close");
	var shadowDiv = new Element('div', { 'id': 'shadow' }).insert(boxDiv);
	
	for(var i = 0; i < imgArray.length; i++) {
		boxDiv.insert(new Element('img', {'src': imgArray[i].readAttribute('src'), 'alt': 'before image'}));
	}
	
	// closeText.observe('click', lightBoxClose);
	// 	
	// 	boxDiv.insert(closeText);
	// 	shadowDiv.hide();
	// 	bodyArray = $$('body');
	// 	for(i = 0; i < bodyArray.length; i++) {
	// 		bodyArray[i].insert(shadowDiv);
	// 	}
	// 	Effect.Appear('shadow', { duration: 1.0 });
}

function lightBoxClose(event) {
}