var IlRollOver = function () {
}
IlRollOver.prototype.speed = 200;
IlRollOver.prototype.easing = "linear";

IlRollOver.init = function (obj) {
	if (obj.speed != null) {
		IlRollOver.prototype.speed = obj.speed;
	}
	if (obj.easing != null) {
		IlRollOver.prototype.easing = obj.easing;
	}
}

$(document).ready(function () {
	
	for (var i = 0; i < $(".imgover").length; i++){
		
		var element = $(".imgover")[i];
		var type = $(element).attr("src").substring($(element).attr("src").lastIndexOf('.'), $(element).attr("src").length);
		var add = "<img src=" + $(element).attr("src").replace(type, "_o" + type) + " />";
		var over = $(add).appendTo($(element).parent());
		$(element).parent().css({"position":"relative", "display":"inline-block"});
		$(over).css({"position":"absolute", "top":$(element).position().top, "left":$(element).position().left, "z-index":"0", "opacity":"0"});
		over.element = element;
		
		$(over).hover(
			function () {
				var ilRollOver = new IlRollOver();
				$(this.element).stop();
				$(this.element).animate({opacity:0}, ilRollOver.speed, ilRollOver.easing);
				$(this).stop();
				$(this).animate({opacity:1}, ilRollOver.speed, ilRollOver.easing);
			},
			function () {
				var ilRollOver = new IlRollOver();
				$(this.element).stop();
				$(this.element).animate({opacity:1}, ilRollOver.speed, ilRollOver.easing);
				$(this).stop();
				$(this).animate({opacity:0}, ilRollOver.speed, ilRollOver.easing);
			}
		);
		
	}
	
});