// JavaScript Document
var pauseSeconds;
var currentItem = 0;
// activate items  
function activateSlideshow(idName, pauseLength) {
    pauseSeconds = (pauseLength === undefined)? 9 : pauseLength;
    notTransitioning = true;
    playItems = true;
    theList = document.getElementById(idName);
    theListItems = theList.getElementsByTagName('li');
    navListItems = document.getElementById('slideshowNav').getElementsByTagName('li');
    
    listLength = theListItems.length;
    if (listLength>0) {
        currentItem = listLength-1;
        nextItem = 0;
        navListItems[0].style.backgroundPositionX = '0px';
        for (var n=0; n<listLength; n++) {
          //  theListItems[n].style.top ='-15px';
            theListItems[n].style.opacity = 0;
            theListItems[n].style.filter = 'alpha(opacity=0)';
        }
        doTransition();
       // pauseItems();
    } 
}   
function fadeoutItems() {
    notTransitioning = false;
    if (navListItems[currentItem]) $fx(navListItems[currentItem]).fxAdd({ type: 'backgroundx', from: 0, to: -364, step: -26, delay: 50 }).fxRun(null, 1);
    //JSTweener.addTween(theListItems[currentItem].style, { time: .6, transition: "easeOutQuad", top: 30, suffix: { top: 'px' }, opacity:0 });
    JSTweener.addTween(theListItems[currentItem].style, { time: .6, transition: "easeOutQuad", opacity:0 });
}
    
function fadeinItems() {
    //theListItems[nextItem].style.top = '-15px';
    theListItems[nextItem].style.opacity = 0;
    if (navListItems[nextItem]) $fx(navListItems[nextItem]).fxAdd({ type: 'backgroundx', from: -364, to: 0, step: 26, delay: 50 }).fxRun(null, 1);
    JSTweener.addTween(theListItems[nextItem].style, { time: .7, transition: "easeInQuad", opacity: 1, onComplete: pauseItems });
   // JSTweener.addTween(theListItems[nextItem].style, { time: .7, transition: "easeOutQuad", top: 12, suffix: { top: 'px' }, onComplete: pauseItems });
}
    
function pauseItems() { 
    theListItems[currentItem].style.zIndex='1';
    currentItem=nextItem;
    theListItems[currentItem].style.opacity = 1;
    theListItems[currentItem].style.filter = 'alpha(opacity=100)';
    theListItems[currentItem].style.zIndex='10';
    notTransitioning = true;
    if (playItems) JSTweener.addTween(null, { delay: pauseSeconds, onComplete: doTransition });
}    
function doTransition() {
    if (playItems && (listLength>1)) {
        nextItem=currentItem+1;
        nextItem%=listLength;
        fadeoutItems();
        fadeinItems();
    }
}
function goPrev() {
    if ( notTransitioning ) {
	      playItems = false;
        nextItem=listLength+currentItem-1;
        nextItem%=listLength;
        fadeoutItems();
        fadeinItems();
		}
}

function goNext() {
    if ( notTransitioning ) {
        playItems = false;
        nextItem=currentItem+1;
        nextItem%=listLength;
        fadeoutItems();
        fadeinItems();
		}
}
function gotoItem(newItem) {
    if ((currentItem != newItem) && notTransitioning ) {
        playItems = false;
        nextItem = newItem;
        fadeoutItems();
        fadeinItems();   
    }
}
// end activate items  
