jQuery(document).ready(function() {
    jQuery('.jcarousel-skin-tango').jcarousel();
    
    /* НАЧАЛО СКРИПТА */
    
    // маленькая вспомогательная функция:
	function getIndex(name, key) {
		var i = name.indexOf(key);
		return name.substring(i + 4, name.length);
	}
    
    // для всех ссылок в карусели:
	$("div.list a, div.mgallery a").each(
		function(index) {
			// добавляем вспомогательный класс:
    		$(this).addClass("elem" + index);
    		// делаем обработчик на наведение мыши:
    		$(this).mouseover( 
				function() {
					var ind = getIndex(this.className, "elem");
					// вычисляем позиционирование элемента:
					var pos = $(this).offset();
					// с помощью этого вычисления выравниваем подсказку по центру элемента:
					var x = parseInt(($(this).width() - $("div.hint" + ind).width()) / 2);
					var y = 105; // отступ с верхней границы картинки
					// устанавливаем позиционирование подсказки: 
					$("div.hint" + ind).css({
						'left': parseInt(pos.left + x) + 'px',
						'top' : parseInt(pos.top  + y) + 'px'
					}).show();
				}
			);
			// делаем обработчик на уход мыши:
    		$(this).mouseout( 
				function() {
					var ind = getIndex(this.className, "elem");
					$("div.hint" + ind).hide();
				}
			);
		}
	);
	
    // для всех блоков-подсказок:
    $("div.hint").each(
		function(index) {
			// добавляем вспомогательный класс:
    		$(this).addClass("hint" + index);
    		// делаем обработчик на наведение мыши:
    		$(this).mouseover( 
				function() {
					$(this).show();
				}
			);
			// делаем обработчик на уход мыши:
    		$(this).mouseout( 
				function() {
					$(this).hide();
				}
			);
		}
	);

    /* КОНЕЦ СКРИПТА */
	
});