$(function() {
	$("div.lifeslider").jcarousel({
    	wrap: 'circular',
    	scroll: 5,
    	visible: 5,
		auto:3,
//    	start: Math.floor((Math.ceil($(".themes").find("li").length / 4)) * Math.random()) * 4,
    	buttonNextHTML: null,
        buttonPrevHTML: null,
		itemVisibleInCallback: {
            onBeforeAnimation: function(){},
            onAfterAnimation:  function(){
				//console.log($("div.lifeslider ul").width());
				$("div.lifeslider ul").css({
					"width": ($("div.lifeslider ul").width() + 2) + "px"
				});
			}
        },
        initCallback: function(carousel){
			$(".prev").bind("click",function(){
		        carousel.prev();
				carousel.options.auto=0;
				$('.forBuble').html("");
				return false;
		    })
			$(".next").bind("click",function(){
				carousel.next();
				carousel.options.auto=0;
				$('.forBuble').html("");
				return false;
		    });
			$("#clients li").live("click", function(e){
				e.preventDefault();
				carousel.options.auto=0;
				carousel.scroll($(this).attr("jcarouselindex")-2);
				
				var t = this;
				setTimeout(function(){
					$(t).find('.buble').clone().prependTo('.forBuble');
				}, 200);
				delete t;
				return false;
			});
		}
    });
	
	$('.buble').wrapInner('<div class="topTxt"></div>')
	$('.buble').prepend('<div class="topBub"><div class="close"></div></div>')
	$(document).click(function(e){
		
		if(!$(e.target).is(".buble, .buble *, #clients li, #clients li *")){
			$('.forBuble').html("");
			$('div.lifeslider').jcarousel('startAuto',3);
		} else if ($(e.target).is(".buble .close")) {
			$('.forBuble').html("");
			$('div.lifeslider').jcarousel('startAuto',3);
		} else if ($(e.target).is("#clients li, #clients li *")) {
			$('.forBuble').html("");

			//$(e.target).parents("li").eq(0).find('.buble').clone().prependTo('.forBuble');
		}
	})
	$("#clients li a").click(function(e){
		e.preventDefault();
	});
});