// ------- FADING BOX
// ------- by LUGLIO7
// ------- Luglio7.com
// ------- Mar 2010

var fading_box = {
	
    id: ["banner_home_0", "banner_home_1", "banner_home_2"],
    morph_duration: 500,    
    morph_transition: 'expo:out',    
    morph_delay: 5000,    
    
    // DON'T TOUCH NOTHING OVER THIS LINE ______________ :)
    
    available_id: [],
    current_id: null,
    current_index: 0,
    current_morph: 'in',
    timeout: null,
    
    init: function(){
    
        var counter = 0;
        
        var elements = $$('.banner_home');
        
        for (var a = 0; a < elements.length; a++) {
            fading_box.available_id[counter] = elements[a].id;
            counter++;            
        }
        
        for (a = 0; a < fading_box.available_id.length; a++) {
            $(fading_box.available_id[a]).setStyle('display', 'none');            
            $(fading_box.available_id[a]).set('morph', {
                duration: fading_box.morph_duration,
                transition: fading_box.morph_transition,
                onComplete: function(){
                    if (fading_box.current_morph == 'in') {
                        fading_box.current_morph = 'out';
                        var timeout = window.setTimeout("fading_box.morph()", fading_box.morph_delay);
                    }
                    else {
                        fading_box.current_morph = 'in';
                        $(fading_box.current_id).setStyles({
                            display: 'none'
                        });
                        
                        fading_box.current_index++;
                        
                        if (fading_box.current_index >= fading_box.available_id.length) {
                            fading_box.current_index = 0;
                        }
                        
                        fading_box.current_id = fading_box.available_id[fading_box.current_index];
                        fading_box.morph();
                    }
                       
                }       
            });            
        }
    },
    
    start: function(){
        fading_box.init();
        
        if (fading_box.available_id.length >= 2) {
            fading_box.current_id = fading_box.available_id[0];
            fading_box.morph();
        }
        else{
        	if(fading_box.available_id[0]){
        		$(fading_box.available_id[0]).setStyles({
        			display: 'block'
        		});
        	}
        }
    },
    
    morph: function(){
    
        if (fading_box.current_morph == 'in') {
            
        	$(fading_box.current_id).setStyles({
                display: 'block',
                visibility: 'hidden',
                opacity: '0'
            });
            
            $(fading_box.current_id).morph({
                opacity: [0, 1]
            });   
        }
        else {
            fading_box.morphOut();
        }
    },
    
    morphOut: function(){
        $(fading_box.current_id).morph({
            opacity: [1, 0]
        });
    }
    
}

window.addEvent('domready', function(){
    // home
    fading_box.start();    
});