Owl Carusel не работает при изменении значения атрибута - Дизайн и оформление

<div class="owl-carousel">
            <?php foreach($this->images as $k=>$image){?>
            <a class="lightbox   " id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php /*?><?php if ($k!=0){?>style="display:none"  <?php }
                        
     ?>                <?php */?>
                        
  
                         title="<?php print htmlspecialchars($image->_title)?>">
            <div class="item">
              <h4> <img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" /> </h4>
            </div>

<script type = "text/javascript" src = "<?php print JURI::root(); ?>components/com_jshopping/js/owl.carousel.min.js"></script> 
<script>


jQuery(document).ready(function() {
    var owl = jQuery(".owl-carousel").owlCarousel({
        loop: true,
        dots: true,
        margin: 0,
        nav: true,
        navText: ["<", ">"],
        items: 1
    });
    owl.on("changed.owl.carousel", function(event) {
        jQuery(".jshop_img_thumb").removeClass("select").eq(event.page.index).addClass("select")
    });
    jQuery(".jshop_img_thumb").removeAttr("onclick").off().each(function(i, el) {
        jQuery(el).click(function(event) {
            event.preventDefault();
            owl.trigger("to.owl.carousel", [i,1000])
        })
    }).first().addClass("select")
});
 </script>

var length = jQuery(".jshop_img_thumb").length;
...
owl.trigger("to.owl.carousel", [i, length]);

    owl.on("changed.owl.carousel", function(event) {
        jQuery(".jshop_img_thumb").removeClass("select").eq(event.page.index).addClass("select")
    });
    jQuery(".jshop_img_thumb").removeAttr("onclick").off().each(function(i, el) {
        jQuery(el).click(function(event) {
            event.preventDefault();
            owl.trigger("to.owl.carousel", [i,1000])
        })
    }).first().addClass("select")
});

function owlForDiana(){
jQuery(".text_zoom").remove();
jQuery("#list_product_image_middle a.lightbox").wrapAll("<div class='owl-carousel owl-image-middle'></div>");
var thumb=jQuery(".jshop_img_thumb"),
length = thumb.length,
owl = jQuery(".jshop.productfull .owl-carousel.owl-image-middle");
   owl.owlCarousel({
        loop: false,
        dots: true,
        margin: 0,
        nav: true,
        navText: ["<", ">"],
        items: 1
    });
	
    owl.on("changed.owl.carousel", function(event) {
        thumb.removeClass("select").eq(event.page.index).addClass("select");
    });
    thumb.each(function(i, el) {
        jQuery(el).click(function(event) {
            event.preventDefault();
            owl.trigger("to.owl.carousel", [i,length]);
        });
    }).first().addClass("select");
}

jQuery("#list_product_image_middle a.lightbox").wrapAll("<div class='owl-carousel owl-image-middle'></div>");

img.jshop_img_thumb.malo.select{
	border:2px solid rgba(251,163,204,0.99);
}

img.jshop_img_thumb.select{
	border:2px solid rgba(251,163,204,0.99);
}

jQuery(function(){
jQuery(document).ajaxComplete(function(event, xhr, settings){
if (settings.url.indexOf('ajax_attrib_select_and_price')!==-1){
owlForDiana();

loop: length > 1 ? true:false