/*==============================================================================
 Copyright (C) 2007 JPL Productions.  All Rights Reserved.
 -------------------------------------------------------------------------------
 File:  slidebox.js - Used for .slideBox navigation blocks
==============================================================================*/

// Attach swap behavior on information links:
Event.observe(window, 'load', function()
{
    // Hide non-current slides
	sbSlides = $$('.sbSlide');
	for (i = 0; i < sbSlides.length; i++) {
	    if (!sbSlides[i].hasClassName("current")) {
	        sbSlides[i].addClassName("hidden");
	    }
    }

    // Attach onclick event listener to nav:
	sbNavLinks = $$('.sbNav li');
	for (i = 0; i < sbNavLinks.length; i++) {
	    var a = sbNavLinks[i].firstDescendant();
	    a.setAttribute('href', 'javascript: void(0)');
	    Event.observe(a, 'click', sbSwapSlide.bindAsEventListener(a));
    }

});

// swaps slide:
function sbSwapSlide(e) {
    var li  = $(Event.element(e).parentNode);
    var ul  = $(li.parentNode);
    var box = $(ul.parentNode);

    // update link in nav:
    for (var i = 0; i < ul.childElements().length; i++) {
        ul.childElements()[i].removeClassName("current");
    }
    li.addClassName("current");


    // hide all other slides:
    var slides = box.getElementsByClassName("sbSlide");
    for (var i = 0; i < slides.length; i++) {
        slides[i].addClassName("hidden");
    }

    // show current slide:
    $("sbSlide-" + li.id.split("-")[1]).removeClassName("hidden");
}