// JavaScript Document
function popUpZoom(idImage) {
	popZoom = window.open("zoom.php?id="+idImage,"zoom","width=800,height=800,left=0,top=0");
	popZoom.focus();
}

function popVisite() {
	popVis = window.open("visiteVirtuelle.html","popVisite","width=950,height=430,left=0,top=0");
	popVis.focus();
}

/* Ces deux fonctions permettent de gérer l'affichage aggrandi d'une image */
function popMenu(id_menu, id_sous_menu) {

    document.getElementById(id_sous_menu).style.display = "block";
    document.getElementById(id_sous_menu).style.left = document.getElementById(id_menu).offsetLeft + 'px';
    document.getElementById(id_sous_menu).style.width = (document.getElementById(id_menu).offsetWidth + 1) + 'px';

}

function fermeMenu(id) {
    document.getElementById(id).style.display = "none";
}

function popupCentre(fichier, largeur, hauteur) {
    var posX = (screen.width / 2) - (largeur / 2);
    var posY = (screen.height / 2) - (hauteur / 2);
    window.open(fichier, "", "width = " + largeur + ", height = " + hauteur + ", left = " + posX + ", top = " + posY + ", toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'");
}

/* Cette fonction va mettre en avant la vignette devant laquelle on passe :
    - cadre blanc pour la vignette
    - 'i' de information allumé
    id : id de l'oeuvre à illuminer (il y en a plusieurs sur la même page)
    on : faut-il allumer ou éteindre
*/
function highlightVignette(id, on) {

    if (on) {
        document.getElementById('info' + id).src = '../images/information2.gif';
        document.getElementById('img' + id).style.border = '#ffffff 1px solid';
    } else {
        document.getElementById('info' + id).src = '../images/information.gif';
        document.getElementById('img' + id).style.border = '#434648 1px solid';
    }
}

function getXhr() {

    var xhr = null;

    if(window.XMLHttpRequest) {

        // Firefox et autres
        xhr = new XMLHttpRequest();

    } else if (window.ActiveXObject) {

        // Internet Explorer
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    } else { // XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        xhr = false;
    }
    return xhr;
}

function genere_liste_artiste(type_artiste, lettre) {

    var xhr = getXhr();

    // On définit ce qu'on va faire quand on aura la réponse
    xhr.onreadystatechange = function() {
        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if (xhr.readyState == 4 && xhr.status == 200) {

            liste = xhr.responseText;

            // On se sert de innerHTML pour créer la liste
            if (type_artiste == 0) {
                document.getElementById('liste_peintre').innerHTML = liste;
                var myDiv = document.getElementById('mycustomscroll_peintre');
                if (myDiv != null && myDiv.scrollUpdate) myDiv.scrollUpdate();
                //myDiv.scrollToElement(1);
            } else {
                document.getElementById('liste_sculpteur').innerHTML = liste;
                var myDiv = document.getElementById('mycustomscroll_sculpteur');
                if (myDiv != null && myDiv.scrollUpdate) myDiv.scrollUpdate();
            }
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST", "ajax_liste_artiste.php", true);

    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

    // ne pas oublier de poster les arguments, ici le type d'artiste et la lettre
    xhr.send("type=" + type_artiste + "&lettre=" + lettre);

}

function play() {
    var dewp = document.getElementById("dewplayer");
    if(dewp!=null) dewp.dewplay();
}

function stop() {
    var dewp = document.getElementById("dewplayer");
    if(dewp!=null) dewp.dewstop();
}

function pause() {
    var dewp = document.getElementById("dewplayer");
    if(dewp!=null) dewp.dewpause();
}

var son = 'on';

function alterne_son() {

    if (son == 'on') {
        document.getElementById('bouton_son').src = 'images/son_on.gif';
        document.getElementById('bouton_son').alt = 'Jouer la musique';
        document.getElementById('bouton_son').title = 'Jouer la musique';
        pause();
        // stop();
        son = 'off';

    } else {
        document.getElementById('bouton_son').src = 'images/son_off.gif';
        document.getElementById('bouton_son').alt = 'Couper la musique';
        document.getElementById('bouton_son').title = 'Couper la musique';
        play();
        son = 'on';
    }
}

function isEmail(string) {
	return (string.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1);
}

function inscription_nl(rep_url, err_msg) {

	var xhr = getXhr();
	xhr.onreadystatechange = function() {

		if ((xhr.readyState == 4) && (xhr.status == 200)) {
			reponse = xhr.responseText;
			document.getElementsByName('email')[0].value = reponse;
			document.getElementsByName('email')[0].style.color = "#c0c7ca";
		}

	}

	// Envoi au script php
	email = document.getElementsByName('email')[0].value;

	if (!isEmail(email)) {
		alert(err_msg);
		return false;
	}

	url  = rep_url + "/includePHP/nl.php";
	post = "&email=" + email
	xhr.open("POST", url, true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send(post);

	return false;
}