var vidViewer = new Class(
{
      Implements: [Options, Events],
        
      options:
      {
            container : '',
            container_name : '',
            width: 178,
            columns : 1,
            rows : 2,
            length : 0,
            type: 'horz',
            category : 0,
            show : 'c',
            order : 0,
            query: '',
          
            exception : 0,
            owner : '',
            more : false
      },
      
      initialize: function(opt)
      {
            this.setOptions(opt);
            this.options.container_name = opt['container'];
            this.options.container = $(opt['container']);
            if (!this.options.container) { alert('Container "'+opt['container']+'" was not found.'); return false; }
            if (this.options.query != '') { this.options.show = ''; }
      },
      
      view: function(){
        
            var self = this;
            
            var jsonRequest = new Request.JSON(
            {
                  method: 'post',
                  
                  url: 'vid_request.php',
                  
                  data: {'task': 'vidViewer', 'columns': self.options.columns, 'rows': self.options.rows, 'category': self.options.category, 'show': self.options.show, 'order': self.options.order, 'exception': self.options.exception, 'user': self.options.owner, 'length': self.options.length, 'more': self.options.more, 'query': self.options.query,'featured': self.options.featured}, 
                  
                  onComplete: function(jsonObj)
                  {
                        self.options.container.empty();
                        
                        var nl_end = new Element('div', { 'class': 'vidViewer_nlb' }).inject(self.options.container);
                        
                        var ckey = self.options.columns;
                        var clas = jsonObj.vids.length;
                        
                        var outer_class = (self.options.type == 'horz') ? 'vidViewer_h' : 'vidViewer_v';
                        var first_class = (self.options.type == 'horz') ? 'vidViewer_h-left' : '';
                        var second_class = (self.options.type == 'horz') ? 'vidViewer_h-right' : 'vidViewer_v-bottom';
                        
                        if (self.options.type == 'vert') { new Element('div', { 'class': 'vidViewer_v-middle', 'html': '' }).inject(self.options.container); }
                        
                        var total_results = 0;
                        
                        jsonObj.vids.each(function() { total_results++; });
                        
                        if (total_results > 0)
                        {
                              if(self.options.query != '')
                              {
                                    if($('related_vids_container') && total_results == 1)
                                    {                                                    
                                        $('related_vids').style.height='100px';
                                    }
                              }
                              
                              if(self.options.featured == 1)
                              {
                                    if($('featured_vids_container') && total_results == 1)
                                    {                                                    
                                        $('featured_vids').style.height='100px';
                                    }  
                              }
                              
                              if(self.options.owner != '')
                              {
                                    if($('owner_vids_container') && total_results == 1)
                                    {													
                                          $('owner_vids').style.height='100px';
                                    }
                              }
                              
                              self.options.container.setStyle('display', 'block');
                              
                              jsonObj.vids.each(function(vid, key)
                              {
                                    var h = new Element('div', {
                                        'styles': { width: self.options.width },
                                        'class': outer_class
                                    }).inject(self.options.container);
                                    
                                    var h_inner = new Element('div').inject(h);
                                    var h_first = new Element('div', { 'class': first_class }).inject(h_inner);
                                    var h_second = new Element('div', { 'class': second_class }).inject(h_inner);
                                    var nl = new Element('div', { 'class': 'vidViewer_nl' }).inject(h_inner);
                                    
                                    var h_thumb_a = new Element('a', {
                                    
                                        'class': 'vidViewer_h-thumb',
                                        'href': vid.vid_url,
                                        'title': vid.vid_title
                                        
                                    }).inject(h_first);
                                    
                                    var h_thumb = new Element('img', {
                                    
                                        'width': '80',
                                        'height': '70',
                                        'src': vid.vid_thumb,
                                        'class': 'vidViewer_h-thumb',
                                        'styles': {'width': '80px', 'height': '70px'}
                                        
                                    }).inject(h_thumb_a);
                                    
                                    var h_title = new Element('div').inject(h_second);
                                    
                                    var h_title_a = new Element('a', {
                                    
                                        'class': 'vidViewer_h-title',
                                        'href': vid.vid_url,
                                        'title': vid.vid_title,
                                        'html': vid.vid_title_short
                                        
                                    }).inject(h_second);
                                    
                                    var h_info = new Element('div', {
                                    
                                        'class': 'vidViewer_h-info',
                                        'html': vid.vid_views
                                        
                                    }).inject(h_second);
                                    
                                    var h_stars = new Element('div',{
                                    
                                        'class': 'vidViewer_h-info',
                                        'html': vid.vid_stars
                                        
                                    }).inject(h_second);
                                    
                                    if ((key + 1) == ckey)
                                    {
                                        if (self.options.type == 'vert') { new Element('div', { 'class': 'vidViewer_v-middle', 'html': '' }).inject(self.options.container); }
                                        new Element('div', { 'class': 'vidViewer_nl' }).inject(self.options.container);
                                        if (self.options.type == 'vert' && clas != ckey) { new Element('div', { 'class': 'vidViewer_v-middle', 'html': '' }).inject(self.options.container); }
                                        ckey = ckey+self.options.columns;
                                    }
                              });
                                
                              new Element('div', { 'class': 'vidViewer_nlb' }).inject(self.options.container);
                              
                              if (jsonObj.more == true)
                              {
                                    new Element('div', { 'class': 'vidViewer_moretext', 'html': '[ <a href='+jsonObj.url+'>'+pevid_lang_13500092+'</a> ]' }).inject(self.options.container);
                                    new Element('div', { 'class': 'vidViewer_nlbb' }).inject(self.options.container);
                              }
                              
                              if (typeof viewerSuccess == 'function') { viewerSuccess(self.options.container_name); }
                        }
                        else
                        {
                              self.options.container.setStyle('display', 'none');
                              if (typeof viewerFailure == 'function') { viewerFailure(self.options.container_name); }
                        }
                  }
                
            }).send();
            
      },
      
      layout: function(layout)
      {
            if (layout == 'side')
            {
                  this.options.width = 178;
                  this.options.columns = 1;
                  this.options.length = 10;
            }
            else if (layout == 'center')
            {
                  this.options.width = 218;
                  this.options.columns = 2;
                  this.options.length = 20;
            }
            else if (layout == 'center-vertical')
            {
                  this.options.width = 80;
                  this.options.columns = 5,
                  this.options.length = 10;
                  this.options.type = 'vert';
            }
      }
});