/**
 * @author Julenka
 */

var _selected_blurb = 'home';
var _selected_nav = 'home';
var _sections = ["home", "research", "projects", "fun", "cv"];
var _TIMEOUT = 10000;
var _timer;

function timedFade(){
    var next_index = (_sections.indexOf(_selected_blurb) + 1) % _sections.length;
    var fade_in = _sections[next_index] 
    showBlurb(fade_in);
}

function showBlurb(id){
    clearTimeout(_timer);
    if(id != _selected_blurb) {
      // Unselect old element
      // $('btn-' + _selected_blurb).setAttribute("class","");
      new Effect.Morph('btn-' + _selected_blurb, {
        style: 'opacity:0.3; filter=alpha(opacity=30);',
        duration: 0.2
      });
      
      // Select new element
      // $('btn-' + id).setAttribute("class","btn-sel");
      new Effect.Morph('btn-' + id, {
        style: 'opacity:1.0; filter=alpha(opacity=100);',
        duration: 0.2
      });
      
      // Dissapear old blurb
      $('blurb-'+_selected_blurb).setAttribute("style","display:none; z-index:0;");
      
      // Appear new blurb
      $('blurb-'+ id).setAttribute("style","display:block; z-index: 99");


      _selected_blurb = id;
    }
    _timer = setTimeout("timedFade()", _TIMEOUT);
}

function fadeInBlurb(id){
      // Unselect old element
      new Effect.Morph('btn-' + _selected_blurb, {
        style: 'opacity:0.3; filter=alpha(opacity=30);',
        duration: 0.5
      });
      
      // Select new element
      new Effect.Morph('btn-' + id, {
        style: 'opacity:1.0; filter=alpha(opacity=100);',
        duration: 0.5
      });
      
      // Fade old blurb
      new Effect.Morph('blurb-' + _selected_blurb, {
        style: 'opacity:0.0; filter=alpha(opacity=0);',
        duration: 0.5
      });
      
      
      // Appear new blurb
      $('blurb-'+ id).setAttribute("style","display:block; opacity:0.0; filter=alpha(opacity=0);");
      new Effect.Morph('blurb-' + id, {
        style: 'opacity:1.0; filter=alpha(opacity=100);',
        duration: 0.5
      });
      
      _selected_blurb = id;
}

function highlightNav(id){
    if($('btn-' + _selected_nav) == null) {
        // handle case of sm-buttons
        _selected_nav = "sm-" + _selected_nav;
    }
    if (id != _selected_nav) {
        // Unselect old element
        new Effect.Morph('btn-' + _selected_nav, {
            style: 'opacity:0.5; filter=alpha(opacity=50);',
            duration: 0.2
        });
        // $('btn-' + _selected_nav).setAttribute("class","");
        
        // Select new element
        new Effect.Morph('btn-' + id, {
            style: 'opacity:1.0; filter=alpha(opacity=100);',
            duration: 0.2
        });
        // $('btn-' + id).setAttribute("class","btn-sel");
        
        _selected_nav = id;
    } 
}