window.icrc = window.icrc || {};

icrc.HeaderFooter = function() {
    
    var body = document.body || document.getElementsByTagName('body')[0],
        head = document.head || document.getElementsByTagName('head')[0];
    
    var _postElts = {
        'toggles': [],
        'select': []
    };
    
    
    function _log(arg1) {
        if(!!console.log) {
            console.log(arg1);
        }
    }
    
    
    function _getQueryParameter(param, defaultValue) {
        defaultValue = defaultValue !== null ? defaultValue : null;
        var queryParts = window.location.search.substring(1).split(/&/);
        
        for(var i=0; i < queryParts.length; i++) {
            var part = queryParts[i];
            var offset = part.indexOf('=');
            if(offset > 0) {
                if(part.substring(0, offset) === param) {
                    return part.substring(offset+1);
                }
            }
        }
        
        return defaultValue;
    }
    
    
    function _lessThanIE8() {
        var undef,
            v = 3,
            div = document.createElement('div'),
            all = div.getElementsByTagName('i');
        
        while (
            div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
            all[0]
        );
        
        return v > 4 ? v < 9 : false;
    }
    
    
    function _inArray(arr, item) {
        for(var i=0, l=arr.length; i < l; i++) {
            if(arr[i] === item) return true;
        }
        return false;
    }
    
    
    function _getElementsByClassName(className) {
        var that = this;
        
        var re = /\s/;
        var elts = that.getElementsByTagName('*');
        var result = [];
        
        for(var i=0, l=elts.length; i < l; i++) {
            var parts = elts[i].className.split(re);
            
            for(var j=0, m=parts.length; j < m; j++) {
                if(parts[j] == className) {
                    result.push(elts[i]);
                    break;
                }
            }
        }
        
        return result;
    }
    
    
    function initStyle() {
        // Styles
        
        var style = '<link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__SgN8uTwYxEtO6A7Avut9EyzW0BkI9-u0Elt-Ok2cPzE__mTMMC9npq0_VTYuBUSjDmJSm0Awgh3orGNg5bRyfyPg__DSDQfe5787QTIhJ2_eXlvRcg6mqLvDQ2XPARz3SDtYE.css" media="all" /> <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700&amp;rhh2qa" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__mzTIyNS1IzkQBqgmF81ZXwjptXUh4T_onyDCN8YE8_A__A5mBtGr0Q2MQQONyACI_oyJnCEcG0hCugdYLdWoNOTk__DSDQfe5787QTIhJ2_eXlvRcg6mqLvDQ2XPARz3SDtYE.css" media="all" />';
        
        try {
            head.innerHTML = head.innerHTML + style;
        }
        catch(err) {
            // We may be in IE8 or lower
            
            var tags = style.replace(/>\s*</g, '>__splitlimit__<').split(/__splitlimit__/);
            for(var i=0; i < tags.length; i++) {
                var tag = tags[i];
                var capTag = tag.toUpperCase();
                if(capTag.indexOf('<STYLE') === 0) {
                    // We got a STYLE tag
                    var elt = document.createElement('style');
                    elt.setAttribute('type', 'text/css');
                    // IMPORTANT: It is important to do the following line just here unless IE crashes!!!
                    head.appendChild(elt);
                    var stl = tag.substring(7, tag.length-8);
                    var imports = stl.split(/\s*;\s*/);
                    for(var j=0; j < imports.length; j++) {
                        if(imports[j] === "") {
                            continue;
                        }
                        var importUrl = imports[j].replace(/^\s*@import\s+url\s*\(\s*"/, '').replace(/"\s*\)$/, '');
                        // _log(importUrl);
                        elt.styleSheet.addImport(importUrl);
                    }
                }
                else if(capTag.indexOf('<LINK') === 0) {
                    // We got a LINK tag
                    var elt = document.createElement('link');
                    head.appendChild(elt);
                    var attrsList = tag.substring(5, tag.length-2).split(/\s+/);
                    for(var j=0; j < attrsList.length; j++) {
                        if(attrsList[j].length === 0) continue; // evoid trimming
                        var parts = attrsList[j].split(/=/);
                        elt.setAttribute(parts[0], parts[1].replace(/^"([^"]*)"$/, '$1'));
                    }
                }
                else {
                    // Not STYLE nor LINK tag
                    continue;
                }
            }
        }
    }
    
    function initBodyCls() {
        body.className += ' no-touch html not-front not-logged-in no-sidebars page-rx page-rx-headerfooter i18n-en';
    }
    
    function init() {
        initStyle();
        initBodyCls();
    }
    
    function normUrls(element) {
        var baseUrl = 'https://www.icrc.org';
        var baseUrlOffset1 = baseUrl.indexOf('://') + 3;
        var baseUrlOffset2 = baseUrl.substring(baseUrlOffset1).indexOf('/');
        var baseUrlEnd = baseUrlOffset2 != -1 ? (baseUrlOffset1 + baseUrlOffset2) : baseUrl.length;
        var baseUrlRoot = baseUrl.substring(0, baseUrlEnd);
        var curBaseUrl = window.location.protocol + '//' + window.location.host
        
        var mapping = {
            'a': ['href'],
            'img': ['src']
        }
        
        if(!element.getElementsByTagName) {
            return;
        }
        
        for(var tagName in mapping) {
            var els = element.getElementsByTagName(tagName);
            var elsLength = els.length;
            var attrs = mapping[tagName];
            var attrsLength = mapping[tagName].length;
            for(var i=0; i < elsLength; i++) {
                var el = els[i];
                for(var j=0; j < attrsLength; j++) {
                    var attr = attrs[j];
                    
                    var curAttr = el.getAttribute(attr);
                    
                    // if(el.hasAttribute(attr)) {
                    if(!!curAttr) {
                        if(curAttr.indexOf('://') === -1) {
                            var bUrl = baseUrl;
                            if(curAttr.indexOf('/') === 0) {
                                bUrl = baseUrlRoot;
                            }
                            el.setAttribute(attr, bUrl + curAttr);
                        }
                        else if(curAttr.indexOf(curBaseUrl) === 0) {
                            el.setAttribute(attr, baseUrl + curAttr.substring(curBaseUrl.length));
                        }
                    }
                }
            }
        }
    }
    
    function getElement(content) {
        var el;
        var aux = document.createElement('div');
        aux.innerHTML = content;
        normUrls(aux);
        el = aux.firstChild;
        if(!el.getElementsByClassName) {
            el.getElementsByClassName = _getElementsByClassName;
            for(var i=0; i < el.childNodes.length; i++) {
                el.childNodes[i].getElementsByClassName = _getElementsByClassName;
            }
        }
        
        return el;
    }
    
    function getElements(content) {
        var els;
        var aux = document.createElement('div');
        aux.innerHTML = content;
        els = aux.childNodes;
        
        for(var i=0, l=els.length; i < l; i++) {
            normUrls(els[i]);
            if(!els[i].getElementsByClassName) {
                els[i].getElementsByClassName = _getElementsByClassName;
            }
        }
        
        return els;
    }
    
    function renderHeader(options) {
        options = options || {
            notes: '__undefined__'
        }; // set default
        
        // ---------------------------
        // Notes Data
        // ---------------------------
        var notesData = {
            searchFormCls: "nav-submenu",
            searchIconCls: "i-search",
            searchInputName: "t",
            sites: {
                "ihl": {
                    langPaths: {
                        "/fr": "/applic/ihl/ihl.nsf/Redirect.xsp"
                    },
                    // searchUrl: "/applic/ihl/ihl.nsf/vwSearchResults.xsp",
                    headerTitle: "TREATIES,&nbsp;STATES&nbsp;PARTIES<br/>AND&nbsp;COMMENTARIES"
                },
                "dih": {
                    langPaths: {
                        "/en": "/applic/ihl/dih.nsf/Redirect.xsp"
                    },
                    // searchUrl: "/applic/ihl/dih.nsf/vwSearchResults.xsp",
                    headerTitle: "TRAITÉS,&nbsp;ÉTATS&nbsp;PARTIES<br/>ET&nbsp;COMMENTAIRES"
                },
                "ihl-nat": {
                    langPaths: {},
                    // searchUrl: "/applic/ihl/ihl-nat.nsf/vwSearchResults.xsp",
                    headerTitle: "IHL<br/>NATIONAL&nbsp;IMPLEMENTATION"
                },
                "customary-ihl": {
                    langPaths: {},
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "CUSTOMARY IHL"
                },
                "ihl-search": {
                    langPaths: {
                        "/fr": "/applic/ihl/ihl-search.nsf/home.xsp?lang=FR"
                    },
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "IHL Search"
                },
                "dih-search": {
                    langPaths: {
                        "/en": "/applic/ihl/ihl-search.nsf/home.xsp?lang=EN"
                    },
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "IHL Search"
                },
                "ihl-home": {
                    langPaths: {
                        "/fr": "/applic/ihl/ihl-search.nsf/content.xsp?key=intro_fr"
                    },
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "IHL databases"
                },
                "dih-home": {
                    langPaths: {
                        "/en": "/applic/ihl/ihl-search.nsf/content.xsp?key=intro"
                    },
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "IHL databases"
                },
                "ihl-help": {
                    langPaths: {
                        "/fr": "/applic/ihl/ihl-search.nsf/content.xsp?key=help_fr"
                    },
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "IHL databases"
                },
                "dih-help": {
                    langPaths: {
                        "/en": "/applic/ihl/ihl-search.nsf/content.xsp?key=help"
                    },
                    // searchUrl: "/customary-ihl/eng/advSearch?OpenForm",
                    headerTitle: "IHL databases"
                }
            }
        };
        
        var header = '<header class="site-header"><div class="container"> <div class="row"> <div class="col-xs-6 col-sm-4 slogan-logo"> <div class="logo-wrapper"> <div id="logo"> <a href="https://www.icrc.org/en" class="logo"><img src="/sites/default/themes/icrc_theme/images/en/logo.png" alt="International Committee of the Red Cross"></a> </div> <div class="slogan font-sm-18"> International Committee of the Red Cross </div> </div> </div> <div class="col-xs-6 col-sm-8 right-content"> <div class="hidden-sm hidden-xs"> <ul class="list-inline list-languages"><li class="active"><a href="https://www.icrc.org/en/rx/headerfooter">English</a></li> <li><a href="https://www.icrc.org/fr">Français</a></li> <li><a href="https://www.icrc.org/es">Español</a></li> <li> <select class="styled-language-select i-arrow-down-after redirection-select"><option value="#" selected>other languages</option><option value="https://www.icrc.org/pt">Português</option><option value="https://www.icrc.org/zh">中文</option><option value="https://www.icrc.org/ar">العربية</option><option value="https://www.icrc.org/ru">Русский</option><option value="https://www.icrc.org/de">Deutsch</option><option value="https://www.icrc.org/it">Italiano</option><option value="https://www.icrc.org/en/languages">Other</option></select></li> </ul><div class="clearfix btn-wrapper theme-white-2"> <a href="#" class="btn js_toggle quick_access-toggle" data-target=".quick_access-menu, .quick_access-toggle" data-close-click-outside="1">Quick access</a> <a id="contact-btn" href="https://www.icrc.org/en/contact" class="btn">Contact</a> <a id="resource-centre-btn" href="https://www.icrc.org/en/resource-centre" class="btn">Resource centre</a> <div id="quick-access-menu" class="quick_access-menu clearfix"> <div class="col-sm-4"> <h5>Highlights</h5> <ul class="menu"><li class="first leaf"><a href="https://www.icrc.org/en/whats-new" title="">What\'s new</a></li> <li class="leaf"><a href="https://www.icrc.org/en/media-room" title="">Media</a></li> <li class="leaf"><a href="https://www.icrc.org/en/faq/icrcs-funding-and-spending" title="">The ICRC’s funding and spending</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/treaties-customary-law/geneva-conventions" title="">The Geneva Conventions</a></li> <li class="leaf"><a href="https://ihl-databases.icrc.org/applic/ihl/ihl-search.nsf/content.xsp?key=intro%20" title="">IHL databases</a></li> <li class="leaf"><a href="https://www.icrc.org/en/international-review" title="">International Review of the Red Cross</a></li> <li class="leaf"><a href="https://www.icrc.org/redsafe" title="">RedSafe</a></li> <li class="leaf"><a href="http://blogs.icrc.org/law-and-policy/" title="" target="_blank">Humanitarian Law &amp; Policy blog</a></li> <li class="leaf"><a href="http://www.icrcvideonewsroom.org" title="">Video Newsroom</a></li> <li class="leaf"><a href="https://shop.icrc.org" title="">eShop</a></li> <li class="leaf"><a href="https://www.icrc.org/en/library" title="">ICRC Library</a></li> <li class="leaf"><a href="https://www.icrc.org/en/archives" title="">ICRC archives</a></li> <li class="leaf"><a href="https://avarchives.icrc.org/" title="">ICRC Audiovisual Archives</a></li> <li class="leaf"><a href="http://familylinks.icrc.org/" title="">Restoring Family Links</a></li> <li class="leaf"><a href="https://www.icrc.org/en/who-we-are/jobs" title="">Working for the ICRC</a></li> <li class="leaf"><a href="https://www.icrc.org/en/document/code-conduct-employees-icrc" title="">Reporting Misconduct</a></li> <li class="last leaf"><a href="https://www.icrc.org/en/warning-fraud" title="">Fraudulent e-mails and websites</a></li> </ul></div> <div class="col-sm-4"> <h5>Countries</h5> <ul class="menu"><li class="first leaf"><a href="https://www.icrc.org/en/where-we-work/asia-pacific/afghanistan" title="">Afghanistan</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/central-african-republic" title="">Central African Republic</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/democratic-republic-congo" title="">Democratic Republic of the Congo</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/middle-east/iraq" title="">Iraq</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/middle-east/israel-and-occupied-territories" title="">Israel and the occupied territories</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/lake-chad" title="">Lake Chad </a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/mali" title="">Mali</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/asia-pacific/myanmar" title="">Myanmar</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/nigeria" title="">Nigeria</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/somalia" title="">Somalia</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/africa/south-sudan" title="">South Sudan</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/middle-east/syria" title="">Syria</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/europe-central-asia/ukraine" title="">Ukraine</a></li> <li class="leaf"><a href="https://www.icrc.org/en/where-we-work/americas/venezuela" title="">Venezuela</a></li> <li class="last leaf"><a href="https://www.icrc.org/en/where-we-work/middle-east/yemen" title="">Yemen</a></li> </ul></div> <div class="col-sm-4"> <h5>Topics</h5> <ul class="menu"><li class="first leaf"><a href="https://www.icrc.org/en/war-and-law/weapons/chemical-biological-weapons" title="">Chemical and biological weapons</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/protected-persons/children" title="">Children</a></li> <li class="leaf"><a href="https://www.icrc.org/en/what-we-do/visiting-detainees" title="">Detainees</a></li> <li class="leaf"><a href="https://www.icrc.org/en/migrants" title="">Migrants</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/weapons/ihl-and-new-technologies" title="">New technologies and IHL</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/weapons/nuclear-weapons" title="">Nuclear weapons</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/contemporary-challenges-for-ihl/occupation" title="">Occupation</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/protected-persons/internally-displaced-persons" title="">Refugees and displaced persons</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/contemporary-challenges-for-ihl/respect-ihl" title="">Respect for IHL</a></li> <li class="leaf"><a href="https://www.icrc.org/en/war-and-law/contemporary-challenges-for-ihl/security-detention" title="">Security detention</a></li> <li class="leaf"><a href="https://www.icrc.org/en/what-we-do/sexual-violence" title="">Sexual violence</a></li> <li class="last leaf"><a href="https://www.icrc.org/en/war-and-law/contemporary-challenges-for-ihl/terrorism" title="">Terrorism and IHL</a></li> </ul></div> </div> </div> </div> <div class="visible-sm visible-xs list-languages"> <select class="styled-language-select i-arrow-down-after redirection-select"><option value="https://www.icrc.org/en/rx/headerfooter" selected>EN</option><option value="https://www.icrc.org/fr">FR</option><option value="https://www.icrc.org/es">ES</option><option value="https://www.icrc.org/pt">PT</option><option value="https://www.icrc.org/zh">ZH</option><option value="https://www.icrc.org/ar">AR</option><option value="https://www.icrc.org/ru">RU</option><option value="https://www.icrc.org/de">DE</option><option value="https://www.icrc.org/it">IT</option><option value="https://www.icrc.org/en/languages">Other</option></select></div> </div> </div> </div> </header>';
        var nav = '<nav class="navbar navbar--main clearfix js_navbar" id="main-menu" role="navigation"><div class="container"> <div class="nav-sub"> <button type="button" class="nav-toggle i-menu pull-left js_toggle" data-target=".navbar--main"> <span class="sr-only">Toggle navigation</span> </button> <div class="pull-right"> <div class="nav-donate nav-link-main-container visible-sm visible-xs"> <a href="https://www.icrc.org/en/donate" class="bg-red nav-link-main">Donate</a> </div> <div class="nav-search nav-link-main-container with-social"> <a href="#" class="i-search nav-link-main js_toggle" data-target=".nav-search"> <span class="sr-only">Search</span> </a> <form action="https://www.icrc.org/en/resource-centre/result" method="get" class="nav-submenu"> <div class="container"> <input type="search" name="t" value=""><button> <i class="i-search i-search--small visible-xs"></i> <span class="hidden-xs">Search</span> </button> </div> </form> <a class="social-icon display-version-b img-circle i-newsletter i-newsletter-color" href="/en/newsletter" target="_blank" title="Subscribe to newsletter" onclick="_gaq.push([\'_trackEvent\', \'Social Share\', \'newsletter\', \'/en/newsletter\']);"> <span class="sr-only">Subscribe to newsletter</span> </a> </div> <section class="js_share"><button class="share-mobile i-share" type="button"><span class="sr-only">Share</span></button> <div class="row vspace-bottom-small"> <div class="col-md-12 text-center"> <div class="social-icons social-icons--theme clearfix font-xs-12 font-md-18"> <a class="social-icon img-circle i-twitter i-twitter-color" href="https://twitter.com/share?url=https://www.icrc.org/en/rx/headerfooter" target="_blank" title="Share on Twitter" onclick="_gaq.push([\'_trackEvent\', \'Social Share\', \'twitter\', \'https://www.icrc.org/en/rx/headerfooter\']);"> <span class="sr-only">Share on Twitter</span> </a> <a class="social-icon img-circle i-facebook i-facebook-color" href="https://www.facebook.com/sharer/sharer.php?u=https://www.icrc.org/en/rx/headerfooter" target="_blank" title="Share on Facebook" onclick="_gaq.push([\'_trackEvent\', \'Social Share\', \'facebook\', \'https://www.icrc.org/en/rx/headerfooter\']);"> <span class="sr-only">Share on Facebook</span> </a> <a class="social-icon img-circle i-linkedin i-linkedin-color" href="https://www.linkedin.com/shareArticle?url=https://www.icrc.org/en/rx/headerfooter" target="_blank" title="Share on LinkedIn" onclick="_gaq.push([\'_trackEvent\', \'Social Share\', \'linkedin\', \'https://www.icrc.org/en/rx/headerfooter\']);"> <span class="sr-only">Share on LinkedIn</span> </a> <a class="social-icon img-circle i-whatsapp i-whatsapp-color visible-xs" href="whatsapp://send?text=https://www.icrc.org/en/rx/headerfooter" target="_blank" title="Share on WhatsApp"> <span class="sr-only">Share on WhatsApp</span> </a> <a class="social-icon display-version-b img-circle i-newsletter i-newsletter-color" href="/en/newsletter" target="_blank" title="Subscribe to newsletter" onclick="_gaq.push([\'_trackEvent\', \'Social Share\', \'newsletter\', \'/en/newsletter\']);"> <span class="sr-only">Subscribe to newsletter</span> </a> </div> </div> </div> </section></div> </div> <div class="nav-mask"> <div class="nav-main"> <div class="nav-home nav-link-main-container"> <a href="https://www.icrc.org/en" class="nav-link-main nav-link-home">Home</a> </div> <div class="nav-who nav-link-main-container"> <a href="https://www.icrc.org/en/who-we-are" class="nav-link-main">Who we are</a> <div class="nav-submenu"> <a class="nav-link-sub-toggle i-arrow-left js_toggle visible-sm visible-xs" data-target=".nav-main">back</a> <a href="https://www.icrc.org/en/who-we-are" class="nav-link-spot i-arrow-right-after">Overview of Who we are</a> <div class="nav-scroll"> <div class=" nav-split"> <ul><li> <a href="https://www.icrc.org/en/who-we-are/mandate" title="https://www.icrc.org/ar/who-we-are/funds-medals">Our mandate and mission</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/the-governance" title="">Governance </a> </li> <li> <a href="https://www.icrc.org/en/person/peter-maurer" title="">President of the ICRC</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/finances" title="">Finances</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/history" title="">History</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/movement" title="">The Red Cross and Red Crescent Movement</a> </li> <li> <a href="https://www.icrc.org/en/fundamental-principles" title="">Fundamental principles</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/funds-medals" title="">Funds and medals</a> </li> <li> <a href="https://careers.icrc.org/" title="">Working for the ICRC</a> </li> <li> <a href="https://www.icrc.org/en/event" title="">Events</a> </li> <li> <a href="https://www.icrc.org/en/document/code-conduct-employees-icrc" title="">Our Code of Conduct</a> </li> <li> <a href="https://www.icrc.org/en/contact" title="">Contacts</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/foundation-icrc" title="">Foundation for the ICRC</a> </li> </ul></div> </div> </div> </div> <div class="nav-what nav-link-main-container"> <a href="https://www.icrc.org/en/what-we-do" class="nav-link-main">What we do</a> <div class="nav-submenu"> <a class="nav-link-sub-toggle i-arrow-left js_toggle visible-sm visible-xs" data-target=".nav-main">back</a> <a href="https://www.icrc.org/en/what-we-do" class="nav-link-spot i-arrow-right-after">Overview of What we do</a> <div class="nav-scroll"> <div class=" nav-split"> <ul><li> <h5 class="h5">Activities</h5> <ul><li><a href="https://www.icrc.org/en/what-we-do/sexual-violence" title="">Addressing sexual violence</a></li> <li><a href="https://www.icrc.org/en/what-we-do/building-respect-ihl" title="">Building respect for the law</a></li> <li><a href="https://www.icrc.org/en/what-we-do/cooperating-national-societies">Cooperation with the National Societies</a></li> <li><a href="https://www.icrc.org/en/what-we-do/ensuring-economic-security" title="">Economic security</a></li> <li><a href="https://www.icrc.org/en/what-we-do/forensic-action" title="">Forensic action</a></li> <li><a href="https://www.icrc.org/en/what-we-do/health" title="">Health</a></li> <li><a href="https://www.icrc.org/en/what-we-do/mine-action" title="">Mine action</a></li> <li><a href="https://www.icrc.org/en/what-we-do/restoring-family-links" title="">Restoring family links</a></li> <li><a href="https://www.icrc.org/en/what-we-do/water-habitat" title="">Water and habitat</a></li> </ul></li> <li> <h5 class="h5">Who we help</h5> <ul><li><a href="https://www.icrc.org/en/war-and-law/protected-persons/civilians" title="">Civilians</a></li> <li><a href="https://www.icrc.org/en/war-and-law/protected-persons/children" title="">Children</a></li> <li><a href="https://www.icrc.org/en/what-we-do/visiting-detainees" title="">Detainees </a></li> <li><a href="https://www.icrc.org/en/war-and-law/protected-persons/internally-displaced-persons" title="">Internally displaced people</a></li> <li><a href="https://www.icrc.org/en/migrants" title="">Migrants, refugees, asylum seekers</a></li> <li><a href="https://www.icrc.org/en/war-and-law/protected-persons/missing-persons" title="">Missing people</a></li> <li><a href="https://www.icrc.org/en/disability" title="">People with disabilities</a></li> <li><a href="https://www.icrc.org/en/war-and-law/protected-persons/women" title="">Women</a></li> </ul></li> <li> <h5 class="h5">Thematics</h5> <ul><li><a href="https://www.icrc.org/en/what-we-do/access-education">Access to Education</a></li> <li><a href="https://www.icrc.org/en/accountability-affected-people">Accountability to affected people</a></li> <li><a href="https://www.icrc.org/en/what-we-do/climate-change-conflict">Climate change and conflict</a></li> <li><a href="https://www.icrc.org/en/what-we-do/covid-19-pandemic">Coronavirus: COVID-19 pandemic </a></li> <li><a href="https://www.icrc.org/en/what-we-do/operational-research">Operational Research</a></li> <li><a href="https://www.icrc.org/en/what-we-do/virtual-reality">Virtual reality</a></li> <li><a href="https://www.icrc.org/en/what-we-do/war-in-cities">War in cities</a></li> </ul></li> </ul></div> </div> </div> </div> <div class="nav-where nav-link-main-container"> <a href="https://www.icrc.org/en/where-we-work" class="nav-link-main">Where we work</a> <div class="nav-submenu"> <a class="nav-link-sub-toggle i-arrow-left js_toggle visible-sm visible-xs" data-target=".nav-main">back</a> <a href="https://www.icrc.org/en/where-we-work" class="nav-link-spot i-arrow-right-after">Overview of Where we work</a> <div class="nav-scroll"> <div class=" nav-split"> <ul><li> <h5 class="h5">Key Operations</h5> <ul><li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/asia-pacific/afghanistan">Afghanistan</a></li> <li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/africa/ethiopia">Ethiopia</a></li> <li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/africa/sahel">Sahel</a></li> <li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/africa/sudan">Sudan</a></li> </ul></li> </ul><ul><li> <h5 class="h5 country-col-2"> </h5> <ul><li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/middle-east/syria">Syria</a></li> <li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/europe-central-asia/ukraine">Ukraine</a></li> <li><a class="nav-link-sub" href="https://www.icrc.org/en/where-we-work/middle-east/yemen">Yemen</a></li> </ul></li> </ul></div> </div> </div> </div> <div class="nav-war nav-link-main-container"> <a href="https://www.icrc.org/en/war-and-law" class="nav-link-main">War &amp; Law</a> <div class="nav-submenu"> <a class="nav-link-sub-toggle i-arrow-left js_toggle visible-sm visible-xs" data-target=".nav-main">back</a> <a href="https://www.icrc.org/en/war-and-law" class="nav-link-spot i-arrow-right-after">Overview of War &amp; Law</a> <div class="nav-scroll"> <div class=" nav-split"> <ul><li> <h5 class="h5">Legal Basis</h5> <ul><li><a href="https://www.icrc.org/en/war-and-law/treaties-customary-law/geneva-conventions" title="">Geneva Conventions and Commentaries</a></li> <li><a href="https://www.icrc.org/en/war-and-law/treaties-customary-law" title="">Treaties and customary law</a></li> </ul></li> <li> <h5 class="h5">Featured Publications</h5> <ul><li><a href="https://casebook.icrc.org/" title="">How does law protect in war?</a></li> <li><a href="https://www.icrc.org/en/international-review" title="">International Review of the Red Cross</a></li> <li><a href="http://blogs.icrc.org/law-and-policy/" title="">Humanitarian Law &amp; Policy blog </a></li> </ul></li> <li> <h5 class="h5">Services and Resources</h5> <ul><li><a href="https://www.icrc.org/en/document/icrc-advisory-services-international-humanitarian-law" title="">Legal advisory services</a></li> <li><a href="https://www.icrc.org/en/what-we-do/building-respect-ihl/education-outreach" title="">Learning and teaching IHL</a></li> <li><a href="https://www.icrc.org/en/war-and-law/law-and-policy" title="">Law and policy platform</a></li> <li><a href="https://www.icrc.org/en/content/law-and-policy-events" title="">Law and policy events</a></li> </ul></li> <li> <h5 class="h5">Legal Topics</h5> <ul><li><a href="https://www.icrc.org/en/war-and-law/contemporary-challenges-for-ihl" title="">Current debates on IHL</a></li> <li><a href="https://www.icrc.org/en/war-and-law/protected-persons" title="">Protected persons</a></li> <li><a href="https://www.icrc.org/en/war-and-law/weapons" title="">Weapons</a></li> <li><a href="https://www.icrc.org/en/war-and-law/conduct-hostilities" title="">Conduct of hostilities</a></li> <li><a href="https://www.icrc.org/en/war-and-law/emblem" title="">Use of emblems</a></li> <li><a href="https://www.icrc.org/en/war-and-law/international-criminal-jurisdiction" title="">Violations of IHL</a></li> <li><a href="https://www.icrc.org/en/war-and-law/ihl-domestic-law" title="">Domestic law and IHL</a></li> <li><a href="https://www.icrc.org/en/war-and-law/ihl-other-legal-regimes" title="">Bodies of law related to IHL</a></li> <li><a href="https://www.icrc.org/en/war-and-law/strengthening-ihl" title="">Strengthening IHL project</a></li> </ul></li> </ul></div> </div> </div> </div> <div class="nav-support-us nav-link-main-container"> <a class="nav-link-main" href="https://www.icrc.org/en/support-us">Support us</a> <div class="nav-submenu"> <a class="nav-link-sub-toggle i-arrow-left js_toggle visible-sm visible-xs" data-target=".nav-main">back</a> <a class="nav-link-spot i-arrow-right-after" href="https://www.icrc.org/en/support-us">Overview of Support us</a> <div class="nav-scroll"> <div class=" nav-split"> <ul><li> <h5 class="h5">DONATE NOW</h5> <ul><li><a href="https://www.icrc.org/en/donate" title="Donate to our general appeal">Give a gift of hope</a></li> <li><a href="https://www.icrc.org/en/donate/afghanistan">Afghanistan in crisis</a></li> <li><a href="https://www.icrc.org/en/donate?t=MONTHLY">Give monthly</a></li> <li><a href="https://www.icrc.org/en/donate/ukraine">Humanitarian crisis in Ukraine</a></li> <li><a href="https://www.icrc.org/en/donate/ilot" title="Donate to Israel and the occupied territory">Donate to Israel and the occupied territory</a></li> <li><a href="https://www.icrc.org/en/donate/syria-10-years-of-crisis">Donate to Syria: 10 years of crisis</a></li> <li><a href="https://www.icrc.org/en/faq/donate-frequently-asked-questions">FAQ</a></li> <li><a href="https://www.icrc.org/en/support-us/where-does-your-money-go" title="See how your donation saves lives">Learn where your money goes</a></li> <li><a href="https://www.icrc.org/en/faq/donate-by-bank-transfer-or-cheque" title="Find out how to donate by bank transfer, postal transfer or cheque">Donate by bank transfer</a></li> </ul></li> <li> <h5 class="h5">OTHER WAYS TO GIVE</h5> <ul><li><a href="https://www.icrc.org/en/support-us/audience/bequests-and-legacies" title="">Leave a legacy</a></li> <li><a href="https://www.icrc.org/en/support-us/fundraising-event" title="By organizing a fundraising event, you will be supporting the essential work of the ICRC.">Fundraising events</a></li> <li><a href="https://www.icrc.org/en/support-us/audience/friends-icrc" title="">Become a Friend of the ICRC</a></li> <li><a href="https://www.icrc.org/en/support-us/audience/philanthropy" title="">Make a major gift</a></li> <li><a href="https://www.icrc.org/en/support-us/audience/planned-giving" title="Make a lasting difference to the lives of people affected by armed conflict.">Planned giving</a></li> </ul></li> <li> <h5 class="h5">PARTNER WITH US</h5> <ul><li><a href="https://www.icrc.org/en/support-us/audience/foundations" title="">Foundations and trusts</a></li> <li><a href="https://www.icrc.org/en/support-us/audience/corporate-support" title="Support our work through your company">Corporates</a></li> <li><a href="https://www.icrc.org/en/support-us/audience/development-partnerships%20" title="">Development actors</a></li> </ul></li> </ul></div> </div> </div> </div> <div class="nav-donate nav-link-main-container pull-right hidden-xs hidden-sm"> <a href="https://www.icrc.org/en/donate" class="bg-red nav-link-main">Donate</a> </div> </div> </div> </div> </nav>';
        //if(_lessThanIE8()) {
        var headerNavEl = null;
        var headerEl = null;
        var navEl = null;
        if(!options.responsive) {
            header = header.replace(/<header\s+class="/, '<div class="icrc-header ').replace(/<\/header>/, '</div>');
            nav = nav.replace(/<nav\s+class="/, '<div class="icrc-nav ').replace(/<\/nav>/, '</div>');
            headerNav = '<div class="icrc-w4-wrap">' + header + nav + '</div>';
            headerNavEl = getElement(headerNav);
            headerEl = headerNavEl.childNodes[0];
            navEl = headerNavEl.childNodes[1];
        }
        else {
            headerEl = getElement(header);
            navEl = getElement(nav);
        }
        var headerTogglesElts = headerEl.getElementsByClassName('js_toggle');
        for(var i=0; i < headerTogglesElts.length; i++) _postElts.toggles.push(headerTogglesElts[i]);
        var navTogglesElts = navEl.getElementsByClassName('js_toggle');
        for(var i=0; i < navTogglesElts.length; i++) _postElts.toggles.push(navTogglesElts[i]);
        var headerSelectElts = headerEl.getElementsByTagName('select');
        for(var i=0; i < headerSelectElts.length; i++) _postElts.select.push(headerSelectElts[i]);
        var navSelectElts = navEl.getElementsByTagName('select');
        for(var i=0; i < navSelectElts.length; i++) _postElts.select.push(navSelectElts[i]);
        
        // ---------------------------
        // Languages
        // ---------------------------
        
        var langCls = "list-languages";
        var langComboCls = "styled-language-select";
        var langEl = headerEl.getElementsByClassName(langCls)[0];
        var langLinks = langEl.getElementsByTagName('a');
        var langComboEl = headerEl.getElementsByClassName(langComboCls)[0];
        var langComboOptions = langComboEl.getElementsByTagName('option');
        
        // ---------------------------
        // Active language
        // ---------------------------
        try {
            var isActiveLangRe = /^https?:\/\/[^\/]+\/([a-z]{2})\/rx\/headerfooter/;
            var i;
            
            for(i=0; i < langLinks.length; i++) {
                var href = langLinks[i].getAttribute('href');
                if(isActiveLangRe.test(href)) {
                    langLinks[i].setAttribute('href', window.location.href);
                }
            }
        }
        catch(e) {
            // console.log(e);
            _log("An error occurs in the active language");
        }
        
        // ---------------------------
        // Donations Languages
        // ---------------------------
        try {
            
            var isDonationRe = /^\/([a-z]{3})\/donations\/?.*/;
            var isDonationReResult = isDonationRe.exec(window.location.pathname);
            
            if (isDonationReResult !== null) {
                
                var isRootOfLanguage = /^(?:.*)\/([a-z]{2})$/;
                var languageIso3CodeList = {
                    'en': 'eng',
                    'fr': 'fre',
                    'es': 'spa',
                    'pt': 'por',
                    'zh': 'chi',
                    'ar': 'ara',
                    'ru': 'rus'
                };
                var i;
                var donationsLang = isDonationReResult[1];
                var lastLangComboOptions = langComboOptions[langComboOptions.length - 1];
                var lastLangComboOptionsParent = lastLangComboOptions.parentNode;
                var donationsAdditionalLang = [
                    {
                        id: 'deu',
                        label: 'Deutsch',
                        url: '/deu/donations'
                    },
                    {
                        id: 'ita',
                        label: 'Italiano',
                        url: '/ita/donations'
                    }
                ];
                
                for (i=0; i < langComboOptions.length; i++) {
                    var url = langComboOptions[i].value;
                    var result = isRootOfLanguage.exec(url);
                    if (result !== null) {
                        var languageCode = result[1];
                        url = url.replace(languageCode, languageIso3CodeList[languageCode]);
                        url = url + '/donations';
                        langComboOptions[i].value = url;
                    }
                }
                
                for (i=0; i < langLinks.length; i++) {
                    var url = langLinks[i].getAttribute('href');
                    var result = isRootOfLanguage.exec(url);
                    if (result !== null) {
                        var languageCode = result[1];
                        url = url.replace(languageCode, languageIso3CodeList[languageCode]);
                        url = url + '/donations';
                        langLinks[i].setAttribute('href', url);
                    }
                }
                
                for(i=0; i < donationsAdditionalLang.length; i++) {
                    var donationsAdditionalLangItem = donationsAdditionalLang[i];
                    
                    if(donationsAdditionalLangItem.id === donationsLang) {
                        continue;
                    }
                    
                    var donationsNewLang = document.createElement('option');
                    donationsNewLang.setAttribute('value', donationsAdditionalLangItem.url);
                    donationsNewLang.innerHTML = donationsAdditionalLangItem.label;
                    lastLangComboOptionsParent.insertBefore(donationsNewLang, lastLangComboOptions);
                }
                
                //console.log(lastLangComboOptions);
            }
        }
        catch(e) {
            // console.log(e);
            _log("An error occurs in the donations languages");
        }
        
        // Notes custom fixes
        var notesSite = notesData.sites[options.notes];
        if(!!notesSite) {
            // ---------------------------
            // Notes Languages
            // ---------------------------
            try {
                langComboEl.parentNode.parentNode.removeChild(langComboEl.parentNode);
                
                var toRemove = [];
                
                for(var i=0; i < langLinks.length; i++) {
                    var link = langLinks[i];
                    
                    var path = link.getAttribute('href');
                    path = path.replace(/https?:\/\/[^\/]+\//, '/');
                    var langPath = notesSite.langPaths[path];
                    if(!!langPath) {
                        link.setAttribute('href', langPath);
                    }
                    else {
                        toRemove.push({
                            child: link.parentNode,
                            parent: link.parentNode.parentNode
                        });
                    }
                }
                
                for(var i=0; i < toRemove.length; i++) {
                    toRemove[i].parent.removeChild(toRemove[i].child);
                }
            }
            catch(e) {
                _log("An error occurs in the notes languages transformation");
            }
            
            // ---------------------------
            // Notes Search
            // ---------------------------
            
            try {
                var searchAnchors = navEl.getElementsByTagName('a');
                for(var j=0; j < searchAnchors.length; j++) {
                    var a = searchAnchors[j];
                    
                    if(a.className.indexOf(notesData.searchIconCls) > -1) {
                        a.style.display = "none";
                    }
                }
                
                // var searchForms = headerEl.getElementsByTagName('form');
                // for(var j=0; j < searchForms.length; j++) {
                    // var searchForm = searchForms[j];
                    // if(searchForm.className === notesData.searchFormCls) {
                        // var searchFormInputs = searchForm.getElementsByTagName('input');
                        
                        // for(var i=0; i < searchFormInputs.length; i++) {
                            // var searchInput = searchFormInputs[i];
                            // if(searchInput.getAttribute('name') == notesData.searchInputName) {
                                // searchForm.setAttribute('action', notesSite.searchUrl);
                                // searchForm.setAttribute('method', 'GET');
                                // searchInput.setAttribute('name', 'key');
                                // searchInput.setAttribute('value', _getQueryParameter('key', ''));
                                // var fieldToSortHidden = document.createElement('input');
                                // fieldToSortHidden.setAttribute('type', 'hidden');
                                // fieldToSortHidden.setAttribute('name', 'fieldToSort');
                                // fieldToSortHidden.setAttribute('value', 'TRINOT');
                                // searchForm.appendChild(fieldToSortHidden);
                                
                                // break;
                            // }
                        // }
                        
                        // break;
                    // }
                // }
            }
            catch(e) {
                _log("An error occurs in the notes search transformation");
            }
            
            // ---------------------------
            // Notes Slogan
            // ---------------------------
            
            try {
                // var headerTitleEl = headerEl.getElementsByClassName('slogan')[0];
                // headerTitleEl.innerHTML = notesSite.headerTitle;
            }
            catch(e) {
                _log("An error occurs in the notes slogan transformation");
            }
        }
        
        var headerPlaceholder = document.getElementById('headerplaceholder');
        if(!headerPlaceholder) headerPlaceholder = document.getElementById('header');
        if(!!headerPlaceholder) {
            var parent = headerPlaceholder.parentNode;
            if(!!headerNavEl) {
                headerPlaceholder.appendChild(headerNavEl);
            }
            else {
                headerPlaceholder.appendChild(headerEl);
                headerPlaceholder.appendChild(navEl);
            }
        }
        else {
            if(!!headerNavEl) {
                body.insertBefore(headerNavEl, body.firstChild);
            }
            else {
                body.insertBefore(navEl, body.firstChild);
                body.insertBefore(headerEl, body.firstChild);
            }
        }
    }
    
    function renderFooter(options) {
        var footer = '<footer class="clear"><nav class="footer-nav clear"><div class="container"> <div class="row"> <div class="col-md-3"> <div class="hidden-xs hidden-sm"> <h2>The work of the ICRC</h2> <div> <p>The ICRC helps those affected by armed conflict and promotes compliance with international humanitarian law. Read more about <a href="/en/what-we-do">what we do</a> and <a href="/en/who-we-are">who we are</a>.</p> </div> </div> <div class="hidden-md hidden-lg"> <h2>Subscribe to the ICRC newsletter</h2> <div> <form action="https://www.icrc.org/en/newsletter" method="get" novalidate="novalidate" class="footer-newsletter-form"> <button type="submit">Sign up</button> <div class="input-wrapper"> <input type="email" name="email" placeholder="Your email address"></div> </form> </div> </div> </div> <div class="col-md-2"> <h2>Sections</h2> <div class="hidden-xs hidden-sm"> <ul><li><a href="https://www.icrc.org/en/who-we-are">Who we are</a></li> <li><a href="https://www.icrc.org/en/what-we-do">What we do</a></li> <li><a href="https://www.icrc.org/en/where-we-work">Where we work</a></li> <li><a href="https://www.icrc.org/en/war-and-law">War &amp; Law</a></li> <li><a href="https://www.icrc.org/en/support-us">Support us</a></li> </ul></div> <div class="hidden-md hidden-lg"> <div class="footer-dropdown"> <button>...<span class="button-icon i-arrow-down"></span></button> <div class="footer-dropdown-content"> <ul><li><a href="https://www.icrc.org/en/who-we-are">Who we are</a></li> <li><a href="https://www.icrc.org/en/what-we-do">What we do</a></li> <li><a href="https://www.icrc.org/en/where-we-work">Where we work</a></li> <li><a href="https://www.icrc.org/en/war-and-law">War &amp; Law</a></li> <li><a href="https://www.icrc.org/en/support-us">Support us</a></li> </ul></div> </div> </div> </div> <div class="col-md-3"> <h2>Quick links</h2> <div class="hidden-xs hidden-sm"> <ul><li> <a href="https://www.icrc.org/en">Home</a> </li> <li> <a href="https://www.icrc.org/en/whats-new">What\'s new</a> </li> <li> <a href="https://www.icrc.org/en/contact">Contact</a> </li> <li> <a href="https://www.icrc.org/en/contact#media-contacts">Media Contacts</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/jobs">Working for the ICRC</a> </li> <li> <a href="https://www.icrc.org/en/languages">Other languages</a> </li> <li> <a href="https://www.icrc.org/en/doing-business-with-icrc">Doing business with the ICRC</a> </li> <li> <a href="https://www.icrc.org/en/document/code-conduct-employees-icrc">Reporting Misconduct</a> </li> <li> <a href="https://www.icrc.org/en/document/access-information-and-accountability%20">Access to information and accountability</a> </li> <li> <a href="https://xnet.ext.icrc.org/applic/extranet/rexdonors.nsf/home.xsp%20%20%20">Extranet for donors</a> </li> </ul></div> <div class="hidden-md hidden-lg"> <div class="footer-dropdown"> <button>...<span class="button-icon i-arrow-down"></span></button> <div class="footer-dropdown-content"> <ul><li> <a href="https://www.icrc.org/en">Home</a> </li> <li> <a href="https://www.icrc.org/en/whats-new">What\'s new</a> </li> <li> <a href="https://www.icrc.org/en/contact">Contact</a> </li> <li> <a href="https://www.icrc.org/en/contact#media-contacts">Media Contacts</a> </li> <li> <a href="https://www.icrc.org/en/who-we-are/jobs">Working for the ICRC</a> </li> <li> <a href="https://www.icrc.org/en/languages">Other languages</a> </li> <li> <a href="https://www.icrc.org/en/doing-business-with-icrc">Doing business with the ICRC</a> </li> <li> <a href="https://www.icrc.org/en/document/code-conduct-employees-icrc">Reporting Misconduct</a> </li> <li> <a href="https://www.icrc.org/en/document/access-information-and-accountability%20">Access to information and accountability</a> </li> <li> <a href="https://xnet.ext.icrc.org/applic/extranet/rexdonors.nsf/home.xsp%20%20%20">Extranet for donors</a> </li> </ul></div> </div> </div> </div> <div class="col-md-4"> <div class="hidden-xs hidden-sm"> <h2>Subscribe to the ICRC newsletter</h2> <div> <form action="https://www.icrc.org/en/newsletter" method="get" novalidate="novalidate" class="footer-newsletter-form"> <button type="submit">Sign up</button> <div class="input-wrapper"> <input type="email" name="email" placeholder="Your email address"></div> </form> </div> </div> <div class="blog-list"> <h2>ICRC Blogs</h2> <div> <div class="footer-dropdown"> <button>...<span class="button-icon i-arrow-down"></span></button> <div class="footer-dropdown-content"> <ul><li> <a href="https://intercrossblog.icrc.org/" target="_blank">Washington</a> </li> <li> <a href="https://blogs.icrc.org/ilot/" target="_blank">Israel and the occupied territories</a> </li> <li> <a href="https://blogs.icrc.org/new-delhi/" target="_blank">New Delhi</a> </li> <li> <a href="https://blogs.icrc.org/inspired/" target="_blank">Inspired: Innovation at the ICRC</a> </li> <li> <a href="https://kr.icrc.org/" target="_blank">Republic of Korea</a> </li> <li> <a href="https://blogs.icrc.org/law-and-policy/" target="_blank">Humanitarian law and policy</a> </li> <li> <a href="https://blogs.icrc.org/hdtse/" target="_blank">L\'humanitaire dans tous ses états</a> </li> <li> <a href="https://blogs.icrc.org/religion-humanitarianprinciples" target="_blank">Religion and Humanitarian Principles</a> </li> <li> <a href="https://jp.icrc.org/" target="_blank">Japan</a> </li> <li> <a href="https://blogs.icrc.org/th/" target="_blank">Bangkok</a> </li> <li> <a href="https://blogs.icrc.org/indonesia/" target="_blank">Jakarta</a> </li> <li> <a href="https://blogs.icrc.org/somalia/" target="_blank">Somalia</a> </li> <li> <a href="https://blogs.icrc.org/cross-files/" target="_blank">CROSS-files</a> </li> <li> <a href="https://blogs.icrc.org/alinsani/" target="_blank">Alinsani</a> </li> <li> <a href="https://blogs.icrc.org/ir/" target="_blank">Iran</a> </li> </ul></div> </div> </div> </div> </div> </div> </div> </nav><div class="social-icons clear"> <div class="container"> <div class="row"> <a class="social-icon img-circle i-twitter i-twitter-color-hover" href="https://twitter.com/icrc" target="_blank"><span class="sr-only">Twitter</span></a> <a class="social-icon img-circle i-facebook i-facebook-color-hover" href="https://www.facebook.com/icrc" target="_blank"><span class="sr-only">Facebook</span></a> <a class="social-icon img-circle i-instagram i-instagram-color-hover" href="https://www.instagram.com/ICRC/" target="_blank"><span class="sr-only">Instagram</span></a> <a class="social-icon img-circle i-tiktok i-tiktok-color-hover" href="https://www.tiktok.com/@icrc" target="_blank"><span class="sr-only">Tiktok</span></a> <a class="social-icon img-circle i-linkedin i-linkedin-color-hover" href="https://www.linkedin.com/company/icrc" target="_blank"><span class="sr-only">LinkedIn</span></a> <a class="social-icon img-circle i-youtube i-youtube-color-hover" href="https://www.youtube.com/icrcfilms" target="_blank"><span class="sr-only">YouTube</span></a> <a class="social-icon img-circle i-rss i-rss-color-hover" href="https://www.icrc.org/en/rss/general" target="_blank"><span class="sr-only">RSS</span></a> </div> </div> </div> <div class="meta-footer clear"> <div class="container"> <div class="row"> <div id="footer-bottom-menu"> <div class="region region-footer-bottom"> <div id="block-menu-menu-footer-bottom" class="block block-menu"> <div class="content"> <ul class="menu"><li class="first leaf"><span title="" class="nolink" tabindex="0">© International Committee of the Red Cross</span></li> <li class="leaf"><a href="/en/accessibility" rel="nofollow">Accessibility</a></li> <li class="leaf"><a href="/en/copyright-and-terms-use" rel="nofollow">Copyright</a></li> <li class="leaf"><a href="/en/privacy-policy" rel="nofollow">Privacy policy</a></li> <li class="leaf"><a href="https://www.icrc.org/en/faq/tax-deductions" rel="nofollow">Tax deductions</a></li> <li class="last leaf"><span title="" class="nolink" tabindex="0">UID: CHE-105.924.024</span></li> </ul></div> </div> </div> </div> </div> <div> </div> <div class="lightbox-list hidden"> <div id="lightbox-country-map" class="lightbox container lightbox-country-map"> </div> </div> <script type="text/javascript" src="/sites/default/files/advagg_js/js__MvssoaSCFgolsKmvkGnKHy_AuHWO0GEM2AbV14GSZRU__6rEGu6z8XRRNj6rfsxEP68ENYK46bSQWijqSlA136Pw__DSDQfe5787QTIhJ2_eXlvRcg6mqLvDQ2XPARz3SDtYE.js"></script><script type="text/javascript" defer async="async" src="https://www.recaptcha.net/recaptcha/api.js?hl=en"></script><!--[if lt IE 9]> <script src="/sites/default/themes/icrc_theme/js/lib/respond.min.js"></script> <![endif]--><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-FVTRGQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\'gtm.start\': new Date().getTime(),event:\'gtm.js\'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!=\'dataLayer\'?\'&l=\'+l:\'\';j.async=true;j.src= \'//www.googletagmanager.com/gtm.js?id=\'+i+dl;f.parentNode.insertBefore(j,f); })(window,document,\'script\',\'dataLayer\',\'GTM-FVTRGQ\');</script></div></div></footer>';
        //if(_lessThanIE8()) {
        if(!options.responsive) {
            footer = footer.replace(/<footer\s+class="/, '<div class="icrc-w4-wrap"><div class="icrc-footer ').replace(/<\/footer>/, '</div>').replace(/<nav/, '<div').replace(/<\/nav>/, '</div>');
        }
        // _log(_lessThanIE8());
        var footerEl = getElement(footer); // considering the use of getElements()
        var oldFooterEl = document.getElementById('footerplaceholder');
        if(!oldFooterEl) oldFooterEl = document.getElementById('footer');
        if(!!oldFooterEl) {
            var parent = oldFooterEl.parentNode;
            parent.replaceChild(footerEl, oldFooterEl);
        }
        else {
            body.appendChild(footerEl);
        }
    }
    
    function renderJSFooter() {
        var jsFooter = '';
        var scripts = getElements(jsFooter);
        for(var i=0, l=scripts.length; i < l; i++) {
            if(scripts[i].tagName === 'SCRIPT') {
                var script = document.createElement("script");
                script.setAttribute('type', 'text/javascript');
                script.setAttribute('src', scripts[i].src);
                body.appendChild(script);
            }
        }
    }
    
    function _toggleElement(el) {
        var parts = el.className.split(/\s/);
        var resParts = [];
        var active = false;
        var activeClass = 'active';
        
        for(var i=0, l=parts.length; i < l; i++) {
            if(parts[i] === activeClass) {
                active = true;
            }
            else {
                resParts.push(parts[i]);
            }
        }
        
        if(!active) {
            resParts.push(' ' + activeClass);
        }
        
        el.className = resParts.join(' ');
    }
    
    function _toggleElementClickHandler(evt) {
        if(!!evt.preventDefault)
            evt.preventDefault();
        else
            evt.returnValue = false;
        var target = !!evt.target ? evt.target : evt.srcElement;
        var dataTarget = target.getAttribute('data-target');
        var dataTargets = dataTarget.split(/,\s*/);
        
        if(!document.getElementsByClassName) {
            document.getElementsByClassName = _getElementsByClassName;
        }
        
        var elts = [];
        
        for(var i=0, l=dataTargets.length; i < l; i++) {
            var d = dataTargets[i];
            var f = d.substr(0, 1);
            var g = d.substring(1);
            var el = null;
            
            switch(f) {
                case '.':    // this is a class selector
                    var sElts = document.getElementsByClassName(g);
                    for(var j=0, m=sElts.length; j < m; j++) {
                        elts.push(sElts[j]);
                    }
                    break;
                
                case '#':    // this is an ID selector
                    elts.push(document.getElementById(g));
                    break;
                
                default:
                    break;
            }
        }
        
        for(var i=0, l=elts.length; i < l; i++) {
            _toggleElement(elts[i]);
        }
    }
    
    function _selectChangeHandler(evt) {
        evt.preventDefault();
        var target = evt.target;
        
        // target.nextSibling.innerHTML = target.options[target.selectedIndex].innerHTML;
        location.href = target.options[target.selectedIndex].getAttribute('value');
    }
    
    function post() {
        
        // Toggle elements
        for(var i=0, l=_postElts.toggles.length; i < l; i++) {
            var el = _postElts.toggles[i];
            
            if(el.attachEvent) {
                el.attachEvent('onclick', _toggleElementClickHandler);
            }
            else if (el.addEventListener){
                el.addEventListener('click', _toggleElementClickHandler, false);
            }
        }
        
        // Select elements
        for(var i=0, l=_postElts.select.length; i < l; i++) {
            var el = _postElts.select[i];
            var selectContainer = document.createElement('div');
            var selectText = document.createElement('div');
            
            // Replacing the select element by its wrapper
            el.parentNode.replaceChild(selectContainer, el);
            selectContainer.className = 'selectcontainer ' + el.className;
            
            // Insert the select element into its wrapper
            selectContainer.appendChild(el);
            
            // Append the text
            selectText.className = 'selecttext';
            selectText.innerHTML = el.firstChild.innerHTML;
            selectContainer.appendChild(selectText);
            
            if(el.attachEvent) {
                el.attachEvent('onchange', _selectChangeHandler);
            }
            else if (el.addEventListener){
                el.addEventListener('change', _selectChangeHandler, false);
            }
        }
        
        // LANGUAGE LIST
        
        // -----------------------------------------------------------------------------------------------------
        // 1DI: j'ai commenté le code ci-dessous car la boucle ci-dessus faisait déjà le taff.
        // Il y avait un TODO dans la méthode _selectChangeHandler( concernant ce sujet).
        // -----------------------------------------------------------------------------------------------------
        
        // var languageListElementList;
        
        // if (document.getElementsByClassName === undefined) {
            // languageListElementList = document.querySelectorAll('.list-languages');
        // } else {
            // languageListElementList = document.getElementsByClassName('list-languages');
        // }

        // var languageListElementListLength = languageListElementList.length;
        
        // for (var i = 0; i < languageListElementListLength; i++) {
            // var languageListSelectElementList = languageListElementList[i].getElementsByTagName('select');
            
            // if (document.addEventListener === undefined) {
                // languageListSelectElementList[0].attachEvent('onchange', _onLanguageListSelectElementChange);
            // } else {
                // languageListSelectElementList[0].addEventListener('change', _onLanguageListSelectElementChange);
            // }
        // }
    }
    
    // function _onLanguageListSelectElementChange(event)
    // {
        // event = event || window.event;
        // var target = event.target || event.srcElement;
        
        // location.href = target.options[target.selectedIndex].getAttribute('value');
    // }
    
    var singleton = {
        render: function(options) {
            options = options || {}; // set default
            init();
            renderHeader(options);
            renderFooter(options);
            renderJSFooter(options);
            post();
        }
    };
    return singleton;
}();