jQuery(document).ready(function() {



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





    var currentItem = 0;
    var itemCount = $(".homeBanners li").size();

    function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
        var i = idx % itemCount;
        if (i < 0) i = itemCount + i;
        showMarkers(i);
    };

    function showMarkers(i) {
        var markers = "";
        for (var x = 0; x < itemCount; x++) {
            var on = (x == i) ? " markerOn" : "";
            markers += "<span class='marker" + on + "'></span>";
        }
        $(".carouselMarkers").html(markers);
    }








    $(".homeBanners").jcarousel({
        start: 0,
        scroll: 1,
        auto: 7,
        wrap: 'circular',
        itemFirstInCallback: mycarousel_itemFirstInCallback,
        initCallback: mycarousel_initCallback
    });

    // $('.jcarousel-container ').css('position', '') // to remove the inline relative declaration

    $(".homeBanners").after("<div class='carouselMarkersWrap'><div class='carouselMarkers'></div></div>");
    showMarkers(0);


    $(".jcarousel-next-horizontal, .jcarousel-prev-horizontal").hide();

    $(".jcarousel-container-horizontal").hover(function() {
        $(".jcarousel-next-horizontal, .jcarousel-prev-horizontal").toggle();

    });


//    $('.slideshowPod').cycle({
//        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
//    });






});