var highlightSpeed = 500;
var selectedSlide;
var AllOptionsLabel = '';

function SetSlideActive(slideId) {
        if(AllOptionsLabel != '') {
            $('allOptionsLabel').innerHTML = AllOptionsLabel;
        }
        $('singleSlideDisplayPanel').innerHTML = $('singleSlidePanelHtml').innerHTML;
        selectedSlide = slideId;
        FaidInElementWithHtml($('singleSlide'), slideHtml[slideId]);       
}

function FaidInElementWithHtml(element, html) {
        element.setOpacity(0);
        element.innerHTML = html;
        var fx = new Fx.Styles(element, {duration:highlightSpeed, wait:false});
        fx.start({ opacity: 1 });
}

function MoveSlide(offset) {
    selectedSlide += offset;
    if(selectedSlide > (slideHtml.length - 1)) {
        selectedSlide = 0;
    } else if (selectedSlide < 0) {
        selectedSlide = slideHtml.length - 1;
    }
    SetSlideActive(selectedSlide);
}

function SeeAllOptions() {
    FaidInElementWithHtml($('singleSlideDisplayPanel'), $('singleSlideMenuHtml').innerHTML);
}

function InitializeArrowRollovers() {
    AddGifImage('arrow_left_off');
    AddGifImage('arrow_left_on');
    AddGifImage('arrow_right_off');
    AddGifImage('arrow_right_on');
    
    AddVisualCues('leftArrow', 'arrow_left');
    AddVisualCues('rightArrow', 'arrow_right');
}


function AddVisualCues(arrowName, imageName) {
    $(arrowName).addEvent('mouseover', function(event) {
	    event = new Event(event).stop();
	    $(arrowName).className = 'arrowActive';
        SetImage(arrowName + 'Img', imageName + '_on');	    
    });
    
    $(arrowName).addEvent('mouseout', function(event) {
	    event = new Event(event).stop();
	    $(arrowName).className = 'arrowInactive';
	    SetImage(arrowName + 'Img', imageName + '_off');	    
    });
}