function mycarousel_initCallback(carousel)
{
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};


$(document).ready(function(){
	
		//$('a.thumb').tooltip({track: true, delay: 0, showURL: false, fade: 0});
		
   		$('#indcarousel').jcarousel({
    	    wrap: 'last',
    	    auto: 3,
    	    scroll: 3,
    	    animation: 'slow',
    	    initCallback: mycarousel_initCallback
	    });

   		$('#mycarousel').jcarousel({
    	    wrap: 'last',
    	    scroll: 2
	    });
	    
	    $("#mycarousel > .jcarousel-item").click(function(){
	    	$("#mycarousel > .jcarousel-item").removeClass("jcarousel-item-act");
	    	$(this).addClass("jcarousel-item-act");
	    });


		// Эта функция добавляет к миникартинке название в виде ссылки (полупрозрачный слой в нижней части миникартинки),
		// содержащей текст атрибута title самой миникартинки
		// Если title миникартинки пуст, то ссылка с названием не добавляется
		// Если title длинее заданной величины, то текст добавляемой ссылки обрезается
		// После добавления ссылки, соответствующей длинному title, для нее активируется функция tooltip
		// Сам атрибут title миникартинки послен всех манипуляций и добавления ссылки удаляется.
	    $('a.thumb').each(function(){
	    	var ttl_len = 22; // максимальная длина необрезаемого названия
	    	var obj = $(this); //миникартинка (объект)
	    	var ttl = obj.attr('title'); //текст title (названия) миникартинки
	    	if (ttl){ //если название есть
	    		if (ttl.length > ttl_len){ //и больше допустимой длины 
	    			obj.append('<a class="thumb_info" title="' + ttl +'">' + ttl.substr(0,ttl_len) + ' ...</a>'); //обрзаем название и всавляем ссылку-слой в миникартинку
	    			obj.find('a.thumb_info').tooltip({track: true, delay: 0, showURL: false, fade: 0}); //добавляем всплывающую подсказку для созданной ссылки
	    		} else {
	    			obj.append('<a class="thumb_info">' + ttl + '</a>', function(){alert("!!!!");}); //если название короткое, то просто добавляем его в ссылку слой и не используем всплывающую подсказку
	    		}
	    		obj.removeAttr('title'); //удаляем атрибут title для миникартинки
	    	}
	    });
	    
});


