// JavaScript Document

jQuery.fn.srollover = function(options) {
 var settings = jQuery.extend({
	hasText: 'true', 
 	sufix: '_over'
 }, options);
 
	jQuery.preloadImages = function() {
		for(var i = 0; i<arguments.length; i++) {
			jQuery("<img>").attr("src", arguments[i]);
		}
	}

	this.each(function(i)
	{
		var originalSrc = $(this).children('img').attr('src');
		if(settings.hasText == 'true'){
			$(this).children('img').remove();
			$(this).css("overflow", "hidden");
			$(this).css("background-repeat", "no-repeat");
			$(this).css("background-image", "url("+originalSrc+")");
		}
		var pos = originalSrc.lastIndexOf('.');
		var srcName = originalSrc.substr(0, pos);
		var srcEct = originalSrc.substr(pos, originalSrc.length - pos);
		var hoverSrc = srcName + settings.sufix + srcEct;
 
		$.preloadImages(hoverSrc);
	
		$(this).hover(
			function(){
				// hover in
				if(settings.hasText == 'true'){
					$(this).css("background-image", "url("+hoverSrc+")");
				}else{
					$(this).children('img').attr('src', hoverSrc);
				}
			},
			function(){
				//hover out
				if(settings.hasText == 'true'){
					$(this).css("background-image", "url("+originalSrc+")");
				}else{
					$(this).children('img').attr('src', originalSrc);
				}
			}
		);
	}); // end each
	
};