function mycarousel_initCallback(carousel)
{
    // 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();
    });
};

function redimensiona_barra(){
	var larg_car = $('.jcarousel-skin-tango').width();
	var n_itens_car = 4;
		
	if(larg_car > 800){
		var n_itens_car = 5;
		if(larg_car > 1024){
			var n_itens_car = 6;
		}
	}

	if(navigator.appName =='Microsoft Internet Explorer'){		
		$('.jcarousel-skin-tango .jcarousel-item').width((larg_car/n_itens_car));
		$('.carrossel_marcas .tl, .carrossel_marcas .tr, .carrossel_marcas .bl, .carrossel_marcas .br' ).width((larg_car/100));	
	}
	
	
	$('#mycarousel').jcarousel({
        auto: 4,
        wrap: 'circular',
		visible: n_itens_car,
        initCallback: mycarousel_initCallback
    });	
	
	/* $("ul#mycarousel li img").mouseover(function(){
		var imagem = $(this).attr("src");
		var nome = imagem.split(".");
		$(this).attr({
			src: nome[0]+"_over.png"
		});
		$(this).mouseout(function(){
			$(this).attr({
				src: imagem
			});
		});
	}); */
	
	
	//Caso for usar, descomentar aqui e fazer a imagem correta.
	
	//$("ul#mycarousel li a").mouseover(function(){ $("img", this).css('margin-top','-40px'); });
	//$("ul#mycarousel li a").mouseout(function(){ $("img", this).css('margin-top','0'); });
    
};

$(document).ready(function() {
	$html_carousel = $('.carrossel_marcas').html();
	//prompt($html_carousel);
	redimensiona_barra();
});
$(window).resize(function() {
	$('.carrossel_marcas').html($html_carousel);
	redimensiona_barra();
	//window.location.reload();
});