/*
© Umbrace 2011
L.R.Friesema, W.R.Wolters

Full custom slider for p2
*/

// initSlider : should be called on doc.ready
var selectedIndex = 1;
var maxIndex;

function initSlider() {
  if (document.getElementById('loading') != null && document.getElementById('division') != null) {
    $(".loading").hide();
    
    // bind events
    $("#coda-nav-left-1").click(function() {
      slide(-1);
    });
    $("#coda-nav-right-1").click(function() {
      slide(1);
    });

    //hide all
    $(".panel").hide("fast");
    
    //set visible index
    selectedIndex = 1;
    maxIndex = $(".panel").length - 1;
    var hrefLocs = location.href.split('#');
    if (hrefLocs.length == 2) {
      selectedIndex = parseInt(hrefLocs[1]);
      if (isNaN(selectedIndex)) {
        selectedIndex = 1;
      }
      // bounds
      if (selectedIndex < 1) {
        selectedIndex = 1;
      }
      if (selectedIndex > maxIndex) {
        selectedIndex = maxIndex;
      }
    }

    //done; set visual elements
    document.getElementById('loading').style.display = 'none';
    document.getElementById('division').style.display = 'block';
    document.getElementById('panel_' + selectedIndex).style.display = 'block';
  }
}
function slide(movement) {
  var oriSelectedIndex = selectedIndex;
  selectedIndex += movement;
  if (selectedIndex < 1) {
    selectedIndex = maxIndex;
  }
  if (selectedIndex > maxIndex) {
    selectedIndex = 1;
  }
  $("#panel_" + oriSelectedIndex).css("z-index","0");
  $("#panel_" + selectedIndex).css("z-index","2");
  $("#panel_" + selectedIndex).show("slide", { direction: (movement > 0 ? "right" : "left") }, 1000);
  $("#panel_" + oriSelectedIndex).hide();
}