/*
 * Elément cliquable ayant déclenché l'ouverture modale en cours
 */
var alertOpener;

/*
 * Eléments navigables du corps de page
 */
var navTabs = [];

/*
 * Tabindex des éléments navigables du corps de page
 */
var navTabsTabindex = [];

/*
 * Traitement de tous les media en affichage modal
 */
var mediaLinks = document.getElementsByClassName('link-media');
var mediaLinksNb = mediaLinks.length;
for (var i=0;i<mediaLinksNb;i++) {
	mediaLinks[i].addEventListener('click', function(e) {
		
        e.preventDefault();
        
        // Récupération des valeurs
        if (!this.href) {
            return;
        }
        var href = this.href;
        var title = '';
        if (this.title) {
            title = this.title;
        }
        var mediaText = '';
        var isFullPage = false;
        
        // Switch selon le type de media
        switch (this.getAttribute('data-mediatype')) {
            
            // Ouverture modale d'une image
            case 'img' :
                mediaText = '<img src="'+href+'" alt="'+title+'" class="fullPage-image" />';
                break;
            
            // Ouverture modale d'une video
            case 'video' :
                mediaText = '<video class="fullPage-video" itemprop="url" title="'+title+'" alt="'+title+'" controls autoplay>';
                mediaText += '<source itemprop="url" content="'+window.location.protocol+'//'+window.location.hostname+href+'" src="'+href+'" type="video/mp4" />';
                mediaText += '<a href="'+href+'" download>'+title+'</a>';
                mediaText += '</video>';
                break;
            
            // Ouverture modale d'un pdf
            case 'pdf' :
                mediaText = '<object class="fullPage-object" data="'+href+'" type="application/pdf"></object>';
                isFullPage = true;
                break;
            
            // Ouverture modale d'une iframe
            case 'iframe' :
                mediaText = '<iframe class="fullPage-iframe" src="'+href+'" allowfullscreen></iframe>';
                isFullPage = true;
                break;
            
        }
		
        // Affichage de la fenetre
        if (mediaText!='') {
            displayFullPageAlert(mediaText,title,isFullPage);
            alertOpener = this;
        }
        
	},false);
}


/**
 * Affichage de la fenetre modale et remplissage de son contenu
 */
function displayFullPageAlert(content,title,isFullPage,openerId) {
	
    // Remplissage du contenu
    document.getElementById('fullPage-alert-content').innerHTML = content;
    if (title!='') {
        document.getElementById('fullPage-alert-title').textContent = title;
        document.getElementById('fullPage-alert-title').className = 'fullPage-alert-title';
    }
    if (isFullPage) {
        document.getElementById('fullPage-alert-container').className = 'fullPage-alert-container fullPage';
    } else {
        document.getElementById('fullPage-alert-container').className = 'fullPage-alert-container';
    }
	
    // Apparition fondue
    document.getElementById('fullPage-alert').style.opacity = '0';
	document.getElementById('fullPage-alert').className = 'fullPage-alert';
    
    // Accessibilité (aria + navigation clavier)
    document.getElementById('fullPage-alert').removeAttribute('aria-hidden');
    document.getElementById('page-wrapper').setAttribute('aria-hidden','true');
    disableMainNavTab();
	
    // Apparition totale
    setTimeout(function() {
		document.getElementById('fullPage-alert').style.opacity = '1';
		document.documentElement.style.overflow = 'hidden';
        // Focus sur la croix de fermeture
        document.getElementById('fullPage-alert-close').focus();
	},350);
    
}

/*
 * Fermeture de la fenêtre modale par clic ou echap
 */
document.getElementById('fullPage-alert-close').addEventListener('click',closeFullPageAlert,false);
document.addEventListener('keydown',function(e) {
	var code = e.keyCode || e.which;
	if (code === 27 && document.getElementById('fullPage-alert').className.indexOf('hidden')==-1) {
		closeFullPageAlert();
	} 
},false);

/**
 * Fermeture de la fenêtre modale
 */
function closeFullPageAlert() {
    
    // Disparition fondue
    document.documentElement.style.overflow = '';
    document.getElementById('fullPage-alert').style.opacity = '0';
    
    // Accessibilité (aria + navigation clavier)
    document.getElementById('fullPage-alert').setAttribute('aria-hidden','true');
    document.getElementById('page-wrapper').removeAttribute('aria-hidden');
    repairMainNavTab();
    
    // Focus de retour sur l'élément ayant déclenché l'ouverture modale
    alertOpener.focus();
    
    // Disparition totale
    setTimeout(function() {
        document.getElementById('fullPage-alert').className = 'fullPage-alert hidden';
        document.getElementById('fullPage-alert-content').innerHTML = '';
        document.getElementById('fullPage-alert-title').textContent = '';
        document.getElementById('fullPage-alert-title').className = 'fullPage-alert-title hidden';
    },350);
    
}

/**
 * Fonction désactivant la navigation clavier derrière la modale
 */
function disableMainNavTab() {
    navTabs = document.getElementById('page-wrapper').querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex^="-"]), iframe, object');
    var navTabsNb = navTabs.length;
    navTabsTabindex = [];
    for (var i=0;i<navTabsNb;i++) {
        // Garde en mémoire les valeurs de tabindex
        var tabIndex = navTabs[i].getAttribute('tabindex');
        if (tabIndex==null) {
            navTabsTabindex[i] = tabIndex
        } else {
            navTabsTabindex[i] = -9999;
        }
        // Bloque la navigation clavier
        navTabs[i].setAttribute('tabindex','-1');
    }
}

/**
 * Fonction réactivant la navigation clavier derrière la modale
 */
function repairMainNavTab() {
    var navTabsNb = navTabs.length;
    for (var i=0;i<navTabsNb;i++) {
        // Réinitialise les valeurs de tabindex
        var tabIndex = navTabsTabindex[i];
        if (navTabsTabindex[i] = -9999) {
            navTabs[i].removeAttribute('tabindex');
        } else {
            navTabs[i].setAttribute('tabindex',tabIndex);
        }
    }
}