function getDimensions(element) {
    var display = element.style.display;
    if (display != 'none' && display != null) // Safari bug
      return {width: element.offsetWidth, height: element.offsetHeight};

    // All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    els.position = 'absolute';
    els.display = 'block';
    var originalWidth = element.clientWidth;
    var originalHeight = element.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;
    return {width: originalWidth, height: originalHeight};
}


function afficherAffiche(src) {
    overBoite('<img src="'+src+'" />');
}

function afficherMedia(id, comment) {
    
    var ct = "<span id='overMedia"+id+"'></span>";
    
    if (comment!=null) {
        
        ct+= '<div class="mediaComment">'+comment+'</div>';
        
    }
    
    overBoite(ct);
    
    dt =new Date();
    
    
    swf("overMedia"+id, "diaporama_"+id, "lecteur.swf", 528, 398, "opaque", "#FFFFFF", "?id_media="+id+"&t="+dt.getTime());
}

function boiteMessage(id, nom_utilisateur) {
    
    ct = '<div class="formMess">';
	ct += '<form action="/poster/commentaire/" method="post" name="formMess">';
	ct += '<div class="designation">Vous allez poster ce message en tant que :</div>';
    if (document.all) {
        ct += '<input type="text" name="pseudo" size="65" maxlength="30" class="nom" value="'+nom_utilisateur+'" disabled="disabled"/>';
        ct += '<div class="designation">Votre message :</div>';
        ct += '<textarea name="message" rows="6" cols="47" class="message"></textarea>';
    }
    else {
        ct += '<input type="text" name="pseudo" size="55" maxlength="30" class="nom" value="'+nom_utilisateur+'" disabled="disabled" />';
        ct += '<div class="designation">Votre message :</div>';
        ct += '<textarea name="message" rows="6" cols="50" class="message"></textarea>';
    }
    ct += '<input type="hidden" name="valid" value="message" />';
    ct += '<input type="hidden" name="id_d" value="'+id+'" />';
    ct += '<div id="erreur"></div>';
	ct += '<div class="button">';
	ct += '<input type="button" name="envoi" value="Envoyer" onclick="envoiMessage();"/>';
	ct += '</div>';
	ct += '</form>';
	ct += '</div>';
    
    overBoite(ct);
    
    var blackLayer = document.getElementById('blackLayer');
    var nom = document.formMess.pseudo;
    //blackLayer.style.display = 'none';
    nom.focus();
}


function boiteNews(id) {
    
    ct = '<div class="formMess">';
    ct += '<div class="info">Pour vous inscrire à la newsletter, merci de remplir les informations suivantes :</div>';
	ct += '<form action="'+window.location+'" method="post" name="formNews">';
   
	ct += '<div class="designation">Votre numéro de téléphone :</div>';
	
    if (document.all) {
        ct += '<input type="text" name="tel" size="65" maxlength="10" class="nom"/>';
        ct += '<div class="designation">Votre Email :</div>';
        ct += '<input type="text" name="email" size="65" maxlength="65" class="nom"/>';
    }
    else {
         ct += '<input type="text" name="tel" size="55" maxlength="10" class="nom"/>';
        ct += '<div class="designation">Votre Email :</div>';
        ct += '<input type="text" name="email" size="55" maxlength="65" class="nom"/>';
    }
    ct += '<input type="hidden" name="valid" value="news" />';
    ct += '<div id="erreur"></div>';
	ct += '<div class="button">';
	ct += '<input type="button" name="envoi" value="Envoyer" onclick="envoiNews();"/>';
	ct += '</div>';
	ct += '</form>';
	ct += '</div>';
    
    overBoite(ct);
    
    var blackLayer = document.getElementById('blackLayer');
    var nom = document.formNews.tel;
    //blackLayer.style.display = 'none';
    nom.focus();
}

function boiteParticiper(cc) {
    
    if (document.all)
    lip = 55;
    else
    lip = 55;
    
    
    ct = '<div class="formMess">';
    ct += '<div class="info">Pour vous inscrire au concours, merci de remplir les informations suivantes :</div>';
	ct += '<form action="'+window.location+'" method="post" name="formPart">';
   

   ct += '<div class="designation">Nom : </div>';
    ct += '<input name="nom" value="" size="'+lip+'" maxlength="40" type="text" class="nom">';
    ct += '<div class="designation">Prénom : </div>';
    ct += '<input name="prenom" value="" size="'+lip+'" maxlength="20" type="text" class="nom">';
    ct += '<div class="designation">Date de naissance : </div>';
    ct += '<select name="date_naissance_jour" id="date_naissance_jour">';
    ct += '<option value="1">1</option>';
    ct += '<option value="2">2</option>';
    ct += '<option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select><select name="date_naissance_mois" id="date_naissance_mois">';
    ct += '<option value="1">Janvier</option><option value="2">Février</option><option value="3" >Mars</option><option value="4">Avril</option><option value="5">Mai</option><option value="6">Juin</option><option value="7">Juillet</option><option value="8">Août</option><option value="9">Septembre</option><option value="10">Octobre</option><option value="11">Novembre</option><option value="12">Décembre</option></select><select name="date_naissance_annee" id="date_naissance_annee">';
    ct += '<option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option>';
    ct += '<option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option>';
    ct += '<option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option>';
    ct += '<option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option>';
    ct += '<option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option></select>';
    ct += '<input name="datetime[]" value="date_naissance" type="hidden">';
    
    ct += '<div class="designation">Sexe : </div>';
    ct += '<select name="sexe"><option value="Homme">Homme</option> <option value="Femme">Femme</option></select>';
    
    ct += '<div class="designation">Email : </div>';
    ct += '<input name="email" value="" size="'+lip+'" maxlength="80" type="text" class="nom">';
    ct += '<div class="designation">Numéro de téléphone : </div>';
    ct += '<input name="tel" value="" size="'+lip+'" maxlength="10" type="text" class="nom">';
    ct += '<input type="checkbox" value="oui" name="newsletter"/><i>Je souhaite recevoir les newsletters concernant le Ginget et le Bowling</i>';
    
    ct += '<input name="valid" value="participer" type="hidden">';
    ct += '<input name="id_concours" value="'+cc+'" type="hidden">';

    ct += '<div id="erreur"></div>';
	ct += '<div class="button">';
	ct += '<input type="button" name="envoi" value="S\'inscrire" onclick="envoiPart();"/>';
	ct += '</div>';
	ct += '</form>';
	ct += '</div>';
    
    overBoite(ct);
    
    var blackLayer = document.getElementById('blackLayer');
    var nom = document.formNews.nom;
    //blackLayer.style.display = 'none';
    nom.focus();
}

function envoiNews() {
    if (document.formNews) {
        
        var erreur = "";
        
        var tel = document.formNews.tel.value;
        var eg0 = /[0-9]/;
        
        if (tel != "") {
            if ((tel.length<10) || (!eg0.test(tel)))
            erreur += "Vous devez entrer un numero de téléphone valide.<br />";
        }
        
        var email = document.formNews.email.value;
        var eg1 = /^[.a-zA-Z0-9_-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/;
        
        if (email != "") {
            if (!eg1.test(email))
            erreur += "Vous devez entrer un email valide.<br />";
        }
        
        if ((tel=="") && (email=="")) {
            erreur += "Vous devez entrer un email ou un numero de téléphone valide.<br />";
        }
         
        if (erreur=="")
            document.formNews.submit();
        else {
            
            var err = document.getElementById('erreur');
            
            err.innerHTML = erreur;
            
        }
        
        
    }
}

function envoiMessage() {
    if (document.formMess) {
        
        var erreur = "";
        
        if (document.formMess.pseudo.value == "")
        erreur += "Vous devez entrer votre nom.<br />";
        
        if (document.formMess.message.value == "")
        erreur += "Vous devez entrer votre message.<br />";
         
        if (erreur=="")
            document.formMess.submit();
        else {
            
            var err = document.getElementById('erreur');
            
            err.innerHTML = erreur;
            
        }
        
        
    }
}


function envoiPart() {
    if (document.formPart) {
        
        var erreur = "";
        
        var tel = document.formPart.tel.value;
        var nom = document.formPart.nom.value;
        var prenom = document.formPart.prenom.value;

        var eg0 = /[0-9]/;
        
        if (tel != "") {
            if ((tel.length<10) || (!eg0.test(tel)))
            erreur += "Vous devez entrer un numero de téléphone valide.<br />";
        }
        
        var email = document.formPart.email.value;
        var eg1 = /^[.a-zA-Z0-9_-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/;
        
        if (email != "") {
            if (!eg1.test(email))
            erreur += "Vous devez entrer un email valide.<br />";
        }
        
        if (tel=="") {
            erreur += "Vous devez entrer un numero de téléphone valide.<br />";
        }
        
        if (email=="") {
            erreur += "Vous devez entrer un email valide.<br />";
        }
        
        if (nom=="") {
            erreur += "Vous devez entrer un nom valide.<br />";
        }
        
        if (prenom=="") {
            erreur += "Vous devez entrer un prénom valide.<br />";
        }
        
         
        if (erreur=="")
            document.formPart.submit();
        else {
            
            var err = document.getElementById('erreur');
            
            err.innerHTML = erreur;
            
        }
        
        
    }
}

function overBoite(contenu) {
    
    var overboite = document.getElementById('overBoite');
    var blackLayer = document.getElementById('blackLayer');
    var content = document.getElementById('overBoiteContenu');
    
    var dim = getDimensions(overboite);
    
    overboite.style.left = Math.ceil(Math.abs(document.body.clientWidth-dim.width)/2)+"px";
    overboite.style.top = "50px";
    
    overboite.style.display = '';
    blackLayer.style.display = '';
    
    content.innerHTML = contenu;
    
}

function overBoiteFermer() {
    
    var overboite = document.getElementById('overBoite');
    var blackLayer = document.getElementById('blackLayer');
    var content = document.getElementById('overBoiteContenu');
    
    overboite.style.display = 'none';
    blackLayer.style.display = 'none';
    
    content.innerHTML = "";
}