// JavaScript Document

$(document).ready(function() {
  init();
 });
 
 function init()
 {
	
	$('.link').hover( linkRollOver, linkRollOut );
	$('.aboutLink').hover( aboutRollOver, aboutRollOut );
	$('.socialLink').hover( socialRollOver, socialRollOut );
	
 };
 

 
 

 
 function linkRollOver()
 {
	$(this).css('cursor','pointer');
	$(this).find( '.projImg' ).stop(true, true).animate( { "background-color": "#454545","opacity": ".5" }, 1000, 'easeOutExpo' ) 
	$(this).find( '.projRole' ).stop(true, true).animate( { "color": "#FFFFFF", "opacity": ".75" }, 1000, 'easeOutExpo' ) 
	$(this).find( '.projTitle' ).stop(true, true).animate( { "color": "#FFFFFF", "opacity": ".75" }, 1000, 'easeOutExpo' ) 
	
	
 }
 
 function linkRollOut()
 {
	$(this).css('cursor','auto');
	$(this).find( '.projImg' ).stop(true, true).animate( { "background-color": "#0e0e0e","opacity": "1" }, 500, 'easeOutExpo' ) 
	$(this).find( '.projRole' ).stop(true, true).animate( { "color": "#a8fe03", "opacity": "1" }, 500, 'easeOutExpo' ) 
	$(this).find( '.projTitle' ).stop(true, true).animate( { "color": "#1a7389", "opacity": "1" }, 500, 'easeOutExpo' ) 
 }
 
 
 function aboutRollOver()
 {
	$(this).css('cursor','pointer');
	$(this).stop(true, true).animate( { "color": "#DEDEDE" }, 1000, 'easeOutExpo' ) 
	
	
 }
 
 function aboutRollOut()
 {
	$(this).css('cursor','auto');
	$(this).stop(true, true).animate( { "color": "#1a7389" }, 500, 'easeOutExpo' ) 
 }
 
  function socialRollOver()
 {
	$(this).css('cursor','pointer');
	$(this).stop(true, true).animate( { "opacity": ".75" }, 1000, 'easeOutExpo' ) 
	
	
 }
 
 function socialRollOut()
 {
	$(this).css('cursor','auto');
	$(this).stop(true, true).animate( { "opacity": "1" }, 500, 'easeOutExpo' ) 
 }