window.addEvent('domready', function()
{
    LoadSliders();
    FocusUserName();
});

function LoadSliders()
{
    //do the following - one for each of iArticleAmount
    
    if (document.getElementById('Slider1') != null)
    {
        //Put the id of your containers in here
        var mySlide1 = new Fx.Slide('Slider1');
        //hide them to start with
        setStartState(mySlide1); //.hide();
        //Put the id of your slider containers here
        $('Toggle1').addEvent('click', function(e){
	        e = new Event(e);
	        mySlide1.toggle();
	        e.stop();
        });
    }
    
    if (document.getElementById('Slider2') != null)
    {
        var mySlide2 = new Fx.Slide('Slider2');
        mySlide2.hide();
        $('Toggle2').addEvent('click', function(e){
	        e = new Event(e);
	        mySlide2.toggle();
	        e.stop();
        });
    }
    
    if (document.getElementById('Slider3') != null)
    {
        var mySlide3 = new Fx.Slide('Slider3');
        mySlide3.hide();
        $('Toggle3').addEvent('click', function(e){
	        e = new Event(e);
	        mySlide3.toggle();
	        e.stop();
        });
    }
    
    if (document.getElementById('Slider4') != null)
    {
        var mySlide4 = new Fx.Slide('Slider4');
        mySlide4.hide();
        $('Toggle4').addEvent('click', function(e){
	        e = new Event(e);
	        mySlide4.toggle();
	        e.stop();
        });
    }

    if (document.getElementById('Slider5') != null)
    {
        var mySlide5 = new Fx.Slide('Slider5');
        mySlide5.hide();
        $('Toggle5').addEvent('click', function(e){
	        e = new Event(e);
	        mySlide5.toggle();
	        e.stop();
        });
    }
}

function FocusUserName() {
    if (document.getElementById('loginbox-username') != null)
    {
        $('Toggle1').addEvent('click', function(e) {
          $('loginbox-username').focus();
        });
    }
}