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(){

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(){

		});
	 
	});
}
}); 

