var __pg = {};

window.addEvent('domready', function() {
	Asset.images(['/images/spinner.gif']);
	$$('.piclist ul').each(function(item) { item.setStyle('width', $$('.piclist ul li').length * 285) });
	bindNav();
});

function bindNav() {
	addGalnav();
	//$$('#nav a')[2].set('text', 'portrait galleries');
	$$('#nav a')[2].addEvent('mouseover', function() {
		if (__pg.timer != null) {
			window.clearTimeout(__pg.timer);
		}
		showGalnav();
	});
	$$('#nav a')[2].addEvent('mouseout', function() {
		__pg.timer = window.setTimeout(hideGalnav, 7500);
	});
	$('galnav').addEvent('mouseover', function() {
		if (__pg.timer != null) {
			window.clearTimeout(__pg.timer);
		}
		showGalnav();
	});
	$('galnav').addEvent('mouseout', function() {
		__pg.timer = window.setTimeout(hideGalnav, 7500);
	});
}

function hideGalnav() {
	$('galnav').setStyle('display', 'none');
}

function showGalnav() {
	$('galnav').setStyle('display', 'block');
}

function addGalnav() {
	var gn = new Element('div', { id: 'galnav' });
	gn.set('html', '<a href="the-conceptual-portrait.htm" />the conceptual portrait</a>        <a href="study-of-emma.htm" />study of emma</a>        <a href="books.htm" />books</a>        <a href="family-portrait.htm" />family portrait</a>        <a href="kids-in-studio.htm" />kids in studio</a>        <a href="teens-in-studio.htm" />teens in studio</a>        <a href="adults-in-studio.htm" />adults in studio</a>        <a href="corporate-portrait.htm" />corporate portrait</a>        <a href="boudoir-conceptual.htm" />boudoir conceptual</a>');
	gn.inject($('content'));
}