﻿var sliders;
var activeToggleIcon = '/images/icons/smallBurgundyDownArrow.gif';
var inactiveToggleIcon = '/images/icons/smallBurgundyArrow.gif';

window.addEvent('load', function()
{
    sliders = new Fx.Accordion(
        'div.slider', 'div.slide', {
        onActive: function(toggler, element)
        {
            toggler.setStyle('background-image', 'url(\''+activeToggleIcon+'\')');
            toggler.setStyle('border-bottom', '0px solid #ffffff');
        },
        onBackground: function(toggler, element)
        {
            toggler.setStyle('background-image', 'url(\''+inactiveToggleIcon+'\')');
            toggler.setStyle('border-bottom', '1px solid #ffffff');
        }}
    );
    
    /*sliders.togglers.each(function(toggler)
    {
        toggler.addEvent('mouseover', function()
        {
            toggler.setStyle('background-color', '#cccccc');
        });
        toggler.addEvent('mouseout', function()
        {
            if(toggler != sliders.togglers[sliders.previous])
            {
                toggler.setStyle('background-color', 'transparent');
            }
        });
    });*/
});

