// SQUARES
$(document).ready(function() {
	$(".sBlue").hoverIntent(showDetailsD1, hideDetailsD1);
	$(".sYellow").hoverIntent(showDetailsD2, hideDetailsD2);
	$(".sGreen").hoverIntent(showDetailsD3, hideDetailsD3);
	$(".sOrange").hoverIntent(showDetailsD4, hideDetailsD4);
});

function showDetailsD1(){$('.tBlue').fadeIn(500);};
function hideDetailsD1(){$('.tBlue').fadeOut(500);};

function showDetailsD2(){$('.tYellow').fadeIn(500);};
function hideDetailsD2(){$('.tYellow').fadeOut(500);};

function showDetailsD3(){$('.tGreen').fadeIn(500);};
function hideDetailsD3(){$('.tGreen').fadeOut(500);};

function showDetailsD4(){$('.tOrange').fadeIn(500);};
function hideDetailsD4(){$('.tOrange').fadeOut(500);};