jQuery(document).ready(function($) {

// Hover for homepage client-banner project list and blogs
var fancyHover = {
	init: function() {
		var $hoverItems = $('#work li, #blog li');
		var $services = $('#serviceTypes li');
			
		$hoverItems.hover(
			function () { 
				$(this).children('.hover').removeClass('offscreen'); 
				$(this).children('.project-info').css( 'background-color' , '#44423e' );
			}, 
			function () { 
				$(this).children('.hover').addClass('offscreen');
				$(this).children('.project-info').css( 'background-color' , '#272623' );
			}
		);
		
		$services.hover(
			function () { 
				$(this).children('.hover').removeClass('offscreen'); 
			}, 
			function () { 
				$(this).children('.hover').addClass('offscreen');
			}
		);
		
	}
};
fancyHover.init();


// Hover for homepage client-banner project list and blogs
var hoverAnim = {
	init: function() {
		var $hoverItems = $('#work li, #blog li');
		
		$hoverItems.children('.hover').css({left: '0px'})
 		$hoverItems.children().children('.hover-bg').fadeTo(1, 0.0)
 			
		$hoverItems.hover(
			function () {
				$(this).children().children('.hover-bg').stop().fadeTo(600, 0.40);
			}, 
			function () {
				$(this).children().children('.hover-bg').stop().fadeTo(700, 0.0);
			}
		);
		
		var $services = $('#serviceTypes li');

		$services.children('.hover').css({left: '0px'})
 		$services.children().children('.hover-bg').fadeTo(1, 0.0)
 			
		$services.hover(
			function () {
				$(this).children().children('.hover-bg').stop().fadeTo(600, 0.40);
			}, 
			function () {
				$(this).children().children('.hover-bg').stop().fadeTo(700, 0.0);
			}
		);
		
	}
};
hoverAnim.init();

});