/*
 * IMAGINE CMS 1.4
 *
 * (c) 2010 I-MAGE (www.i-mage.sk)
 *
 * Javascript file for Imagine CMS
 * 
 */


/*
 * Trieda strieda obrazky, ktore maju nastavene class='striedaj'
 */
striedanieObrazkov = new Class({
    initialize: function(options){
        this.delay = options.delay; // medzery medzi striedaniami
        this.pocetObr = $$('img[class=striedaj]').length;   // pocet obrazkov
        this.cisloObrazka = this.pocetObr - 1;  // aktualny obrazok, ktory sa meni
        this.startTimer();  // periodicke spustanie funkcie fade out-in
    },
    updateCount: function(){
        this.cisloObrazka--;    // obrazky sa menia
        // ak je mensie ako nula, nastavi sa na najvrchnejsi obrazok
        if (this.cisloObrazka < 0) {
            this.cisloObrazka = this.pocetObr - 1;
        }

        var obrazky = $$('img[class=striedaj]');    // ulozi sa do pola
        // Testuje, ci sme na hlavnej stranke alebo nie
        // Ak nie sme, tak sa fade nespusti
        if (obrazky[this.cisloObrazka] !== undefined) {
                obrazky[this.cisloObrazka].fade('in');
            if (this.cisloObrazka < this.pocetObr - 1) {
                obrazky[this.cisloObrazka + 1].fade('out');
            }
        }
    },
    startTimer: function(){
        this.periodicalTimer = this.updateCount.periodical(this.delay, this);
    }
});

document.addEvent('domready', function() {
    var titulnaStriedanie = new striedanieObrazkov({
        delay : '4000'
    });

    Element.implement({
		//implement show
		show: function() {
			this.setStyle('display','');
		},
		//implement hide
		hide: function() {
			this.setStyle('display','none');
		}
     });
});