$(function(){
	$('#services').servicesHover($('#services_popup'), 20, 270);
	$('#capability').servicesHover($('#capability_popup'), 20, 365);
	$('#partners').servicesHover($('#partners_popup'), 20, 580);
	$('#resources').servicesHover($('#resources_popup'), 20, 681);
	$('#services_popup').services_popupHover();
	$('#capability_popup').services_popupHover();
	$('#partners_popup').services_popupHover();
	$('#resources_popup').services_popupHover();
});

jQuery.fn.servicesHover = function(element, x, y)
{
    jQuery(this).hover(
	    function() {
		jQuery(element).removeClass("hidden");
		jQuery(element).addClass("hover");
		jQuery(element).css('top', x);
		jQuery(element).css('left', y);
	    }, function() {
		    jQuery(element).removeClass("hover");
		    jQuery(element).addClass("hidden");
	    }
    )
}

jQuery.fn.services_popupHover = function()
{
	jQuery(this).hover(
		function() {
			jQuery(this).removeClass("hidden");
			jQuery(this).addClass("hover");
		}, function() {
			jQuery(this).removeClass("hover");
			jQuery(this).addClass("hidden");
		}
	)
}