window.addEvent('domready', function() {
    if (!document.isInDesignMode()) {
        // Ajout des classes aux liens de la map
        $$('#school-map a').each(function(item, index) {
            $$('#left-table p').each(function(pItem, pIndex) {
                if (pItem.getElement('strong').innerHTML == item.innerHTML) {
                    item.addClass(pItem.get('class'));
                }
            });
        });

        //Suppression des pictos non utilisés et ajout des tool-tips
        $$('#pictos img').each(function(item, index) {
            if (!$$('#left-table p.' + item.get('class')).length) {
                item.getParent().setStyle('display', 'none');
            } else {
                var itemContent = item.get('alt').split(' | ');
                if(itemContent[1])
                {
                    item.getParent().innerHTML += '<div class="tool-tip"><p><strong>' + itemContent[0] + '</strong></p><p>' + itemContent[1] + '</p></div>';
                }
                else
                {
                    item.getParent().innerHTML += '<div class="tool-tip"><p><strong>' + itemContent[0] + '</strong></p></div>';
                }
            }
        });

        // Actions de Roll Hover Tableau
        $$('#left-table p').addEvent('mouseenter', function(item) {
            $$('#left-table').addClass('active');
            var theTarget = this;
            if (theTarget.get('class') != '') {
                var itemClasses = theTarget.get('class').split(' ');
                for (i = 0; i < itemClasses.length; i++) {
                    if (itemClasses[i] != '') {
                        $$('#pictos img.' + itemClasses[i]).addClass('active');
                        $$('#pictos img.' + itemClasses[i]).getParent().addClass('active');

                        $$('#pictos img.' + itemClasses[i])[0].set('src', $$('#pictos img.' + itemClasses[i])[0].get('src').replace('grayscaleFilter=1', 'grayscaleFilter=0').replace(/(gausianBlurFilter|selectiveBlurFilter|brightnessFilter|contrastFilter)=(\d+)/g, '$1=0'));
                    }
                }
            }
            $$('#school-map a').each(function(pItem, pIndex) {
                if (pItem.innerHTML == theTarget.getElement('strong').innerHTML) {
                    pItem.addClass('active');
                }
            });
        });
        $$('#left-table p').addEvent('mouseleave', function(item) {
            removeClasses();
        });


        // update the booking region if the region is clicked
        $$('#left-table p').addEvent('click', function(item) {
              if(bookingManager){
                  var region = this.getElement('strong').get('html');
                    $('regionSelector').getElements('option').each(function(item, index){
                           if(item.getAttribute('value') == region){
                               item.setProperty('selected', 'selected');
                            }
                    }.bind(this));

                    $('regionSelector').fireEvent('liszt:updated');
                    $('regionSelector').fireEvent('change');
              }
        });

        // Actions de Roll Hover Map
        $$('#school-map a').addEvent('mouseenter', function(item) {
            $$('#left-table').addClass('active');
            var theTarget = this;
            if (theTarget.get('class') != '') {
                var itemClasses = theTarget.get('class').split(' ');
                for (var i = 0; i < itemClasses.length; i++) {
                    if (itemClasses[i] != '') {
                        $$('#pictos img.' + itemClasses[i]).addClass('active');
                        $$('#pictos img.' + itemClasses[i]).getParent().addClass('active');
                        if($$('#pictos img.' + itemClasses[i]).length){
                            $$('#pictos img.' + itemClasses[i])[0].set('src', $$('#pictos img.' + itemClasses[i])[0].get('src').replace('grayscaleFilter=1', 'grayscaleFilter=0').replace(/(gausianBlurFilter|selectiveBlurFilter|brightnessFilter|contrastFilter)=(\d+)/g, '$1=0'));
                        }
                    }
                }
            }
            $$('#left-table p').each(function(pItem, pIndex) {
                if (pItem.getElement('strong').innerHTML == theTarget.innerHTML) {
                    pItem.addClass('active');
                }
            });
        });
        $$('#school-map a').addEvent('mouseleave', function(item) {
            removeClasses();
        });
        $$('#school-map a').addEvent('click', function(item) {
            item.stop();
        });

        // Actions de Roll Hover Pictos
        $$('#pictos img').addEvent('mouseenter', function(item) {
            $$('#left-table').addClass('active');
            var theTarget = this;
            theTarget.set('src', theTarget.get('src').replace('grayscaleFilter=1', 'grayscaleFilter=0').replace(/(gausianBlurFilter|selectiveBlurFilter|brightnessFilter|contrastFilter)=(\d+)/g, '$1=0'));
            theTarget.getParent().addClass('active');
            if (theTarget.get('class') != '') {
                $$('#left-table p.' + theTarget.get('class')).addClass('active');
                $$('#school-map a.' + theTarget.get('class')).addClass('active');
            }
        });
        $$('#pictos img').addEvent('mouseleave', function(item) {
            removeClasses();
        });
        function removeClasses() {
            $$('#pictos span').removeClass('active');
            $$('#pictos img').removeClass('active');
            $$('#school-map a').removeClass('active');
            $$('#left-table p').removeClass('active');
            $$('#left-table').removeClass('active');
            $$('#pictos img').each(function(item, index) {
                item.set('src', item.get('src').replace('grayscaleFilter=0', 'grayscaleFilter=1').replace(/(gausianBlurFilter|selectiveBlurFilter|brightnessFilter|contrastFilter)=(\d+)/g, '$1=0'));
            });
        }
    }
});