var fadeInProgress = false
var nextSlide;
var thisSlide;

function pageInit(){
    if($('featMore')){
        $('featMore').onclick = function(){
            nextSlide = this.href
            thisSlide = this.rel
           
            nextSlide = nextSlide.split('=')
            if (fadeInProgress == false){
                changeSlide(nextSlide[1],thisSlide)
            }
            return(false)
        }
    }
    if($('featBack')){
        $('featBack').onclick = function(){
            nextSlide = this.href
            thisSlide = this.rel
           
            nextSlide = nextSlide.split('=')
            if (fadeInProgress == false){
                changeSlide(nextSlide[1],thisSlide)
            }
            return(false)
        }
    }
}

function changeSlide(nextSlide,currentSlide){
    fadeInProgress = true
    $(nextSlide).removeClassName("hidden")
    $(nextSlide).hide();
    Effect.Appear(nextSlide, { duration: 0.4,from:0.0, to:1.0})
    Effect.Fade(currentSlide, { duration: 0.4,from:1.0, to:0.0,afterFinish:function(){
        fadeInProgress = false
    }})
}

document.observe("dom:loaded",function() {pageInit();});