/**
 * Этот скрипт показывает/скрывает стрелочку над фотками товаров в каталоге - 
 * при наведении курсора на фотку или на текст. ссылку под фото.
 *
 * Внимание! В скрипте жестко зашиты ширина и высота контейнера фотки - 152х152 пкс,
 * а также размеры стрелки - 38х38.
 *
 */
var arr = $('<a href="" class="arrow-hover"/>');// стрелка
arr.hide_timeout = null;// стрелка скрывается по таймауту, чтобы можно было отменить скрытие
/**
 * Когда стрелка показывается, если навести на саму стрелку курсор, зажжется событие "Mouse Out" на
 * фото, при этом создается таймаут на скрытие стрелки. Чтобы стрелка не скрывалась - 
 * при наведении мыши на саму стрелку мы очищаем этот таймаут.
 */
arr.mouseover(function(){
	cancel_arrow_hide();
});
// всунем стрелку в ДОМ
$(function(){
	$(document.body).append(window.arr);
});

function arrow_show(a) {
	cancel_arrow_hide();
	var ofs = $(a).offset();
	window.arr.attr('href', a.href);
	// вот здесь как раз результат жесткого зашития размеров контейнера фотки и стрелки
	window.arr.css({
		left: (ofs.left + 57) + 'px',
		top: (ofs.top + 57) + 'px'
	});
	window.arr.show();
}

function arrow_hide() {
	window.arr.hide_timeout = setTimeout(do_arrow_hide, 100);
}

function do_arrow_hide() {
	window.arr.hide();
}

function cancel_arrow_hide() {
	if (window.arr.hide_timeout) {
		clearTimeout(window.arr.hide_timeout);
	}
}