Array.prototype.search = function(value, strict ){
	if( typeof value == "undefined" ) {
		return false;
	}
	var retVal = false;
	for (var i = 0; i < this.length; i++){
		if( this[i] == value.replace(/\"/g,"") ) {
			retVal = i;
			break;
		}
	}
	return retVal;
}

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

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

var list = $$('div.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});

	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': '0.0'
		});

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

	});
 
});

});