window.onload = init;

var Ftxt1 = null;
var Ftxt2 = null;
var Fact1 = false;
var Fact2 = false;
var aLink = null;
var _JAH = null;
var FADIN = true;
var closer = null;
//var sNav = null;

var PC = 0;

var Glnx = [];

function init(){
  
  newJoinkBox();

  _JAH = new joinkJAH();
  _JAH.setFunction(placeContent);
  
  //sNav = $('sliderNav');  
  closer = $('close');
  closer.onclick = closeFader;
  
  Ftxt1 = new joink.fader(document.getElementById('fader1'), 0, 90, 10);
  Ftxt2 = new joink.fader(document.getElementById('fader2'), 0, 90, 10);  
  Ftxt1.onfinish = finishFade;
  Ftxt2.onfinish = finishFade;
  activeFaderLinks($$('infoFader'));

  
  var el = [];
  _$$(document.body, el);
  PC = el.length;
  for (var a = 0;a<el.length;a++){
    if (typeof el[a] == 'object'){
        new joinkPNG(el[a]);
    }
  }
      
}

function closeFader(){
  closer.style.display = 'none';
  if (aLink){
    if (Glnx[aLink].fia){
      Glnx[aLink].fia.fadeOut();
      aLink = null;
    }
  }  
  if (Fact1){
    FADIN = true;
    Fact1 = false;
    Ftxt1.fadeOut();
  }else{
    FADIN = false;
    Fact2 = false;
    Ftxt2.fadeOut();  
  }
}

function finishFade(){
  FADIN = false;
  if (Fact1){
    closer.style.display = 'block';
    $('fader1').style.zIndex = '60';
    $('fader2').style.zIndex = '50';
  }else if (Fact2){
    closer.style.display = 'block';
    $('fader2').style.zIndex = '60';
    $('fader1').style.zIndex = '50';  
  }
}

function placeContent(){
  
  if (FADIN){
    window.setTimeout('placeContent()', 1);
  }else{
    _txt = _JAH.response;
    var parts = _txt.split(/\$\$/);
    if (parts.length > 1){
      images = eval(parts[0]);
      _txt = parts[1];
      //sNav.style.display = 'block';      
    }
    if (Fact1){
      $('fader1').innerHTML = _txt;
    }else{
      $('fader2').innerHTML = _txt;
    }
    activeFaderLinks($$('infoFader'));
    if ($('iteminfo')){
      createSlider();
      new joinkPNG($('next'));
      new joinkPNG($('previous'));
    }
    
  }
}


function activeFaderLinks(arr){

  var n =0;
  for(;n<arr.length;n++){
    if (!Glnx[arr[n]]){
      Glnx[arr[n]] = new faderLink(arr[n]);
    }
  }

}

function faderLink(a){
  this.href = a;
  this.lia = null;
  this.fia = null;
  this.cloneParent();
  this.href.onclick = function(){ Glnx[this].FadeLink(); return false};
}

faderLink.prototype = {
  
  cloneParent : function(){
    if (this.href.parentNode.parentNode.id == 'nav'){
      this.lia = this.href.parentNode.cloneNode(true);
      this.lia.innerHTML = '&nbsp;';
      this.lia.className += 'active';
      setStyle(this.lia, {position:'relative', top:'-79px'});
  //    this.lia.className = 'active';
      $('nav').appendChild(this.lia);
      this.fia = new joink.fader(this.lia, 0, 90, 10);
    }
  },

  FadeLink : function(){
    
    if (aLink != this.href){
      //sNav.style.display = 'none';
      $('fader1').innerHTML = '<img src="assets/spinner.gif" class="loader" width="16px" height="16px" alt="Loading" />';
      $('fader2').innerHTML = '<img src="assets/spinner.gif" class="loader" width="16px" height="16px" alt="Loading" />';   
                 
      if (aLink){
        if (Glnx[aLink].fia){
          Glnx[aLink].fia.fadeOut();
        }
      }
      if (this.fia){
        this.fia.fadeIn();
      }
      aLink = this.href;

      FADIN = true;
      
      _JAH.doRequest(this.href + '&a=true', 'GET');
      if (Fact1){
          Fact1 = false;
          Fact2 = true;
          Ftxt1.fadeOut();
          Ftxt2.fadeIn();
      }else{
          if (Fact2){
            Fact2 = false;
            Ftxt2.fadeOut();
          }
          Fact1 = true;        
          Ftxt1.fadeIn();
        }    
      }
  }
}

function testJ(){
  window.alert(document.getElementById("fader1").style.zIndex);
  window.alert(document.getElementById("fader2").style.zIndex);  
  }