var counter = 0;
var max = 3;

var delay_time = 5; // 5 sec delay before each slide
var t = new PeriodicalExecuter(next_panel, delay_time);

window.onload = function() {
  $$('div#glass>div').each(function(obj,index) { 
    if (index != 0) obj.hide(); 
  });
  $$('div#glass>div').each(function(obj, index) {
    Event.observe(obj, 'mouseover', function(event) { 
      if (is_over_div(event)) show_text();
    })
    Event.observe(obj, 'mouseout', function(event) {
      if (!is_over_div(event)) hide_text();
    })
  });
  $$('#menu li a.showreel').each(function(obj, index) {
    Event.observe(obj, 'click', function(event) { 
      show_panel(index); 
      show_text(); 
      event.stop(); 
    });
  });
  if ((window.location + '').split('#')[1] == 'jobs') {
    $('jobs').show(); 
    $('description').hide();
  }
  loop_panel();
}

var is_over_div = function(event) {
  
  var width = $('glass').getWidth();
  var height = $('glass').getHeight();
  var pos = $('glass').positionedOffset(); 
  return (event.pointerX() >= pos[0] && event.pointerX() <= (pos[0] + width)) &&
  (event.pointerY() >= pos[1] && event.pointerY() <= (pos[1] + height))
}

var hide_text = function() {
  $$('div#glass>div div').each(function(obj,index) { 
    if (index == counter) { 
      if (!obj.style.opacity)
        obj.fade({duration: 0.5});
    }
  });
  loop_panel();
}

var show_text = function() {
  $$('div#glass>div div').each(function(obj,index) { if (index == counter) obj.appear({duration: 0.2});});
  pause_loop();
}

var pause_loop = function () {
  t.stop();
}

var loop_panel = function() {
  t.stop();
  t = new PeriodicalExecuter(next_panel, delay_time);
}

var next_panel = function() {
  if (counter >= max)
    counter = 0;
  else
    counter++;  
  show_panel(counter, false);
}

var show_panel = function(num) {
  counter = num;
  panels = $$('div#glass>div');
  links = $$('#menu li a.showreel');  
  for (i=0; i<=max; i++) {
    panels[i].hide();
    links[i].removeClassName('active');
  }
  panels[num].show();
  links[num].addClassName('active');
  links[num].blur();
  return false;
}

function get_emails() {
  $('kontakt').innerHTML = "kontakt";
  $('mieczyslaw_brzezicki').innerHTML = "mieczyslaw.brzezicki";
  $('michal_swiderski').innerHTML = "michal.swiderski";
  $('maciej_maciejewski').innerHTML = "maciej.maciejewski";
  $('grzegorz_iwacz').innerHTML = "grzegorz.iwacz";
}