$(document).ready(function() {

	$('#flag1').hover(
		function () {
			$('#mapArea div').addClass('flag1');
		},
		function () {
			$('#mapArea div').removeClass('flag1');
		}
	);

	$('#flag2').hover(
		function () {
			$('#mapArea div').addClass('flag2');
		},
		function () {
			$('#mapArea div').removeClass('flag2');
		}
	);

	$('#flag3').hover(
		function () {
			$('#mapArea div').addClass('flag3');
		},
		function () {
			$('#mapArea div').removeClass('flag3');
		}
	);

	$('#flag4').hover(
		function () {
			$('#mapArea div').addClass('flag4');
		},
		function () {
			$('#mapArea div').removeClass('flag4');
		}
	);

	$('#flag5').hover(
		function () {
			$('#mapArea div').addClass('flag5');
		},
		function () {
			$('#mapArea div').removeClass('flag5');
		}
	);

	$('#flag6').hover(
		function () {
			$('#mapArea div').addClass('flag6');
		},
		function () {
			$('#mapArea div').removeClass('flag6');
		}
	);

	$('#flag7').hover(
		function () {
			$('#mapArea div').addClass('flag7');
		},
		function () {
			$('#mapArea div').removeClass('flag7');
		}
	);

	$('#reg1').hover(
		function () {
			$('#mapArea div').addClass('flag1');
			$('#flag1').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag1');
			$('#flag1').removeClass('flag-a');
		}
	);

	$('#reg2').hover(
		function () {
			$('#mapArea div').addClass('flag2');
			$('#flag2').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag2');
			$('#flag2').removeClass('flag-a');
		}
	);

	$('#reg3').hover(
		function () {
			$('#mapArea div').addClass('flag3');
			$('#flag3').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag3');
			$('#flag3').removeClass('flag-a');
		}
	);

	$('#reg4').hover(
		function () {
			$('#mapArea div').addClass('flag4');
			$('#flag4').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag4');
			$('#flag4').removeClass('flag-a');
		}
	);

	$('#reg5').hover(
		function () {
			$('#mapArea div').addClass('flag5');
			$('#flag5').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag5');
			$('#flag5').removeClass('flag-a');
		}
	);

	$('#reg6').hover(
		function () {
			$('#mapArea div').addClass('flag6');
			$('#flag6').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag6');
			$('#flag6').removeClass('flag-a');
		}
	);

	$('#reg7').hover(
		function () {
			$('#mapArea div').addClass('flag7');
			$('#flag7').addClass('flag-a');
		},
		function () {
			$('#mapArea div').removeClass('flag7');
			$('#flag7').removeClass('flag-a');
		}
	);

});