document.observe('dom:loaded', function(){
  
  // get updaters from json file
  var randomNumber=Math.floor(Math.random()*11);
var url='/support/updaters/updater_json.txt?id='+randomNumber
  new Ajax.Request(url, {
    method:'get',
    onSuccess: function(transport){
      var json = transport.responseText.evalJSON();
      
      // create win table
      var i=0;
      json.list.each(function(){
        json_obj=json.list[i];
        if(json_obj.platform=='Win'){
          var updaters_content_win='<tr><td class="updater-name">'+json_obj.name+'</td><td class="updater-info"><a href="'+json_obj.info+'" class="more">More info</a></td><td class="updater-dl"><a href="'+json_obj.url+'">Download</a> ('+json_obj.size+')</td></tr>';
          $('updaters-win').insert(updaters_content_win);    
        }
        i++;
      })
      
      // create mac table
      var i=0;
      json.list.each(function(){
        json_obj=json.list[i];
        if(json_obj.platform=='Mac'){
          var updaters_content_mac='<tr><td class="updater-name">'+json_obj.name+'</td><td class="updater-info"><a href="'+json_obj.info+'" class="more">More info</a></td><td class="updater-dl"><a href="'+json_obj.url+'">Download</a> ('+json_obj.size+')</td></tr>';
          $('updaters-mac').insert(updaters_content_mac);    
        }
        i++;
      })
      
      // stripe rows of both tables
      $$('#updaters-win tr:nth-child(odd), #updaters-mac tr:nth-child(odd)').invoke('addClassName', 'shade');
      
      // Mac or Win detect
      if (navigator.appVersion.indexOf('Win')!=-1) {
        $('updaters-win').show();
        $('updaters-mac').hide(); 
        $('win-button').addClassName('selected');
      } else { 
        $('updaters-mac').show();
        $('updaters-win').hide();
        $('mac-button').addClassName('selected');
      }
    }
  });
  
  // platform select tabs
  $$('#platform-nav a').each(function(a) {
    a.observe('click', function(e) {
    	Event.stop(e);
  		var show_plat=($(this).readAttribute('href')).substr(1);
  		$$('#updaters-win, #updaters-mac').invoke('hide');
  		$('updaters-'+show_plat).show();
  		$$('#platform-nav a').invoke('removeClassName','selected');
  		$(this).addClassName('selected');
  	}.bindAsEventListener(a));
  });
  
})