อยากทราบวิธีการทำ jQuery, javascript ลูกศรเลือนขึ้นเลือนลงสินค้าใน link http://apidev.acommerce.asia/productScript/

(function (jQuery) {
    jQuery.fn.extend({
        vscroller: function (options) {
            var settings = jQuery.extend({ speed: 1000, stay: 2000, newsfeed: '', cache: true }, options);
            return this.each(function () {
                var interval = null;
                var mouseIn = false;
                var totalElements;
                var isScrolling = false;
                var h;
                var t;
                var wrapper = jQuery(this).addClass('product-warpper');
                if(jQuery(window).width() < 1200){
                    return; }
                if (settings.newsfeed == '') { //alert('No XML file specified'); 
                return; }
                jQuery.ajax({
                    url: settings.newsfeed,
                    type: 'GET',
                    dataType: 'xml',
                    cache: settings.cache,
                    success: function (xml) {

                      console.log(jQuery(window).width());

                       
                        var contentWrapper = jQuery('<div/>').addClass('products-contents-wrapper');
                        var productsHeader = jQuery('<div/>').addClass('products-header');


                        var styleTemplate = jQuery(xml).find('newslist').attr('styleTemplate');
                      
                        if(styleTemplate != undefined){  productsHeader.addClass(styleTemplate); }
                        else{productsHeader.addClass('default-style-header');}

                        var dataLink = jQuery(xml).find('newslist').attr('homelink');
                                    
                        var divlinkhome = jQuery('<div/>').addClass('divlinkhome');
                        var alinkhome = jQuery('<a href="'+ dataLink + '" class=alinkhome><div class=divlinkhome></div></a>');    
                        //alinkhome.append(divlinkhome);
                        productsHeader.append(alinkhome);

                        var productsContents = jQuery('<div/>').addClass('products-contents');
                        wrapper.append(contentWrapper);
                        var arrowPint = jQuery('<div/>').addClass('arrowPint');
                        var divbtnclose = jQuery('<div/>').addClass('clouse_btn').text('close');
                        contentWrapper.append('<p class=divText>'+ jQuery(xml).find('titleText').text() +'</p>');

                       
                        contentWrapper.append(arrowPint);                        
                        contentWrapper.append(productsHeader);
                        contentWrapper.append(productsContents);


                        
                            jQuery(xml).find('news').each(function () {
                                    var news = jQuery('<div/>').addClass('news');
                                    productsContents.append(news);
                                    var history = jQuery('<div/>').addClass('history');
                                    var description = jQuery('<div/>').addClass('description');
                                    var price = jQuery(this).find('price').text();
                                    var url = jQuery(this).attr('url');
                                    var urlproduct = jQuery(this).find('url').text();
                                    var name = jQuery(this).find('name').text();   

                                    news.append(history);
                                    news.append(description);
                                    var imageURL = jQuery(this).find('image').text();
                                    var imageCover =  getProduct(imageURL,urlproduct,name);
                                    history.append(imageCover);
                                    var classDiv = jQuery('<div/>').append('showprice');
                                    var showprice = classDiv.html("<a href='" + urlproduct + "' class=printprice>" + price + "</a>");       
                                    

                                    jQuery(imageCover , ".printprice").on('mouseover',function(ever){
                                  
                                            jQuery(this).css({
                                            'margin-left': '0px'


                                            });
                                            jquery(this).animate({left:'1100px'});
                                             

                                    }); 
                                    jQuery(imageCover , ".printprice").on('mouseout',function(ever){
                                        jQuery(this).css({
                                            'margin-left': '-30px'

                                        });
                                        jQuery(this).animate({left:'250px'});
                                      //  jQuery(showprice).remove();  
                                    });            
                        });//(xml).find('news')                       

                        //show_content
                        //jQuery('.products-contents').hide();

                       
                        jQuery('.products-header').on("click",function(){
                                jQuery('.products-contents').toggle(1000);
                                arrowPint.toggle(1000);
                                jQuery('.divText').toggle(1000);


                        });                      
                    }//sucess

               


               



                });

                    function getProduct(image,url,name){
                        var divCover = jQuery("<div/>").addClass('divCover');
                        var alink = jQuery('<a/>').addClass('alink');
                        alink.attr('href', url);
                        alink.attr('alt',name);
                        var img = jQuery('<img class="dynamic">'); //Equivalent: (document.createElement('img'))
                        img.attr('src', image);
                        img.attr('alt',name);
                        alink.append(img);
                        divCover.append(alink);

                        return divCover;


                    }
                 

            });
        }
    });


 jQuery(document).ready(function () {            
        
                jQuery(window).resize(function(){
                //console.log(jQuery(window).width());
                    if(jQuery(window).width() < 1200){
                        jQuery("#product-warpper").css({
                          'display' : 'none'
                        });
                    }
                    else{
                      jQuery("#product-warpper").css({
                          'display' : 'block'
                        });

                    }
              });
    });



})(jQuery);