var papers;
var links = new Array();

function setup(){
    //search field listeners
    var searchfield = document.getElementById('search_field');
    searchfield.onfocus = search_focus;
    searchfield.onblur = search_blur;
    
    //navigation item listeners
    var nav_links = document.getElementById('navigation').getElementsByTagName('a');
    var nav_spans = document.getElementById('navigation').getElementsByTagName('span');
    for(var i = 0; i < nav_links.length; i++){
        if(nav_links[i].parentNode.className != 'selected'){
            nav_links[i].parentNode.onmouseover = highlight_nav;
            nav_links[i].parentNode.onmouseout = lowlight_nav;
        }
        //nav_spans[i].onmouseover = highlight_nav;
        //nav_spans[i].onmouseout = lowlight_nav;
    }
    
    //for paper nav block links set listeners.
    var lists = document.getElementsByTagName('ul');
    for(var i = 0; i < lists.length; i++){
        if(lists[i].className == 'papers-nav'){
            var list_items = lists[i].getElementsByTagName('span')
            for(var j = 0; j < list_items.length; j++){
                links.push(list_items[j].parentNode);
                list_items[j].parentNode.onclick = highlight;
            }
        }
    }
    
    papers = document.getElementsByTagName('div');
    var i = 0;
    var found = false;
    while(i < papers.length && !found){
        if(papers[i].className == 'layout'){
            found = true;
            papers = papers[i].getElementsByTagName('div');
        }
        i++;
    }
}

function search_focus(){
    var searchfield = document.getElementById('search_field');
    if(searchfield.value == 'search...')
        searchfield.value = '';
}

function search_blur(){
    var searchfield = document.getElementById('search_field');
    if(searchfield.value == '')
        searchfield.value = 'search...';
}

function clear_highlights(){
    for(var i = 0; i < papers.length; i++){
        var classname = papers[i].className;
        classname = classname.replace(/-highlight/, '');
        papers[i].className = classname;
    }
}

function highlight(){
    clear_highlights();
    clear_links();
    this.className = 'highlight';
    var classname = this.parentNode.className;
    for(var i = 0; i < papers.length; i++){
        var old_classname = papers[i].className;
        var replace_with = classname + '-highlight';
        var new_classname = old_classname.replace(classname + '1', classname + '1-highlight');
        new_classname = new_classname.replace(classname + '2', classname + '2-highlight');
        //if(i < 5)
        //    alert('old: ' + old_classname + ' new: ' + new_classname);
        papers[i].className = new_classname;
    }
}

function clear_links(){
    for(var i = 0; i < links.length; i++){
        var classname = links[i].className;
        classname = classname.replace('highlight', '');
        links[i].className = classname;
    }
}

function highlight_nav(){
    var nav_li = this;
    var nav_a = nav_li.getElementsByTagName('a');
    var nav_plus = nav_li.getElementsByTagName('span')[0];
    nav_plus.style.display = 'block';
    //nav_a.style.color = '#ef4323';
    //nav_a.style.paddingLeft = '16px';
}

function lowlight_nav(){
    var nav_li = this;
    var nav_a = nav_li.getElementsByTagName('a');
    var nav_plus = nav_li.getElementsByTagName('span')[0];
    nav_plus.style.display = 'none';
    /*nav_a.style.color = '#000000';
    if(nav_li.className != 'selected')
        nav_a.style.paddingLeft = '16px';*/
}

if (document.getElementById){
  window.onload = setup;
}




/*
border: none; width: 32px; height: 16px;
border: 3px dashed black; width: 26px; height: 10px;
*/