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;
}

var smallimg = new Array();
var bigimg = new Array();

window.addEvent('load', function(){

if ($('small')){
	var list = $('small').getElements('div[class^=smalldiv]');

	list.each(function(element) {
		var imageset = parseInt(element.getAttribute('imageset'));
	 	var layertop = $('layertop'+imageset);
		var layerbottom = $('layerbottom'+imageset);
		
		//var fx = new Fx.Styles(layertop, {duration:500, transition: Fx.Transitions.linear});
		var fx = new Fx.Tween(layertop);


		element.addEvent('mouseenter', function(){
			var newfilename = element.getStyle('background-image');
			newfilename = newfilename.replace(/^url\(/,"");
			newfilename = newfilename.replace(/\)$/,"");
			var posnewfilename = smallimg[imageset].search(newfilename);
			var newbackground = 'url('+bigimg[imageset][posnewfilename]+')';
		
			var oldbackground = layerbottom.getStyle('background-image');
			old = oldbackground.replace(/^url\(/,"");
			old = old.replace(/\)$/,"");
			var posoldfilename = bigimg[imageset].search(old);
			var smallbackground = 'url('+smallimg[imageset][posoldfilename]+')';
			element.setStyle('background-image',smallbackground);

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

			fx.start('opacity','1','0');

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

		});
	 
	});
}
}); 
