$.fn.hoverSlide = function(opts){
	return this.each(function(){
		var t = $(this);
		var defaults = {
			speed: 300,
			ele: '.hover'
		}
		var o = jQuery.extend({},defaults,opts);
		
		var ele = t.find(o.ele);
		var eleW = ele.width();
		var pos = ele.position();
		var startLeft = pos.left;
		
		var ie = function(){
			if ( (navigator.userAgent.match(/MSIE 7/i)) || (navigator.userAgent.match(/MSIE 8/i)) || (navigator.userAgent.match(/MSIE 6/i)) ) {
				return true;
			} else {return false;}
		}
		
		if(!ie()){ele.css({opacity:0});}
		
		t.bind({
			mouseenter: function(){hoverIn();},
			mouseleave: function(){hoverOut();}
		})
		
		var hoverIn = function() {
			var cssProps ={left:0}
			if(!ie()){cssProps.opacity=1}
			ele.stop().animate(cssProps,o.speed);
		}
		var hoverOut = function() {
			
			var endLeft = startLeft;
			if(getPos() == 0) {endLeft = eleW;}
			var cssProps ={left:endLeft}
			if(!ie()){cssProps.opacity=0}
			
			ele.stop().animate(cssProps,o.speed/1.5,function(){ele.css({left:startLeft})});
		}
		var getPos = function() {
			return ele.position().left;
		}
	
	}); // end return each
}


