/*
	Author: Bernd Lutz (http://www.berndlutz.com)
	Last modified: 07.01.2008
	Copyright by Bauhaus Süd 2008
*/

function changeIMG(event)
{
	Event.stop(event);
	var elt = event.element(event);
	if ( elt.nodeName == 'IMG' )
		var img = elt;
	else
		var img = elt.down('img');
	
	// set active image
	$$('#gallery li').invoke('removeClassName', 'active');
	img.up('li').addClassName('active');
	
	// get info
	var url = img.readAttribute('src').replace(/\/thumbnails/i, '');
	var title = img.readAttribute('alt');
	if ( title == 'Bild groß anzeigen' )
		title = '';
	
	// change image
	var m_img = $('m-img');
	m_img.src = url;
	m_img.writeAttribute('alt', title);
	
	// change text
	if ( $$('#gallery p').length > 0 )
		$$('#gallery p').invoke('remove');
	if ( title != '' )
		m_img.up('div').insert({after: '<p>'+title+'</p>'});
	
	// scroll to gallery
	$('m-img').stopObserving('load', scrollToGallery);
	$('m-img').observe('load', scrollToGallery);
}

function scrollToGallery()
{
	$('footer').scrollTo();
	$('footer').setStyle({bottom: '100px'}); // for some reasons a simple reset to zero shows no effect
	$('footer').setStyle({bottom: 0}); // resets footer for IE < 7
}

document.observe('dom:loaded', function()
{
	if ( document.getElementById('gallery') )
		$$('#gallery li a').invoke('observe', 'click', changeIMG);
});