var data, listType;
var numHot = 0;
var numNew = 0;
var numIndex = 0;

window.onload = function() {
  var tab_hot = document.getElementById('tab_hot');
  var tab_new = document.getElementById('tab_new');
  if(tab_hot.addEventListener) {
    tab_hot.addEventListener('click',function(){bt_More(this.id);}, false);
    tab_new.addEventListener('click',function(){bt_More(this.id);}, false);
  }
  if(tab_hot.attachEvent) {
    tab_hot.attachEvent('onclick',function(){bt_More(event.srcElement.id)},false);
    tab_new.attachEvent('onclick',function(){bt_More(event.srcElement.id)},false);
  }
}

function bt_More(type) {
  if(type == 'tab_hot') {
    $('bt_More').style.display = 'none';
    listType = 'HOT';
  } else if (type == 'tab_new') {
    $('bt_More').style.display = 'block';
    listType = 'NEW';
  }
}

function moreMetoo() {
  if($('tab_hot').hasClassName('TabbedPanelsTabSelected')) {
    listType = 'HOT';
    var hots = document.getElementsByTagName('article');
	var lasturl = hots[hots.length-1].getElementsByTagName('a')[0].href
	var tmp = lasturl.split("/");
	var lastno_HOT = tmp[tmp.length-1];
    var url = '/posts/more'+listType+'/'+lastno_HOT;
  } else if ($('tab_new').hasClassName('TabbedPanelsTabSelected')) {
    listType = 'NEW';
    var hots = document.getElementsByTagName('article');
	var lasturl = hots[hots.length-1].getElementsByTagName('a')[0].href
	var tmp = lasturl.split("/");
	var lastno_NEW = tmp[tmp.length-1];
    var url = '/posts/more'+listType+'/'+lastno_NEW;
  }
  new Ajax.Request(url, {
    method:'get',
    onSuccess:function(httpObj) {
      appendMetoo(httpObj.responseText);
    }
  });
}

function appendMetoo(d) {
  var list;
  if(listType == 'HOT') {
    list = document.getElementById('index_HOT');
  } else if (listType == 'NEW') {
    list = document.getElementById('index_NEW');
  }
  var ele = document.createElement('div');
  ele.innerHTML = d;
  Spry.Effect.DoFade(ele, {duration:0, from:0, to:0, finish:function() {
    list.appendChild(ele);
    Spry.Effect.DoFade(ele, {duration:500, from:0, to:100, finish:function() {
    }});
  }});
}