/**
 * Satured Image jQuery plugin
 * author: Fabian Ospina for Adnet Group
 * 20 oct 2011
 */
jQuery.fn.extend({
saturedImag:function(){
	var  Images = $(this);
	for(var i=0; i<Images.length; i++){
		var curImg = $(Images[i]);
		var curImgColr = $('<img>');

		curImg.parent().css('position','relative');
		curImg.css('position','relative').attr('id','satured_'+i);
		curImg.after(curImgColr.attr({src: curImg.attr('change'), id:'satured_'+i+'_2', border:'0'}).css({'position':'relative', 'z-index':'200','margin-left':'-'+(curImg.outerWidth())+'px','display':'none'}));

		curImg.mouseover(function(){
			var myID = $(this).attr('id');
			$('#'+myID+'_2').fadeIn(100);
		});

		$('#satured_'+i+'_2').mouseout(function(){
			$(this).fadeOut(100);
		});
	}

}});
$(window).load(function(){
	$('img.satured').saturedImag();
});