Array.prototype.search = function(value, strict )
{
	if( typeof value == "undefined" ) {
		return false;
	}
	var retVal = false;
	if( strict ) {
		for( key in this ) {
			if( this[key] === value ) {
				retVal = key;
				break;
			}
		}
	} else {
		for( key in this ) {
			if( this[key] == value ) {
				retVal = key;
				break;
			}
		}
	}
	return retVal;
}


window.addEvent('domready', function(){
var list = $$('#small div');
list.each(function(element) {
 	var layertop = $('layertop');
	var layerbottom = $('layerbottom');

	var fx = new Fx.Styles(layertop, {duration:500, transition: Fx.Transitions.linear});
 
	element.addEvent('mouseenter', function(){
		var newfilename = element.getStyle('background-image');
		newfilename = newfilename.replace(/^url\(.*typo3temp/,"typo3temp");
		newfilename = newfilename.replace(/\)$/,"");

		var posnewfilename = small_img.search(newfilename);
	
		var newbackground = 'url('+big_img[posnewfilename]+')';
	
		var oldbackground = layerbottom.getStyle('background-image');

		var old = oldbackground.replace(/^url\(.*typo3temp/,"typo3temp");
		old = old.replace(/\)$/,"");
		var posoldfilename = big_img.search(old);

		var smallbackground = 'url('+small_img[posoldfilename]+')';
		element.setStyle('background-image',smallbackground);


		layertop.setStyle('opacity','1');

		layertop.setStyle('background-image',oldbackground);
		layerbottom.setStyle('background-image',newbackground);

		fx.start({
			'opacity': '0.0'
		});

	});
 
	element.addEvent('mouseleave', function(){

	});
 
});

});