var slides        = new Array();
slides[1]         = new Array();
slides[1]['head'] = '<p>In-depth knowledge of shaft-mining construction. <strong>Safely sinking shafts since 1970.</strong></p>';
slides[1]['body'] = '<p>Daniel &mdash; Hoist Mechanic</p>';
slides[1]['src']  = '/images/banner/daniel.jpg'
slides[2]         = new Array();
slides[2]['head'] = '<p>How did AMC become the leader in shaft-mining? <strong>By employing leaders at every level.</strong></p>';
slides[2]['body'] = '<p>Randolph &mdash; Shaft Electrician</p>';
slides[2]['src']  = '/images/banner/randolph.jpg'
slides[3]         = new Array();
slides[3]['head'] = '<p>One kilometre underground,<br /><strong>safety is the leader.</strong></p>';
slides[3]['body'] = '<p>Donald &mdash; Shaft Miner</p>';
slides[3]['src']  = '/images/banner/donald.jpg'

var Slideshow = Class.create();
Slideshow.prototype = {
    initialize: function()
    {
        this.slide_1            = $('homeBanner');
        this.slide_2            = $('homeBanner2');
        this.slide_1_head       = $('homeBannerHeader');
        this.slide_2_head       = $('homeBannerHeader2');
        this.slide_1_text       = $('homeBannerText');
        this.slide_2_text       = $('homeBannerText2');
        this.slide_1_img        = $('homeBannerImage');
        this.slide_2_img        = $('homeBannerImage2');
        this.c                  = 1;
        this.duration           = 1.0;
        this.interval           = 10.0;
        this.visible_slide      = this.slide_1;
        this.hidden_slide       = this.slide_2;
        this.hidden_slide_head  = this.slide_2_head;
        this.hidden_slide_text  = this.slide_2_text;
        this.hidden_slide_img   = this.slide_2_img;
        this.iteration          = 0;
        
        this.updateContent(this.c, this.hidden_slide_head, this.hidden_slide_text, this.hidden_slide_img);        
        new PeriodicalExecuter(this.changeSlides.bind(this), this.interval);
    },
    
    updateContent: function(c, tgt_head, tgt_text, tgt_img)
    {
        tgt_head.update(slides[c]['head']);
        tgt_text.update(slides[c]['body']);
        tgt_img.src = slides[c]['src'];
        this.c++;
        if(this.c >= slides.length)
            this.c = 1;
    },
    
    changeSlides: function()
    {
        this.hidden_slide.show();
        this.visible_slide.fade(
        {
            duration: this.duration,
            afterFinish: this.updateVisible.bind(this)
        });
    },
    
    updateVisible: function()
    {        
        if(this.visible_slide == this.slide_1)
        {
            this.visible_slide      = this.slide_2;
            this.hidden_slide       = this.slide_1;
            this.hidden_slide_head  = this.slide_1_head;
            this.hidden_slide_text  = this.slide_1_text;
            this.hidden_slide_img   = this.slide_1_img;
        }
        else
        {
            this.visible_slide      = this.slide_1;
            this.hidden_slide       = this.slide_2;
            this.hidden_slide_head  = this.slide_2_head;
            this.hidden_slide_text  = this.slide_2_text;
            this.hidden_slide_img   = this.slide_2_img;
        }
        
        this.visible_slide.setStyle({zIndex: 10});
        this.hidden_slide.setStyle({zIndex: 9});
        
        this.updateContent(this.c, this.hidden_slide_head, this.hidden_slide_text, this.hidden_slide_img);
    }
};

Event.observe(window, 'load', function(event)
{
    slideshow = new Slideshow();
});