/**
 * @author webmaster
 */

jQuery(document).ready(function(){
	
	
	// Make sure that the hover effect for the service thumbnails
	// produces the hover effect for service text links and 
	// vice-versa
	
	// for the thumbnails
	$('#services_thumbnails a').mouseover(function(){
		$service_name = $(this).attr('id').substring(6);
		$('#text_' + $service_name).addClass('hover');
	});
	
	$('#services_thumbnails a').mouseout(function(){
		$service_name = $(this).attr('id').substring(6);
		$('#text_' + $service_name).removeClass('hover');
	});
	
	// for the links
	$('#services_links a').mouseover(function(){
		$service_name = $(this).attr('id').substring(5);
		$('#thumb_' + $service_name).addClass('hover');
		
	});
	
	$('#services_links a').mouseout(function(){
		$service_name = $(this).attr('id').substring(5);
		$('#thumb_' + $service_name).removeClass('hover');
	});
	

})