// JavaScript Document
$(document).ready(function() {
  $('.case').each(function() {
	var projectName = $(this).find('p').eq(0).text();
	var client = $(this).find('p').eq(1).text();
	var industry = $(this).find('p').eq(2).text();
	var location = $(this).find('a').attr('href');
	$(this).click(function() {
		document.location = location;				   
	});
	$(this).find('img').animate({opacity: 0.7});
	$(this).append('<div class=\"overlay_wrapper\"><div class=\"overlay\"><p><span>PROJECT</span> ' + projectName + '</p><p><span>CLIENT</span> ' + client + '</p><p><span>INDUSTRY</span> ' + industry + '</p></div></div>');
  });
    
  $('.case').hover(function() {
		$(this).find('img').animate({opacity: 1.0});						
		$(this).find('.overlay_wrapper').animate({
			top: "220px"						 
		},300);
		//$(this).addClass('.overlay_hover');
	  },
	  function() {
		$(this).find('img').animate({opacity: 0.7});
		$(this).find('.overlay_wrapper').animate({
			top: "268px"						 
		},300)
	  }
  );

});