stepcarousel.setup
({
    galleryid: 'mygallery', //idof carousel DIV
    beltclass: 'recent-view-belt', //class of inner "belt" DIV containing all thepanel DIVs
    panelclass: 'recent-view-panel', //class of panel DIVs each holding content
    noimageclass: 'recently-view-no-image',
    panelbehavior:
{
    speed: 500,
    wraparound: false,
    persist: true
},
    defaultbuttons: { enable: true,
        moveby: 1, leftnav: ['', -5, 35], rightnav: ['', 8, 35]
    }, statusvars: ['', '', 'recentview-message'],
    //register 3 variablesthat contain current panel (start), current panel (last), and total panels 
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})



function deletePic(item, Productplu) {
    var currentwidth = jQuery('#' + item).parent().css("left").replace('px', '');
    //var obj = jQuery('#' + item).parent();
    var obj = jQuery('.recent-common');
    var idRecentView = jQuery('.recent-view-belt').find("div[id$='idRecentView']");
    jQuery('#' + item).parent().fadeOut("slow", function() {
        $.post("/get-data/recent-view.aspx?time=" + GetcurrentDatetime(), { action: "delete-cookies", productplu: Productplu },
        function(data) {
            if (data == 'True') {
                jQuery('#' + item).parent().remove();
                var html = jQuery('.recent-common').html();

                while (obj != null && jQuery(obj).html() != null) {
                    var w = jQuery(obj).css("left").replace('px', '');
                    jQuery(obj).parent().css("left", w);
                    obj = jQuery(obj).next();
                }
            }
            else {
                alert(data);
            }
        });
    });

    jQuery('#' + item).parent().remove();
    
    var left = jQuery(idRecentView).find('.recently-view-no-image:last');
    if (left != null && left.length >0) {
        left = jQuery(left).css("left").replace('px', '');
        left = parseFloat(left);
        left = left + 130;
        jQuery(idRecentView).append("<div class='recently-view-no-image recent-common' style='float: none; position: absolute; left: " + left + "px; padding-left: 14px;'/>");
    }
    else {

        var left = jQuery(idRecentView).find('.recent-view-panel:last');
        left = jQuery(left).css("left").replace('px', '');
        left = parseFloat(left);
        left = left + 130;
        jQuery(idRecentView).append("<div class='recently-view-no-image recent-common' style='float: none; position: absolute; left: " + left + "px; padding-left: 14px;'/>");
    }
    stepcarousel.deleteImage('mygallery');
}