function RolloverImage(img)
{
	var tempArr = img.src.split('.png');
	var name = tempArr[0];
	
	if (name.indexOf('_on') == -1) {		
		// store the on and off images			
		img.rollOn = name + "_on.png";
		img.rollOut = name + ".png";
		
		Event.observe(img, 'mouseover', function(e) { doRollOver(); });
		Event.observe(img, 'mouseout', function(e) { doRollOut(); });

		// called on rollover
		function doRollOver() { img.src = img.rollOn; }
	
		// called on rollout
		function doRollOut() { img.src = img.rollOut; }
	}
}

function launchLightView(el)
{
	Lightview.show($(el).up('div.album').down('.lightview'));
	return false;
}

function injectSTButton(title, href) {
	var container = $('lv_st');
	var button = document.createElement('span');
	var date = new Date();
	var time = date.getTime();
	button.setAttribute('id', 'button_' + time);
	button.innerHTML = '&raquo; <a style="color:#666;font-weight:normal" title="ShareThis via email, AIM, social bookmarking and networking sites, etc." href="javascript:void(0)" st_page="home">ShareThis</a>';
	container.childElements().invoke('remove');
	container.appendChild(button);
	var object = SHARETHIS.addEntry({
		title: title,
		url: href
	}, { onmouseover: false });
	object.attachButton(document.getElementById('button_' + time));
}

Event.observe(window, 'load', function() {
	var imgs = $$('#nav a img');
	imgs.each(function(i) { new RolloverImage(i); })
});

document.observe('lightview:loaded', function() {
	var ul = $$('.lv_Data')[0];
	ul.insert('<li id="lv_flickr" style="padding:3px 0 0 5px;"></li>');
	ul.insert('<li id="lv_st" style="padding:3px 0 0 5px;"></li>');
});

document.observe('lightview:opened', function(event) {
	var url = 'http://www.flickr.com/photos/drinkhoist/' + event.target.id;
	injectSTButton('Photos from Hoist', url);
	if ($(event.target).hasClassName('flickr')) {
		$('lv_flickr').update('&raquo; <a style="color:#666;font-weight:normal" href="' + url + '">Order Prints on Flickr</a>');
	} else {
		$('lv_flickr').empty();
	}
});