$(document).ready(function () {

	
    function mycarousel_initCallback(carousel) {
/* 
    	$('#featured-item-next').bind('click', function () {
            carousel.next();
            return false;
        });
        $('#featured-item-prev').bind('click', function () {
            carousel.prev();
            return false;
        });
*/
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function () {
            carousel.startAuto(0);
        });

        carousel.buttonPrev.bind('click', function () {
            carousel.startAuto(0);
        });

        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function () {
            carousel.stopAuto();
        }, function () {
            carousel.startAuto();
        });
        
        
		var flag = 0;
        $('#flags a').click(function () {
        	if(flag != 1){
    			flag = 1;
    			carousel.stopAuto();
    			$("#slider .ajax-loader").show();
    		//remove images
    			$("#featured_content ul li").hide();	
    			
    		// highlight tabs	
    			$("#flags a").parent().removeClass("active");
    			$(this).parent().addClass("active");
    			
    		// change link podpisi
    			appendLinkSlider($(this));	    		
	    			$.ajax({				  
	    				type: 'POST',
	    				url: '?id=10142',
	    				data: 'get_slide=' + $(this).attr("title"),
	    				dataType: 'text',
	    				success: function(data) {
	    					var item =  $(".jcarousel-item");
	    					var item_width =item.width();
	    					var item_count = 0;
	    					carousel.stopAuto();
		    				carousel.reset();			
		    				$("#featured_content ul").html(data);	    				
		    				$(".jcarousel-item").each(function(){
		    					item_count++
		    				});
		    				var width = item_count * item_width
		    				carousel.size(item_count);
		    				$(".jcarousel-list").css({"width":width});
		    				$("#slider .ajax-loader").hide();
		    				  				    									  
	    				}
	    			});
	    		}
                
    			return false;
            
    		});

		
    };
    
    
	
    
    
    

	appendLinkSlider($("#flags a:first"));
	
	
	var currSlide = 0;
		function getCurrentCarouselItem(){
			$("#featured_content li").each(function(){
				if ($(this).offset().left >= 0){
					currSlide = this;
					return false;
				}
			});
			return currSlide;
		}
		
		
// Меняем подписи (ссылки) при смене каждой катинки	
/*
	function trigger(carousel, state){
		var curent_index_img = $("#featured_content li[jcarouselindex='"+ carousel.first +"']").find("img").attr("alt");
		
		var curent_flag = $(".jcarousel-control ul li a[alt='"+ curent_index_img +"']");
		var text = curent_flag.attr("title");
		$(".jcarousel-control ul li a").removeClass("active");
		curent_flag.addClass("active");
		$("#podpisi a").text(text);
		
		
	}

*/

		
	function jcarouselInit(element){
		element.jcarousel({
			scroll: 1,
			auto: 15, // Sets the time delay between automatic scrolling of the panel
			wrap: null,
			initCallback: mycarousel_initCallback
			// This tells jCarousel NOT to autobuild prev/next buttons
	//		buttonNextHTML: null,
	//		buttonPrevHTML: null,
//			itemVisibleInCallback: trigger
		});
	}
	jcarouselInit($('#featured_content'));
	
	podgonkaSlaidera($("#featured_content"), $(".jcarousel-item"));
	podgonkaSlaidera($(".block_img_front ul"), $(".block_img_front li"));
	podgonkaFlagov($("#flags ul"), $("#flags ul li"));
});


$(window).resize(function() {
	podgonkaSlaidera($("#featured_content"), $(".jcarousel-item"));
	podgonkaSlaidera($(".block_img_front ul"), $(".block_img_front li"));

});

function podgonkaSlaidera(slider, item){	
	slider.attr("style","");
	var item_width =item.outerWidth();
	var item_count = parseInt(slider.outerWidth() / item_width);
	var slider_width = item_count * item_width;
	slider.width(slider_width);
}

function podgonkaFlagov(slider, item){	
	slider.attr("style","");
	var item_width =item.width() + 2;
	var item_count = item.length;
	var slider_width = item_count * item_width;
	slider.width(slider_width);
}
 
function appendLinkSlider(element){
				
	var link = "<a href='?id=" + element.attr('alt') + "'>" + element.attr('title') + "</a>";
			
	$("#podpisi").html(link);
	
}