/*function loadItemHandler(carousel, start, last, available) {
    if (available) {
        carousel.loaded();
        return;
    }

    var cr = carousel;

    jQuery.get("xhr_process/dpd_gallery.php", function(data) {
        appendItemCallback(cr, start, last, data);
    });
};*/

function appendItemCallback(carousel, start, last, data) {
    var items = data.split("|");

    for (i = start; i <= last; i++) {
        //if (items[i-1] == undefined) {
        if (items[i] == undefined) {
            break;
        }

        var item = carousel.add(i, getItemHTML(items[i-1]));
    }

    carousel.loaded();
};

function getItemHTML(data) {
    var split = data.split(";");
    var url   = jQuery.trim(split[0]);
    var title = jQuery.trim(split[1]);
	var key   = jQuery.trim(split[2]);

    return '<a href="javascript:;" onclick="xhr_get_visualisasi_foto(' + key + ')" title="' + title + '"><img src="' + url + '" width="' + 75 + '" height="' + 75 + '" alt="' + title + '" /></a>';
};

var nextOver = function() {
    jQuery(this).attr("src", "assets/images/carousel/nav_btn_right_1.gif");
};

var nextOut = function() {
    jQuery(this).attr("src", "assets/images/carousel/nav_btn_right_1.gif");
};

var nextDown = function() {
    jQuery(this).attr("src", "assets/images/carousel/nav_btn_right_1.gif");
};

function nextButtonStateHandler(carousel, button, enabling) {
    if (enabling) {
        jQuery(button).attr("src", "assets/images/carousel/nav_btn_right_1.gif")
                      .bind("mouseover", nextOver)
                      .bind("mouseout", nextOut)
                      .bind("mousedown", nextDown);
    } else {
        jQuery(button).attr("src", "assets/images/carousel/nav_btn_right_0.gif")
                      .unbind("unmouseover", nextOver)
                      .unbind("unmouseout", nextOut)
                      .unbind("unmousedown", nextDown);
    }
}

var prevOver = function() {
    jQuery(this).attr("src", "assets/images/carousel/nav_btn_left_1.gif");
};

var prevOut = function() {
    jQuery(this).attr("src", "assets/images/carousel/nav_btn_left_1.gif");
};

var prevDown = function() {
    jQuery(this).attr("src", "assets/images/carousel/nav_btn_left_1.gif");
};

function prevButtonStateHandler(carousel, button, enabling) {
    if (enabling) {
        jQuery(button).attr("src", "assets/images/carousel/nav_btn_left_1.gif")
                      .bind("mouseover", prevOver)
                      .bind("mouseout", prevOut)
                      .bind("mousedown", prevDown);
    } else {
        jQuery(button).attr("src", "assets/images/carousel/nav_btn_left_0.gif")
                      .unbind("unmouseover", prevOver)
                      .unbind("unmouseout", prevOut)
                      .unbind("unmousedown", prevDown);
    }
}

jQuery(document).ready(function() {
    jQuery().ajaxStart(function() {
        jQuery(".loading").show();
    });

    jQuery().ajaxStop(function() {
        jQuery(".loading").hide();
    });

    jQuery("#mycarousel").jcarousel({
        itemVisible: 6,
        itemScroll: 6,
        wrap: true,
        loadItemHandler: loadItemHandler,
        nextButtonStateHandler: nextButtonStateHandler,
        prevButtonStateHandler: prevButtonStateHandler
    });
});