var active_article_id_from = null;
var active_article_id_to = null;

function vote_finish_move(){
    var element_from = document.getElementById('article_'+active_article_id_from);
    var element_to = document.getElementById('article_'+active_article_id_to);   
    if(!(element_from && element_to)) return false;
    
    element_from.style.visibility='hidden';
//    element_to.className = 'new';

    element_from.parentNode.replaceChild(element_to.cloneNode(true), element_from);
    element_to.parentNode.replaceChild(element_from.cloneNode(true), element_to);

    var element_from = document.getElementById('article_'+active_article_id_from);
    var element_to = document.getElementById('article_'+active_article_id_to);   
    
    element_from.style.position = '';
    element_to.style.position = '';    
    element_from.style.top = '';
    element_to.style.top = '';    
    element_from.style.left = '';
    element_to.style.left = '';    
    
    element_from.style.borderTop='';
    element_from.style.borderBottom='';


    element_from.style.visibility='';
    element_to.style.visibility='';    
    
    active_article_id_from = null;
    active_article_id_to = null;

//    document.getElementById('article_'+articles[0]).className = 'new_first';        
}


function vote_move(article_id_from){
    if(active_article_id_from || active_article_id_to) return false;
    
    var i=0;
    var from_idx = -1;
    for(i=0;i<articles.length;i++){
        if(articles[i]==article_id_from){
            from_idx = i;
            break;
        }
    }
    if(from_idx==-1 || from_idx==0) return false;    
    var article_id_to = articles[from_idx-1];
    
    var xy_from = YAHOO.util.Dom.getXY('article_'+article_id_from);
    var xy_to = YAHOO.util.Dom.getXY('article_'+article_id_to);    


    active_article_id_from = article_id_from;
    active_article_id_to = article_id_to;

    document.getElementById('article_'+article_id_from).style.borderTop='dashed 1px #0B92CA';
    document.getElementById('article_'+article_id_from).style.borderBottom='dashed 1px #0B92CA';

    var attributes_from = { 
        points: { to:  xy_to } 
    }; 
    var anim_from = new YAHOO.util.Motion('article_'+article_id_from, attributes_from, 
                                          0.4, YAHOO.util.Easing.easeOut);
    anim_from.onComplete.subscribe(vote_finish_move);    
    anim_from.animate();
  
   
    var tmp = articles[from_idx-1];
    articles[from_idx-1] = articles[from_idx];
    articles[from_idx] = tmp;     
        
}

function vote(article_id){
    if(active_article_id_from || active_article_id_to) return false;
    var transaction = YAHOO.util.Connect.asyncRequest('GET', vote_url+article_id);
    var button_el = document.getElementById('button_'+article_id);
    if(button_el) button_el.style.display = 'none';
    vote_move(article_id);
}