/**
* html vervangen via fade out/in 
* OPGELET: deze code is niet in class geplaats want dan werkt het niet !?
* dus wanneer nodig in object aanroep naar deze functie
*/
function replace_html(id, html, speed)
 {  
  $('#' + id).animate
   (
    {opacity: 0},
    speed,
    '',
    function()
     {
      $('#' + id).html(html);
       
      $('#' + id).animate
       (
        {opacity: 1},
        speed
        )
      }
    );  
 } 
 

g_left_banner_group_nr = 0;

function get_banner_html(id, url, target)
 {
  result = '<div class="banner_left">' +
           '  <a href="' + url + '" target="' + target + '">' +
           '    <img src="http://www.nieuws.nl/images/banner_lokaal_' + id + '.jpg" border="0">' +
           '  </a>' +
           '</div>';

  return result; 
 }

function get_group_html(group)
 {
  result = '<br>';//'<div class="banner_left_top"></div>';
  for (i=0; i < group.length; i++)
   {
    result = result + get_banner_html(group[i].id,
                                      group[i].url,
                                      group[i].target);
   }

  return result;
 }

function rotate_left_banner_groups()
 {
  var html = get_group_html(g_left_banner_groups[g_left_banner_group_nr]);
  replace_html('banners_leftcolumn', html, 700)

  g_left_banner_group_nr++;
  if (g_left_banner_group_nr >= g_left_banner_groups.length)
   {
    g_left_banner_group_nr = 0;
   }

  setTimeout('rotate_left_banner_groups()', 10000);
 }
 

/**
* class om right en top banners te vervangen
*
*/
function tbanner_rotator(banners, position_id, dt)
 {
  this.curr_banner_nr = 0;
  
  this.banners = banners;
  this.position_id = position_id;
  this.dt = dt;
   
  this._rotate = function()
   {
    var banner = this.banners[this.curr_banner_nr]; 
     
    var html = '';
    if (banner.id > 0)
     {
      this.dt2 = this.dt;      
      var html = '<a href="' + banner.url + '" target="' + banner.target + '">' +
                 '  <img src="http://www.nieuws.nl/images/banner_lokaal_' + banner.id + '.jpg" border="0">' +
                 '</a>';
     }   
    else
     {     
      // speciaal voor de topbanner die een banner met ID = 0 heeft      
      this.dt2 = 200;
     } 

    replace_html(this.position_id, html, 700);
   
    // meer dan 1 banner dan loop 
    if (this.banners.length > 1)
     {
      this.curr_banner_nr++;
      if (this.curr_banner_nr >= this.banners.length)
       {
        this.curr_banner_nr = 0;
       }      
      this._loop();
     }     
   }

  this._loop = function()
   { 
    var _self = this;
    setTimeout
     (
      function()
       {
        _self._rotate();
       },
      _self.dt2
     );    
   } 
   
  this.execute = function()
   {
    // geen banners, dan geen loop of banner vervangen    
    if (this.banners.length == 0)
     {
      return;
     }
    
    // meerdere banners  
    this._rotate();
   };
 
 
 }