// JQUERY SCRIPTS FOR HOMEPAGE
// ---------------------------------------------------------------------------------------
$(document).ready(function()
{
	var $container = $("#who_we_help");
	var $imgOverlay = $("#imgOverlay");
	
	lastBlock = $("#one");
	image = 'url(css/images/home-branding1.jpg)';
	lastImage = 'url(css/images/home-branding1.jpg)';
	lastBlock.width(326);
	maxWidth = 326;
    minWidth = 300;
	speed = 300;
	
	
	$imgOverlay.css({'backgroundImage' : image});
	$imgOverlay.hide();
	
	$("#one").click(function() {
		image = 'url(css/images/home-branding1.jpg)';
		$container.css({'backgroundImage' : lastImage});
		$imgOverlay.hide();
		$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:speed });
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:speed});
		$imgOverlay.css({'backgroundImage' : image}).fadeIn(600);
		lastBlock = this;
		lastImage = image;
	});
	$("#two").click(function() {
		image = 'url(css/images/home-branding2.jpg)';
		$container.css({'backgroundImage' : lastImage});
		$imgOverlay.hide();
		$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:speed });
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:speed});
		$imgOverlay.css({'backgroundImage' : image}).fadeIn(600);
		lastBlock = this;
		lastImage = image;
	});
	$("#three").click(function() {
		image = 'url(css/images/home-branding3.jpg)';
		$container.css({'backgroundImage' : lastImage});
		$imgOverlay.hide();
		$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:speed });
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:speed});
		$imgOverlay.css({'backgroundImage' : image}).fadeIn(600);
		lastBlock = this;
		lastImage = image;
	});

});