$(document).ready(function() {

	// removes the css class that highlights a clicked on office
	$('#worldmap ul li a').click(function() {
		$('#contacts ul li.info p').removeClass('highlight');
	});
	
	// adds a css class to highlight a clicked offices details
	$('#newYork a').click(function() {
		$('#contacts ul li#infoNewYork p').addClass('highlight');
	});
	
	$('#london a').click(function() {
		$('#contacts ul li#infoLondon p').addClass('highlight');
	});
	
	$('#stPetersburg a').click(function() {
		$('#contacts ul li#infoStPetersburg p').addClass('highlight');
	});
	
	$('#moscow a').click(function() {
		$('#contacts ul li#infoMoscow p').addClass('highlight');
	});
	
	$('#kazan a').click(function() {
		$('#contacts ul li#infoKazan p').addClass('highlight');
	});
	
	$('#kiev a').click(function() {
		$('#contacts ul li#infoKiev p').addClass('highlight');
	});
	
	$('#dubai a').click(function() {
		$('#contacts ul li#infoDubai p').addClass('highlight');
	});
	
	$('#novoisbirsk a').click(function() {
		$('#contacts ul li#infoNovoisbirsk p').addClass('highlight');
	});
	
	$('#mumbai a').click(function() {
		$('#contacts ul li#infoMumbai p').addClass('highlight');
	});
	
	$('#shanghai a').click(function() {
		$('#contacts ul li#infoShanghai p').addClass('highlight');
	});
	
});