/**
 *	Global Arena
 *	--------------------------
 */

var GlobalArena = (function ($) {

    /**
    *	Constants
    *	--------------------------
    */

    var CLASS_ACTIVE = 'active',
		CLASS_HOVER = 'hover',
		CLASS_OPEN = 'open',
		CLASS_HIDDEN = 'hidden',
		CLASS_REQUIRED = 'required',
		CLASS_DISABLED = 'disabled',
		CLASS_ERROR = 'error',
		CLASS_CONTENTPAGE = 'content-page';

    var TYPE_TEXT = 'text',
		TYPE_AREA = 'textarea',
		TYPE_SELECT = 'select-one',
		TYPE_MULTI = 'select-multiple',
		TYPE_CHECK = 'checkbox',
		TYPE_RADIO = 'radio';

    var MAP_VISIBLE = 'visible',
		MAP_FULLSCREEN = 'fullscreen',
		MAP_BALLOON = 'balloon',
		MAP_IMAGE = 'image';

    var TOGGLE_OPEN = 'open',
		TOGGLE_CLOSE = 'close',
		TOGGLE_PARENT = 'parent',
		TOGGLE_LIST = 'list',
		TOGGLE_FILTER = 'filter',
		TOGGLE_CRITEREA = 'criterea';


    /**
    *	GlobalArena controller
    *	--------------------------
    */

    var GlobalArena = {
        loadHandlers: [],
        init: function () {

            $('body').addClass('js-enabled');

            $(
				'#content .rounded, ' +
				'.location-spotlight .figure img, ' +
				'.list-locations .figure img, ' +
				'.content-box h2 span, ' +
				'.list-media li img, ' +
				'#content .criteria img, ' +
				'#content .results img'
			).roundImages();

            $('#navigation ul.menu li ul li:first-child').addClass('first');
            $('#content .column-content .content:last, #content .testimonials .column:last').not('.content-page #content .column-content .content:last').addClass('last');

            $('.list-top-countries li li').hover(function () {
                $(this).addClass('hover');
            }, function () {
                $(this).removeClass('hover');
            });

            $("#content .table-solution .zebra tr:nth-child(even)").not('.thead').addClass("even");

            $('#navigation ul.menu').simpleMenu();

            // init carrousels
            $('div.carrousel').carrousel({
                elements: 'div.column',
                amount: 3
            });

            $('#carrousel-case-studies-big > ul').carrousel({
                elements: 'li',
                amount: 3,
                autoScroll: 15000
            });

            $('#carrousel-promo').carrousel({
                elements: 'div.column',
                amount: 1,
                autoScroll: 6000
            });

            // nyroModal
            $('.list-media a, a.media').nyroModal({
                minWidth: 820,
                minHeight: 460
            });

            $('a.media-large').nyroModal({
                minWidth: 950,
                minHeight: 460
            });

            $('a.media-small').nyroModal({
                width: 470,
                minHeight: 350
            });

            $("#content .list-case-studies li").hover(function () {
                $(this).addClass('hover')
            }, function () {
                $(this).removeClass('hover')
            });
            $("#content .list-case-studies li").click(function () {
                window.location = $(this).find("a").attr("href");
                return false;
            });

            this.initFilters();
            this.initForms();
            this.initGoogleMaps();
            this.initTooltips();
            this.initDelicious();
            this.initToggleables();
            this.initTabs();
            this.initStatistics();
            this.initCountries();
            this.initLocations();
            this.initSplittedNodes();

            for (var i = 0; i < this.loadHandlers.length; i++) {
                this.loadHandlers[i].call(this);
            }
        },

        addOnload: function (method) {
            this.loadHandlers.push(method);
        },

        initFilters: function () {
            $('div#filter-panel a.toggle').bindScoped('click', this.toggleFilter, this);

            var select = $('div#filter-panel h1 select');
            select.bindScoped('change', this.changeTotals, this);
            select.triggerHandler('change');

            this.panelMouseoverMargin = '20px';
            this.panelMouseoutMargin = 0;

            ArenaFilters.SliderController.init();

            var c = 0;
            $('.filter-box input').each(function () {
                var slider = $(
					'<a href="#" class="lock" rel="slider-lock">L</a>' +
					'<span class="slider">' +
						'<span class="value" />' +
						'<span class="indicator" />' +
						'<a href="#" class="thumb" />' +
					'</span>'
				);

                $(this).hide();
                $(this.parentNode).append(slider);

                c++;
            });

            $('span.slider').slider({ min: 0, max: 100, increment: 10 });

            ArenaFilters.SliderController.onchange();
        },

        toggleFilter: function (e, chained) {
            var panel = $("div#filter-panel"),
				filter = $("div#filter"),
				self = this;

            // open panel, hide map controls
            if (!panel.hasClass(CLASS_ACTIVE)) {
                this.panelMouseoverMargin = '203px';
                this.panelMouseoutMargin = '203px';

                filter.animate({ height: '340px' }, 500, function () {
                    panel.animate({ marginBottom: '203px' }, 500, function () {
                        panel.addClass(CLASS_ACTIVE);
                        self.onResize();
                    });
                });
                this.arenaMap && this.arenaMap.toggleControls(false);
            } else {
                // hide panel, 
                this.panelMouseoverMargin = '7px';
                this.panelMouseoutMargin = 0;

                if (chained) {
                    filter.animate({ height: '135px' }, 500, chained);
                    panel.animate({ marginBottom: '0' }, 500, function () {
                        panel.removeClass(CLASS_ACTIVE);
                        self.onResize();
                    });
                } else {
                    panel.animate({ marginBottom: '0' }, 500, function () {
                        panel.removeClass(CLASS_ACTIVE);
                        self.arenaMap && self.arenaMap.toggleControls(true);
                        self.onResize();
                    });
                }
            }

            e && e.preventDefault();
        },

        changeTotals: function (e) {
            var select = e.target;
            var option = select[select.selectedIndex];
            var numReg = /\(([0-9]+)/;

            if (numReg.test(option.text)) {
                var label = numReg.exec(option.text)[1];
                $('#location-totals strong').html(label);
            }
        },

        toggleMap: function (type) {
            //	if($('body').hasClass(CLASS_CONTENTPAGE)) return;

            var panel = $("div#filter-panel"),
				filter = $("div#filter"),
				map = $('div#map'),
				self = this,
				height = 340,
				currentHeight = filter.height();

            switch (type) {
                case MAP_VISIBLE:
                    height = (currentHeight <= 340) ? 340 : currentHeight;
                    break;
                case MAP_FULLSCREEN:
                    height = (filter.height() > 340) ? 340 :
					  (window.innerHeight || document.documentElement.clientHeight) - 120;
                    break;
            }

            var toHeight = { height: height + 'px' };
            filter.animate(toHeight, 500, function () {
                panel.animate({ marginBottom: '0' }, 500, function () { panel.removeClass(CLASS_ACTIVE); });
                self.arenaMap && self.arenaMap.toggleControls(true);
                self.onResize();
            });
        },

        onResize: function () {
            $('body').toggleClass('ping');
            this.arenaMap && this.arenaMap.checkResize();
        },

        initForms: function () {
            this.htmlLoader = XMLHttp.getInstance('HTMLLoader');
            $(document).addRelation(/form-/, this.handleFormClick, this);
            Forms.replaceInputs();
        },

        handleFormClick: function (link, rel) {
            if ($(link).hasClass(CLASS_DISABLED)) {
                return true;
            }

            var type = /form-([^ \$]+)/.exec(rel)[1],
				form = $(link).parents('form')[0];

            var self = this;
            switch (type) {
                case 'filter':
                    if (Forms.validate(form)) {
                        var content = $('div#content'),
							post = XMLHttp.getFormValues(form);

                        this.setPending(content);
                        this.htmlLoader.sendForm(form, null, function (fragment) {
                            self.toggleFilter(null, function () {
                                var h = content.height();
                                //dit was voor het laden van markers via json
                                //self.arenaMap && self.arenaMap.loadJSONData(form['GOOGLE_MAPS_ACTION'].value, post);
                                self.arenaMap && self.arenaMap.loadRSSData(form['GOOGLE_MAPS_ACTION'].value, post);
                                content.slideUp(500, function () {
                                    content.empty().append(fragment).slideDown(750, function () {
                                        self.onResize();
                                    });
                                })
                            });
                        });
                    }
                    return true;
                    break;
                case 'submit':
                    Forms.submit(form);
                    return true;
                case 'reset':
                    form.reset();
                    return true;
                    break;
            }
        },

        setPending: function (element) {
            element.html('<p class="loading"><img src="static/images/loading.gif" /></p>').show();
        },

        scrollTo: function (y) {
            var self = this;
            clearInterval(this.scrollTimer);
            this.scrollTimer = setInterval(function () {
                var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                var dy = y - scrollTop;
                window.scrollBy(0, dy / 5);
                if (Math.abs(dy) < 5) {
                    clearInterval(self.scrollTimer);
                }
            }, 40);
        },

        initGoogleMaps: function () {
            try {
                var element = document.getElementById("map");
                if (element && GBrowserIsCompatible()) {
                    this.arenaMap = new ArenaMap.Map(element, this);
                    if (!$("div#filter-panel").hasClass(CLASS_ACTIVE) &&
					  !$('body').hasClass(CLASS_CONTENTPAGE)) {
                        this.arenaMap.toggleControls(true);
                    }
                }

            } catch (e) {
                window.console && console.log(e)

            }
        },

        initTooltips: function () {
            var tooltips = ArenaFilters.Tooltip;

            tooltips.init();
            tooltips.add('div.filters label[title]');
            tooltips.add('div.filters li[title]');
            tooltips.add('ul.continents input[title]');
        },

        initDelicious: function () {
            var linkReg = /^a$/i;
            $('div.delicious-tags').click(function (e) {
                var node = e.target;
                if (linkReg.test(node.nodeName)) {
                    window.open(node.getAttribute('href'));
                    e.preventDefault();
                }
            })
        },

        initToggleables: function () {
            $(document).addRelation(/(^|\s)toggle-/, this.handleToggleClick.bind(this));
        },

        handleToggleClick: function (link, rel) {
            var type = /toggle-([^ ]+)/i.exec(rel)[1];
            var $link = $(link);

            switch (type) {
                case TOGGLE_LIST:
                    var parent = $link.closest('div');
                    if (!parent[0].className) {
                        parent = parent.parent().closest('div');
                    }
                    parent.toggleClass(CLASS_ACTIVE);
                    $link.toggleClass(CLASS_OPEN);
                    break;
                case TOGGLE_FILTER:
                    var parent = $link.closest('li');
                    parent.toggleClass(CLASS_ACTIVE);
                    $link.toggleClass(CLASS_OPEN);
                    break;
                case TOGGLE_CRITEREA:
                    var parent = $('#criteria');
                    parent.toggleClass('close');
                    break;
                case TOGGLE_OPEN:
                    break;
                case TOGGLE_CLOSE:
                    break;
            }
            return true;
        },

        initTabs: function () {
            var menus = $('div.tabs');
            for (var i = 0; i < menus.length; i++) {
                this.activateTab(menus[i]);
            }

            var self = this;
            menus.click(function(e) {
                if (e.shiftKey || e.ctrlKey) {
                    return;
                };
                var link = $(e.target).closest('a');
                self.handleTabClick(link, false);
                e.preventDefault();
            });

            var hash = document.location.hash;
            var link = hash ? $('a[href$=' + hash + ']') : [];
            if (link.length) {
                this.handleTabClick(link[0], true);
            }
        },

        handleTabClick: function (link, scroll) {
            var menulink = $('div.tabs a[href=' + $(link).attr('href') + ']');
            var menu = menulink.closest('div.tabs');
            if (menu.length) {
                menu.find('li').removeClass(CLASS_ACTIVE);
                menulink.parent().addClass(CLASS_ACTIVE);
                this.activateTab(menu, scroll);
            }
        },

        activateTab: function (menu, scroll) {
            var active = /active/;
            var hashReg = /(#.+)$/;
            var tabs = $(menu).find('li');
            var activeHash = null;
            var activeClass = null;
            var body = $(document.body);

            tabs.each(function () {
                var tab = this;
                var link = $(this).find('a')[0];
                var href = link.href;
                var cls = link.className;

                if (cls) {
                    body.removeClass(cls);
                }

                if (hashReg.test(href)) {
                    var hash = hashReg.exec(href)[1];
                    var node = $(hash);
                    if (active.test(tab.className)) {
                        activeHash = hash;
                        activeClass = cls;
                        node.show();
                    } else {
                        node.hide();
                    }
                }
            });

            if (activeClass) {
                body.addClass(activeClass);
            }

            if (scroll && activeHash) {
                document.location.hash = activeHash;
            }
        },

        initStatistics: function () {
            this.statistics = new Statistics();
        },

        initSplittedNodes: function () {
            var snodes = new LBi.SplittedNodes();
        },

        initCountries: function () {
            var loc = $('.countries-select');
            if (loc.length) {
                var selects = loc.find('select');
                var continent = selects[0];
                var countries = selects[1];
                var region = selects[2];
                var action = loc.attr('ga:countries');

                $(continent).bind('change', function (e) {
                    if ($(this).val().split('|')[0] == 'Global') {
                        // global, just disable all selects...
                        countries.selectedIndex = 0;
                        countries.disabled = true;
                        region.selectedIndex = 0;
                        region.disabled = true;
                        return;
                    };
                    countries.disabled = true;
                    region.disabled = true;
                    var params = { 'continentid': this.value };

                    $.getJSON(action, params, function (response) {
                        region.disabled = false;
                        region.selectedIndex = 0;
                        countries.disabled = false;
                        countries.selectedIndex = 0;
                        var options = countries.options;
                        options.length = 1;
                        var l = response.options.length;
                        for (var i = 0; i < l; i++) {
                            var opt = response.options[i];
                            options[i + 1] = new Option(opt.name, opt.value);
                        }
                    });
                });
            }
        },

        initLocations: function () {
            var loc = $('.location-select');
            if (loc.length) {
                var selects = loc.find('select');
                var country = selects[0];
                var regions = selects[1];
                var action = loc.attr('ga:locations');

                $(country).bind('change', function (e) {
                    regions.disabled = true;
                    var params = { 'countryid': this.value };

                    $.getJSON(action, params, function (response) {
                        regions.disabled = false;
                        regions.selectedIndex = 0;
                        var options = regions.options;
                        options.length = 1;
                        var l = response.options.length;
                        for (var i = 0; i < l; i++) {
                            var opt = response.options[i];
                            options[i + 1] = new Option(opt.name, opt.value);
                        }
                    });
                });
            }
        }
    }


    /**
    *	Forms
    *	--------------------------
    */

    var Forms = {
        replaceInputs: function () {
            var inputs = $('input.button');
            inputs.each(function () {
                var input = this,
					form = input.form,
					template = '<a href="#" class="button $className"><span>$value</span></a>',
					jInput = $(input);

                var jButton = $(
					template.replace(
						/\$([a-z]+)/mig,
						function (match, attr) {
						    return input[attr] || '';
						}
					)
				);

                jInput.addClass('replaced');
                jInput.after(jButton);

                jButton.bind('click', function (e) {
                    e.preventDefault();
                    if ($(form).triggerHandler('submit') !== false && Forms.validate(form) == true) {
                        jInput.trigger('click');
                    }
                });

            });
        },

        validate: function (form) {
            var elements = form.elements, valid = true, input, type;
            for (var i = 0; i < elements.length; i++) {
                input = elements[i], type = input.type;
                if (type && ($(input).hasClass(CLASS_REQUIRED) || $(input).parent().hasClass(CLASS_REQUIRED))) {
                    type = type.toLowerCase();
                    switch (type) {
                        case TYPE_TEXT: case TYPE_AREA:
                            valid &= this.displayError(input, !input.value);
                            break;
                        case TYPE_CHECK: case TYPE_RADIO:
                            valid &= this.displayError(input, !this.checkedOne(input));
                            break;
                        case TYPE_SELECT: case TYPE_MULTI:
                            valid &= this.displayError(input, !this.selectedOne(input));
                            break;
                    }
                }
            }

            return valid;
        },

        submit: function (form) {
            if (this.validate(form)) {
                $(form).submit();
            }
        },

        checkedOne: function (input) {
            var name = input.name,
				checks = (name && input.form.elements[name]) || [];

            for (var i = 0; i < checks.length; i++) {
                if (checks[i].checked) {
                    return true;
                }
            }
            return false;
        },

        selectedOne: function (input) {
            var options = input.options;
            for (var i = 0; i < options.length; i++) {
                if (options[i].selected) {
                    return true;
                }
            }
            return false;
        },

        displayError: function (input, toggle) {
            $(input).closest('.field')[toggle ? 'addClass' : 'removeClass'](CLASS_ERROR);
            return toggle ? false : true;
        }
    }

    /**
    * Carrousel
    */
    function Carrousel(element, settings) {
        this.container = $(element);
        this.settings = $.extend({}, Carrousel.Defaults, settings);
        this.elements = this.container.find(this.settings.elements);

        if (this.elements.length <= this.settings.amount) {
            return;
        }

        this.position();
        this.initialize();
    }

    Carrousel.prototype = {
        position: function () {
            var height = 0;
            var width = 0;
            for (var i = 0; i < this.elements.length; i++) {
                var item = this.elements[i];

                $(item).css({
                    position: 'absolute',
                    left: width + 'px',
                    top: 0
                });

                width += item.offsetWidth;
                height = Math.max(height, item.offsetHeight);
            }

            if (height > 0) {
                this.container.css({
                    position: 'relative',
                    overflow: 'hidden',
                    height: height + 'px'
                });
            }

            this.totalWidth = width;
            this.itemWidth = Math.ceil(width / this.elements.length);
            this.excessWidth = width - this.container[0].offsetWidth;

            var page = this.settings.amount * this.itemWidth;
            this.pages = 1 + Math.ceil(this.excessWidth / page);
            this.page = 0;
        },

        initialize: function () {
            var controls = [];
            controls.push('<p class="carrousel-controls">');
            controls.push('<a href="#" class="prev" rel="carrousel-previous"><span>previous</span></a> ');

            for (var i = 0; i < this.pages; i++) {
                controls.push('<a href="#" class="page" rel="carrousel-', i, '"><span>', i, '</span></a> ');
            }

            controls.push('<a href="#" class="next" rel="carrousel-next"><span>next</span></a> ');
            controls.push('</p>');

            this.controls = $(controls.join(''));
            this.thumbs = this.controls.find('a.page');
            this.container.after(this.controls);

            this.controls.bind('click', this.handleClick.bind(this));

            setTimeout(this.positionControls.bind(this), 10);

        },

        positionControls: function () {
            var width = 0;
            var links = this.controls.find('a');
            for (var i = 0; i < links.length; i++) {
                width += links[i].offsetWidth;
            }

            var offset = (this.controls.width() - width) / 2;

            this.controls.css({ paddingLeft: offset + 'px' });
            this.thumbs.eq(0).addClass('active');

            var auto = this.settings.autoScroll;
            if (auto && parseInt(auto, 10) > 0) {
                this.direction = 1;
                setInterval(this.autoNext.bind(this), auto);
                this.container.bind('mouseenter', this.pause.bind(this));
                this.container.bind('mouseleave', this.unpause.bind(this));
                this.controls.bind('mouseenter', this.pause.bind(this));
                this.controls.bind('mouseleave', this.unpause.bind(this));
            }
        },

        handleClick: function (e) {
            var link = $(e.target).closest('a');
            if (link.length) {
                var reg = /carrousel-([^ ]+)/i;
                var rel = link.attr('rel');

                if (reg.test(rel)) {
                    e.preventDefault();
                    var command = reg.exec(rel)[1];
                    this.scroll(command);
                }
            }
        },

        pause: function (e) {
            this.paused = true;
        },

        unpause: function (e) {
            this.paused = false;
        },

        autoNext: function () {
            if (!this.paused) {
                var i = this.page + this.direction;
                if (i < 0 || i >= this.pages) {
                    this.direction *= -1;
                }

                if (this.direction > 0) {
                    this.next();
                } else {
                    this.previous();
                }
            }
        },

        next: function () {
            var page = (this.page + 1) % this.pages;
            this.scroll(page);
        },

        previous: function () {
            var page = (this.pages + this.page - 1) % this.pages;
            this.scroll(page);
        },

        scroll: function (page) {
            switch (page) {
                case 'previous':
                    this.previous();
                    return;
                    break;
                case 'next':
                    this.next();
                    return;
                    break;
                default:
                    page = parseInt(page, 10);
                    if (isNaN(page)) {
                        return;
                    }
                    break;
            }

            var amount = this.settings.amount;
            var offset = page * amount;
            var excess = this.excessWidth - (offset * this.itemWidth);
            var end = Math.min(excess, 0);

            for (var i = 0; i < this.elements.length; i++) {
                var left = (i - offset) * this.itemWidth - end;
                $(this.elements[i]).animate({
                    left: left + 'px'
                }, this.settings.speed);
            }

            this.thumbs.removeClass('active');
            this.thumbs.eq(page).addClass('active');

            this.page = page;
        }
    }

    Carrousel.Defaults = {
        elements: 'li',
        autoScroll: 0,
        amount: 1,
        wrap: false,
        speed: 'slow'
    }

    $.registerPlugin('carrousel', Carrousel);


    /**
    *	Statistics
    *	--------------------------
    */
    function Statistics() {
        $(document).bind('click', this.handleClick.bind(this));
    }

    Statistics.prototype = {
        handleClick: function (e) {
            var target = $(e.target).closest('a,input');
            if (target.length) {
                this.hit(target[0]);
            }
        },

        hit: function (node) {
            var stat = node.getAttribute('ga:analytics');
            if (stat) {
                try {
                    pageTracker._trackPageview(stat);
                    window.console && console.log('hit: ' + stat);
                } catch (e) {
                    window.console && console.log(e.message);
                }
            }
        }
    };

    /**
    *	console fallback
    *	--------------------------
    */

    if (!window.console) {
        window.console = {
            log: function () { },
            debug: function () { },
            info: function () { }
        }
    }

    /**
    *	Init
    *	--------------------------
    */

    $(function () {
        GlobalArena.init();
    });

    /**
    *	Return 
    *	--------------------------
    */

    return GlobalArena;

})(jQuery);
			
$(function() {
  $.nyroModalSettings({
    processHandler: function(settings) {
      var from = settings.from;
      if (from && from.href && from.href.indexOf('http://www.youtube.com/watch?v=') == 0) {
        $.nyroModalSettings({
          type: 'swf',
          height: 355,
          width: 425,
          url: from.href.replace(new RegExp("watch\\?v=", "i"), 'v/')
        });
      }
    }
  });
});

$(document).ready(function () {
    // login-related code, would be nice if this was moved to the GlobalArena
    // object/namespace somewhere...

    // open the login if the loginbox has a data attribute 'login-error'
    var box = $('#loginbox');
    var loginerror = box.data('login-error');
    if (loginerror) {
        box.fadeIn();
        box.find('.top').text(loginerror);
    }

    $('#loginurl').click(function (e) {
        e.preventDefault();
        $('#loginbox').fadeIn();
    });

    $('#loginbox-close').click(function (e) {
        e.preventDefault();
        $('#loginbox').fadeOut();
    });

    // code for opening/closing content sections by clicking on the header above them
    $('.businesspartner.content.box-alt h2').click(function () {
        $(this).next().toggle('slow');
    }).css('cursor', 'pointer').next().toggle(false);
});