function mycarousel_itemLoadCallback_horizontal_product_detail(carousel, state){     
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    jQuery.get(    
        "index.php?page=ajax_functions_slider",
        {
            first: carousel.first,
            last: carousel.last,
            image_type: "sc",
            current_products_id: current_products_id,
            current_categories_id: current_categories_id
        },
        function(xml) {
            mycarousel_itemAddCallback_horizontal_product_detail(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemAddCallback_horizontal_product_detail(carousel, first, last, xml){
    carousel.size(parseInt(jQuery('total', xml).text()));
    
    jQuery('item', xml).each(function(i) {
        carousel.add(first + i, mycarousel_getItemHTML_horizontal_product_detail(jQuery(this)));
    });
};

function mycarousel_getItemHTML_horizontal_product_detail(url){
    return '<ul class="box">' +
           '<div style="height: 80px; padding: 0 8px 2px 8px;"><a href="' + jQuery('slider_products_link', url).text() + '" class="clean"><img src="' + jQuery('slider_products_image', url).text() + '" width="80" height="80" alt="' + jQuery('slider_products_familyname', url).text() + '" /></a></div>' +
           '<div style="height: 86px;">' +
           '<div style="height: 42px;"><a href="' + jQuery('slider_products_link', url).text() + '" class="link">' + jQuery('slider_products_familyname', url).text() + '</a></div>' + 
           '<div style="height: 42px; padding: 0 8px 2px 8px;">' + jQuery('slider_products_headline', url).text() + '</div>' + 
           '</div>' +
           '<div style="padding: 0 8px 2px 8px;"><div class="star star_' + jQuery('slider_products_average_rating', url).text() + '"></div></div>' +  
           '<div style="height: 14px; padding: 0 8px 2px 8px;"><span class="currency">' + jQuery('slider_products_currency', url).text() + '</span>&nbsp;<span class="prize" style="height: auto; width: auto; float: none; ">' + jQuery('slider_products_price_hor', url).text() + '</span>&nbsp;<span style="color:#D5D5D5; font-size:11px; line-height:15px; text-decoration:line-through; padding-left: 25px; font-weight:bold;">' + jQuery('slider_products_old_price_hor', url).text() + '</span></div>' +  
           '</ul>'; 
};

jQuery(document).ready(function() {
    jQuery('#mycarousel_horizontal_product_detail ul').empty(); 
    jQuery('#mycarousel_horizontal_product_detail').jcarousel({
        scroll: 4,
        itemLoadCallback: mycarousel_itemLoadCallback_horizontal_product_detail
    });
});