window.addEvent('domready', function()
{	
    //Start with a random saddle
    var randomsaddle = $random(0, 4);
    displaySaddle(randomsaddle);
});

function displaySaddle(num)
{
    msecs = 5000 //5 seconds between transitions
    
    lastnum = num - 1
    if(lastnum < 0)
    {
        lastnum = 4
    }
    nextnum = num + 1
    if(nextnum > 4)
    {
        nextnum = 0
    }
    
    if(!$chk($('saddletextdiv')))
    {
        var saddletextdiv = new Element('div',{'id':'saddletextdiv'});
        saddletextdiv.injectTop($('container'));
    }
    var displaySaddleTextFunction = function(){$('saddletextdiv').set('html','<div><span>' + saddle_array_titles[num] + '</span>' + saddle_array_text[num] + '<a href="' + saddle_array_urls[num] + '">Click for more</a></div>')};
    displaySaddleTextFunction.delay(1000);
    
    if($chk($('saddlediv' + num)))
    {
        var saddlediv = $('saddlediv' + num);
        if($chk($('saddlediv' + lastnum)))
        {
            $('saddlediv' + lastnum).set('tween', {duration:'1000'});
            $('saddlediv' + lastnum).tween('opacity','0');
        }
        saddlediv.fade('hide');
        saddlediv.set('tween', {duration:'1000'});
        saddlediv.tween('opacity','1');
        var displaySaddleFunction = function(){displaySaddle(nextnum);};
        displaySaddleFunction.delay(msecs);
    }
    else
    {
        var saddlediv = new Element('div',{'id':'saddlediv'+num,'class':'saddlediv'});
        saddlediv.injectTop($('container'));
        
        var saddlelink = new Element('a',{'href':saddle_array_urls[num]});
        saddlelink.injectInside(saddlediv);
        
        var saddleimg = new Element('img',{'src':'/images/homepage_saddles/' + saddle_array_images[num],'width':'468','height':'451','border':'0','alt':saddle_array_titles[num]});
        saddleimg.addEvent('load',function(){
            if($chk($('saddlediv' + lastnum)))
            {
                $('saddlediv' + lastnum).set('tween', {duration:'1000'});
                $('saddlediv' + lastnum).tween('opacity','0');
            }
            saddlediv.fade('hide');
            saddlediv.set('tween', {duration:'1000'});
            saddlediv.tween('opacity','1');
            
            var displaySaddleFunction = function(){displaySaddle(nextnum);};
            displaySaddleFunction.delay(msecs);
        });
        saddleimg.injectInside(saddlelink);
    }
}