var imgs = ['nw','ne','se','sw','n','e','s','w'];
							
$.each(imgs,function(k,v) {
	var i = new Image();
	i.src = '/images/compas-' + v + '.png?2';
});
$(document).ready(function() {
	if (/clients\/.+/.test(location.href)) {
		jQuery('div.center-inner').append(compasHtml);
	}	
	$('#compas td:not(.compasPic)').hover(focusOn,focusOff).click(function() {
		var link = $(this).attr('link');
		if (!link) return;
		location.href = link;
	});
	
});
							
								
function focusOn() {
	var part = $(this).attr('part');
	$('#compas td.compasPic img').attr('src','/images/compas-' + part + '.png?2');
}
							
function focusOff() {
//$('#compas td.compasPic img').attr('src','/images/compas.png');
}

var compasHtml = "<table id='compas' width='100%' cellpadding='0' cellspacing='0'>\n\
							<tr>\n\
								<td class='nw' part='nw' link='/service/6'>\n\
									<h3>\n\
										Дистанционное обучение персонала\n\
									</h3>\n\
									<p>\n\
										Будущее стало настоящим! Дистанционное обучение стало доступным: бюджетно, проверяемо, управляемо\n\
									</p>\n\
								</td>\n\
								<td class='empty' part='n'></td>\n\
								<td class='ne'  part='ne' link='/service/56'>\n\
									<h3>\n\
										Оценка персонала и компании\n\
									</h3>\n\
									<p>\n\
										Уникальный опыт оценки, максимальная практическая польза: достоверно, бюджетно, быстро!\n\
									</p>\n\
								</td>\n\
							</tr>\n\
							<tr>\n\
								<td class='empty' part='w'></td>\n\
								<td class='compasPic' width='20' height='20' align='left' valign='top'>\n\
									<img alt='Компас' src='/images/compas.png?2'/>\n\
								</td>\n\
								<td class='empty' part='e'> </td>\n\
							</tr>\n\
							<tr>\n\
								<td class='sw'  part='sw' link='/service/7'>\n\
									<h3>\n\
										Корпоративное обучение персонала\n\
									</h3>\n\
									<p>\n\
										Мы обучаем персонал с 1999 года: эффективно, качественно, результативно!\n\
									</p>\n\
								</td>\n\
								<td class='empty' part='s'>\n\
									\n\
								</td>\n\
								<td class='se' part='se' link='/service/9'>\n\
									<h3>\n\
										Управление качеством обслуживания\n\
									</h3>\n\
									<p>\n\
										Эффективно, доступно, технологично!<br/><br/>\n\
									</p>\n\
								</td>\n\
							</tr>\n\
						</table>\n\
													\n\
						<hr class='bottomLine'/>";