var ps_banner_rotate = (function( $ ){
                     
      
      function banner_rotate(options, sImages){
                                  
        this.parent = $('#'+options.parentId);
        this.width  = options.width;
        this.height = options.height;
        var _this   = this;
        
        if(options.aImgToRotate)
        {
            this.createDOM(options.aImgToRotate);
        }
        else
        {
            $.get(
                "asset/getimglist.php",
                {dir : 'asset/bannerimg'},
                function(data) {
                      _this.createDOM(data.split(','));
                }
              );
//             _this.createDOM(sImages.split(','));
        }
      }
        
      banner_rotate.prototype.createDOM = function(a){
      
        this.banner_container = $( document.createElement('div')).css({'position':'relative',
                                                                       'margin'  :'0px',
                                                                       'padding' :'0px',
                                                                       'width'   :this.width,
                                                                       'height'  :this.height
                                                                      });
                                                                      
        this.parent.append(this.banner_container);
        
        this.img_1 = $( document.createElement('img')).css({'position':'absolute',
                                                            'margin'  :'0px',
                                                            'padding' :'0px',
                                                            'top'     :'0px',
                                                            'left'    :'0px',
                                                            'z-index' :10
                                                                     }).attr('src','asset/bannerimg/'+a[0]);
      
        this.img_2 = $( document.createElement('img')).css({'position':'absolute',
                                                            'margin'  :'0px',
                                                            'padding' :'0px',
                                                            'top'     :'0px',
                                                            'left'    :'0px',
                                                            'z-index' :20
                                                                     }).attr('src','asset/bannerimg/'+a[1]);
        this.banner_container.append(this.img_2);
        this.banner_container.append(this.img_1);
        
        this.aList = a;
        this.img1CurrI = 0;
        this.img2CurrI = 1;
        
        this.rotate(0);
                                                                     
      }
      
      banner_rotate.prototype.rotate = function(i){
                       
             if(i == 0)
             {
                this.fade_2();
             }
             else
             {
                  if(i==2)
                  {
                      if(this.aList.length > this.img2CurrI+2)
                      {
                          this.img_2.attr('src','asset/bannerimg/'+this.aList[this.img2CurrI+2]);
                          this.img2CurrI = this.img2CurrI + 2;
                          this.fade_1();
                      }
                      else
                      {
                          this.img_2.attr('src','asset/bannerimg/'+this.aList[1]);
                          this.img2CurrI = 1;
                          this.fade_1();                     
                      }
                  }
                  else
                  {
                      if(this.aList.length > this.img1CurrI+2)
                      {
                          this.img_1.attr('src','asset/bannerimg/'+this.aList[this.img1CurrI+2]);
                          this.img1CurrI = this.img1CurrI + 2;
                          this.fade_2();
                      }
                      else
                      {
                          this.img_1.attr('src','asset/bannerimg/'+this.aList[0]);
                          this.img1CurrI = 0;
                          this.fade_2();
                      }
                  }                  
             }

      }
      
      
      banner_rotate.prototype.fade_1 = function(){
            var _this = this;
            
            _this.img_2.css('display','block');
            
            setTimeout(function(){
                  _this.img_1.fadeOut(900, function(){
                                          
                                           _this.img_1.css('z-index',_this.img_2.css('z-index')-1 );
                                           
                                           _this.img_2.fadeIn(900, function(){
                                                                  setTimeout(function(){
                                                                              _this.img_2.css('z-index','20');
                                                                              _this.img_1.css('z-index','10');
                                                                              }, 3000)
                                                                  });
                                           _this.rotate(1)
                                        });
            }, 3000);


      
      }
      
      banner_rotate.prototype.fade_2 = function(){
            var _this = this;
            
            _this.img_1.css('display','block');
            
            setTimeout(function(){
                  _this.img_2.fadeOut(900, function(){
      
                                           _this.img_2.css('z-index',_this.img_1.css('z-index')-1);
                                            
                                           _this.img_1.fadeIn(900, function(){
                                                                  setTimeout(function(){
                                                                              _this.img_1.css('z-index','20');
                                                                              _this.img_2.css('z-index','10');
                                                                              }, 3000)
                                                                  });
                                           _this.rotate(2)
                                        });
            }, 3000);
      
      }
      
    
      
   return banner_rotate;
   
})( jQuery );