$(document).ready(function(){
	
	$("div.projectImage").hover(
	  function(){
		/* 'this' is whichever div.rollMe you are currently
		   hovering over at this particular moment */
		$(this).find("div.textRollover").fadeIn(400);
	  },
	  function(){
		$(this).find("div.textRollover").fadeOut(400);
	  }
	);
 
  }); 
 
 $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'http://www.my-work-experience.com/images-mywex/Contact_button.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '153px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '49px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'click',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '100px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
        });

    });