window.addEvent( 'domready', function(){
        // create home feature links
        if($('slidr')) {
                initLinks();
        }

        //  SliderWidget
        l = (items = $$('.slider_widget')).length;
        for(i = 0; i < l; i++) new SliderWidget(items[i]);

});
var posArray = new Array();
var linkArray = new Array();
var currentRotatePos = 0;
function initLinks() {
        homeSlidrMoving=false; currentActiveLink = 'ssNav1';
        var divs = $('slidr').getElementsByTagName('div');
        currentDiv = divs[0];
        for (var i =0; i < divs.length; i++) {
                n=i+1; p=i*880; newID = 'ssNav'+n;
                                posArray[i] = p;
                                linkArray[i] = newID;
                var newLink = new Element('a').setHTML(n).injectInside($('slideshow-nav'));
                $(newLink).id=newID;
                $(newLink).href='javascript:doSlide('+p+',\'ssNav'+n+'\',false,'+i+');';
        }
        // highlight current link
        $('ssNav1').className = 'active';
                rotate = setInterval(autoRotate, 3000);
}
// auto rotate
function autoRotate() {
        doSlide(posArray[currentRotatePos], linkArray[currentRotatePos], true, currentRotatePos);
        if(currentRotatePos==$('slidr').getElementsByTagName('div').length-1) {
                currentRotatePos=0;
        } else {
                currentRotatePos++;
        }
}
// slide panel
function doSlide(to, currentLink, auto, pos) {
        if(!homeSlidrMoving) {
                homeSlidrMoving=true;
                $('slidr').slide_to( to,{ transition: Fx.Transitions.quintOut, duration: 5000, onComplete: unlockSlidr } );
                highlightCurrent(currentLink);
        }
                if(auto==true) {

                } else {
                        clearInterval(rotate);
                        currentRotatePos = pos;
                        rotate = setInterval(autoRotate, 20000);
                }
}
// unlock slider
function unlockSlidr() { homeSlidrMoving=false;}

// un-highlight all except current
function highlightCurrent(currentLink) {
        var divs = $('slidr').getElementsByTagName('div');
        if(currentActiveLink != currentLink) {
                for (var i =0; i < divs.length; i++) {
                        e = 'ssNav'+(i+1);
                        $(e).className = '';
                }
                $(currentLink).className = 'active';
                currentActiveLink = currentLink;
        }
}