$(document).ready(function(){

    //$(document).pngFix(); 
    SetTimeCarousel();
	$('.jcarousel li').click(function(){
		$('.jcarousel li').removeClass("Select");
		$(this).addClass("Select");
		var urlImg      =   $(this).attr("rel1");
        var urlLink     =   $(this).attr("rel2");
		$('#CarouselLink').attr("href",urlLink);
        $('#CarouselBigImg').attr("src",urlImg);

	});
});


function SetTimeCarousel()
{
    var Current     =   parseInt($('#LastCarousel').val());
    if(Current==0 || Current>0 && Current<5)
    {
        $('.jcarousel li').removeClass("Select");
        $('#NewCarousel li').eq(Current).addClass("Select");
        var urlImg      =   $('#NewCarousel li').eq(Current).attr("rel1");
        var urlLink     =   $('#NewCarousel li').eq(Current).attr("rel2");
        $('#CarouselLink').attr("href",urlLink);
        $('#CarouselBigImg').attr("src",urlImg);
        $('#LastCarousel').val(Current+1);
    
    }else{
        $('#LastCarousel').val(0);
    }
        var i = setTimeout("SetTimeCarousel()", 15000);
}


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 mycarousel_initCallback2(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();
    });
};


jQuery(document).ready(function() {
    jQuery('#NewCarousel').jcarousel({
        auto: 1,
        scroll:1,
        vertical: true,
        wrap: 'last',
        initCallback: mycarousel_initCallback2
    });
    jQuery('#Marka').jcarousel({
        auto: 2,
        scroll:1,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});