(function ($){
    var galleryDomElements={
        picGalleryElm:null,
        picsContainerElm:null,
        pics:null,
        prevButtonElm:null,
        nextButtonElm:null
        
        
    
    };
    
    var height=782;
    var width=1024;
    var amiationOn=false;
    
    
    
    var currentItemIndex=0;
    var setupPiSize=function(){
        width=Math.max(width, $(document).width());
        
    
    }
   
    
    var initGallery= function(){
        
        
        
        galleryDomElements.picGalleryElm=$('.pics-cont');
        galleryDomElements.picsContainerElm=galleryDomElements.picGalleryElm.find('.pics');
        galleryDomElements.pics=galleryDomElements.picsContainerElm.children();
        galleryDomElements.nextButtonElm=$('.next');
        galleryDomElements.prevButtonElm=$('.prev');
        
        
        width=Math.max(1024, $(document).width());
        galleryDomElements.picsContainerElm.width((width+6)*galleryDomElements.pics.length);
        galleryDomElements.pics.height(height).width(width).css('background-position','center top');
        

      
        
        
        galleryDomElements.nextButtonElm.click(function(){ slide(1); });
        galleryDomElements.prevButtonElm.click(function(){ slide(-1); });
        
        var itemWidth=galleryDomElements.pics.first().width();
        var conWidth=galleryDomElements.picGalleryElm.width();
        
         var currentOffet= galleryDomElements.picsContainerElm.offset();
         
         
        var newOffsetLeft = currentOffet.left -(itemWidth-conWidth)/2;
        
        
        galleryDomElements.picsContainerElm.offset({left:newOffsetLeft ,top:  currentOffet.top});
        
        
        
    
    }
    
    var slide=function(steps){
        if(amiationOn)
            return;
            
        amiationOn=true;
        currentItemIndex+=steps;
        if(currentItemIndex >= galleryDomElements.pics.length){
         var currentLeft= galleryDomElements.picsContainerElm.offset().left;
         galleryDomElements.picsContainerElm.append(galleryDomElements.pics.eq(0));
         galleryDomElements.picsContainerElm.offset({top: galleryDomElements.picsContainerElm.offset().top, left:currentLeft+galleryDomElements.pics.eq(0).outerWidth()});
         galleryDomElements.pics=galleryDomElements.picsContainerElm.children();
         currentItemIndex=galleryDomElements.pics.length-1;
         
            }
        if(currentItemIndex<0){
            var currentLeft= galleryDomElements.picsContainerElm.offset().left;
            galleryDomElements.picsContainerElm.prepend(galleryDomElements.pics.eq(galleryDomElements.pics.length-1));
            galleryDomElements.picsContainerElm.offset({top: galleryDomElements.picsContainerElm.offset().top, left:currentLeft-galleryDomElements.pics.eq(0).outerWidth()});
            galleryDomElements.pics=galleryDomElements.picsContainerElm.children();
            currentItemIndex=0;
            }


         
        var selectedPic= galleryDomElements.pics.eq(currentItemIndex);
        var w = selectedPic.outerWidth();
      
        
        var currentOffet= galleryDomElements.picsContainerElm.offset().left;
        var newOffset = currentOffet + (w*(steps>0 ? -1 :1));

            galleryDomElements.picsContainerElm.animate({'left': newOffset},500,function(){ amiationOn=false;});
        
    
    }

$(function(){initGallery();
    $(window).resize(function(){
         width=Math.max(1024, $(document).width());
         galleryDomElements.picsContainerElm.width((width+6)*galleryDomElements.pics.length);
         galleryDomElements.pics.height(height).width(width).css('background-position','center top');
         var newLeft= -currentItemIndex*galleryDomElements.pics.outerWidth();
         galleryDomElements.picsContainerElm.offset({top: 0, left: newLeft});
        //currentItemIndex=0;
    
    });



});

})(jQuery)