var Ebatech = {};

Ebatech.Banner = new Class({
    Implements: [Options],
    
    options : {
        defaultView: 0
    },
    
    labels: null,
    images: null,
    taglines: null,
    navlinks: null,
    openings: null,
    
    initialize : function() {
		if($('homebannerholder')) {
		    this.labels = $$('.nav-text');
		    this.images = $$('.picture');
		    this.taglines = $$('.tagline');
		    this.navlinks = $$('.nav-link');
		    this.openings = $$('.opening');

		    this.enableDefault();
		    this.activate();
		}
    },
    
    activate: function() {
        this.labels.each(function(label, index) {
            label.addEvents({
                'mouseover': function() {
                    this.disableDefault();
                    this.images[this.options.defaultView].setStyle('display', 'none');
                    this.taglines[this.options.defaultView].setStyle('display', 'none');
                    this.navlinks[this.options.defaultView].setStyle('color', '#00bcea');
                    this.images[index].setStyle(
                        'display', 'block'
                    );
                    this.navlinks[index].setStyle(
                        'color', '#ffffff'
                    );
                    this.taglines[index].setStyle(
                        'display', 'block'
                    );
                    this.openings[index].removeClass('opendisabled');
                    this.openings[index].addClass('openactive');
                }.bind(this),
                'mouseout': function() {
                    this.images[this.options.defaultView].setStyle('display', 'block');
                    this.taglines[this.options.defaultView].setStyle('display', 'block');
                    this.navlinks[this.options.defaultView].setStyle('color', '#ffffff');
                    this.images[index].setStyle(
                        'display', 'none'
                    );
                    this.navlinks[index].setStyle(
                        'color', '#00bcea'
                    );
                    this.taglines[index].setStyle(
                        'display', 'none'
                    );
                    this.openings[index].removeClass('openactive');
                    this.openings[index].addClass('opendisabled');
                    this.enableDefault();
                }.bind(this)
            });
        }.bind(this));
    },
    
    enableDefault: function() {
        this.images[this.options.defaultView].setStyle('display', 'block');
        this.taglines[this.options.defaultView].setStyle('display', 'block');
        this.navlinks[this.options.defaultView].setStyle('color', '#ffffff');
        this.openings[this.options.defaultView].removeClass('opendisabled');
        this.openings[this.options.defaultView].addClass('openactive');
    },
    
    disableDefault: function() {
        this.images[this.options.defaultView].setStyle('display', 'none');
        this.taglines[this.options.defaultView].setStyle('display', 'none');
        this.navlinks[this.options.defaultView].setStyle('color', '#00bcea');
        this.openings[this.options.defaultView].removeClass('openactive');
        this.openings[this.options.defaultView].addClass('opendisabled');
    }
});