function tvcode(debut, fin){
    var input = window.document.form.contenu;
    input.focus();
    /* pour IE (toujous un cas appar lui ;) )*/
    if (typeof document.selection != 'undefined') {
        var range = document.selection.createRange();
        var insText = range.text;
        range.text = debut + insText + fin;
        range = document.selection.createRange();
        if (insText.length == 0) {
            range.move('character', -fin.length);
        }
        else {
            range.moveStart('character', debut.length + insText.length + fin.length);
        }
        range.select();
    }
    /* pour les navigateurs plus r�cents que IE comme Firefox... */
    else 
        if (typeof input.selectionStart != 'undefined') {
            var start = input.selectionStart;
            var end = input.selectionEnd;
            var insText = input.value.substring(start, end);
            input.value = input.value.substr(0, start) + debut + insText + fin + input.value.substr(end);
            var pos;
            if (insText.length == 0) {
                pos = start + debut.length;
            }
            else {
                pos = start + debut.length + insText.length + fin.length;
            }
            input.selectionStart = pos;
            input.selectionEnd = pos;
        }
        /* pour les autres navigateurs comme Netscape... */
        else {
            var pos;
            var re = new RegExp('^[0-9]{0,3}$');
            while (!re.test(pos)) {
                pos = prompt("insertion (0.." + input.value.length + "):", "0");
            }
            if (pos > input.value.length) {
                pos = input.value.length;
            }
            var insText = prompt("Veuillez taper le texte");
            input.value = input.value.substr(0, pos) + debut + insText + fin + input.value.substr(pos);
        }
}

function bbcode(str){
    str = str.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;");
    var tab = [["\\[A\\](http://[^ ]+)\\[/A\\]", "<a href=\"$1\">$1</a>"], ["\\[B\\](.+)\\[/B\\]", "<em>$1</em>"]]; // fin
    for (var i = 0; i < tab.length; i++) {
        str = str.replace(new RegExp(tab[i][0], "g"), tab[i][1]);
    }
    return str;
}

function previewTxt(champ, id){
    var str = bbcode(champ.value);
    document.getElementById(id).innerHTML = str;
}



function upload(){
    var par = window.parent.document;
    
    // hide old iframe
    var iframes = par.getElementsByTagName('iframe');
    var iframe = iframes[iframes.length - 1];
    iframe.className = 'hidden';
    
    // create new iframe
    var new_iframe = par.createElement('iframe');
    new_iframe.src = 'upload.php';
    new_iframe.frameBorder = '0';
    par.getElementById('iframe_container').appendChild(new_iframe);
    
    // add image progress
    var images = par.getElementById('images_container');
    var new_div = par.createElement('div');
    var new_img = par.createElement('img');
    new_img.src = './pictures/chargement.gif';
    new_img.className = 'load';
    new_div.appendChild(new_img);
    images.appendChild(new_div);
    
    // send
    setTimeout("document.iformulaire.submit()", 2000);
}

function upload_pdf(){
    var par = window.parent.document;
    
    // hide old iframe
    var iframes = par.getElementsByTagName('iframe');
    var iframe = iframes[iframes.length - 1];
    iframe.className = 'hidden';
    
    // create new iframe
    var new_iframe = par.createElement('iframe');
    new_iframe.src = 'upload_pdf.php';
    new_iframe.frameBorder = '0';
    par.getElementById('iframe_container').appendChild(new_iframe);
    
    // add image progress
    var images = par.getElementById('images_container');
    var new_div = par.createElement('div');
    var new_img = par.createElement('img');
    new_img.src = './pictures/chargement.gif';
    new_img.className = 'load';
    new_div.appendChild(new_img);
    images.appendChild(new_div);
    
    setTimeout("document.iformulaire.submit()", 5000);
}

function upload_media_gal(id_gal){
    var par = window.parent.document;
    
    // hide old iframe
    var iframes = par.getElementsByTagName('iframe');
    var iframe = iframes[iframes.length - 1];
    iframe.className = 'hidden';
    
    // create new iframe
    var new_iframe = par.createElement('iframe');
    new_iframe.src = 'upload_galerie.php?id_gal=' + id_gal;
    new_iframe.frameBorder = '0';
    par.getElementById('iframe_container').appendChild(new_iframe);
    
    // add image progress
    var images = par.getElementById('images_container');
    var new_div = par.createElement('div');
    var new_img = par.createElement('img');
    new_img.src = './pictures/chargement.gif';
    new_img.className = 'load';
    new_div.appendChild(new_img);
    images.appendChild(new_div);
    
    // send
    setTimeout("document.iformulaire.submit()", 2000);
}

function upload_webtv(id_group_medias, lang_id){
    var par = window.parent.document;
    
    // hide old iframe
    var iframes = par.getElementsByTagName('iframe');
    var iframe = iframes[iframes.length - 1];
    iframe.className = 'hidden';
    
    // create new iframe
    var new_iframe = par.createElement('iframe');
    new_iframe.src = 'upload_webtv.php?id_group_medias=' + id_group_medias + '&lang_id=' + lang_id;
    new_iframe.frameBorder = '0';
    par.getElementById('iframe_container').appendChild(new_iframe);
    
    // add image progress
    var images = par.getElementById('images_container');
    var new_div = par.createElement('div');
    var new_img = par.createElement('img');
    new_img.src = './pictures/chargement.gif';
    new_img.className = 'load';
    new_div.appendChild(new_img);
    images.appendChild(new_div);
    
    // send
    setTimeout("document.iformulaire.submit()", 2000);
}

function cache_pop_up(){
    document.getElementById('pop_up').style.display = 'none';
    document.getElementById('pop_up_fond_sombre').style.display = 'none';
    
    
    document.getElementById("pop_up").innerHTML = "";
}

function affiche_pop_up(){
    document.getElementById('pop_up').style.display = 'block';
}

function cache_fond_sombre(){
    document.getElementById('page_evidence').style.display = 'none';
    document.getElementById('fond_sombre').style.display = 'none';
    
    document.getElementById("page_evidence").innerHTML = "";
}

function affiche_fond_sombre(){
    document.getElementById('page_evidence').style.display = 'block';
}

function creer_fenetre(width, height, titre_fenetre, contenu_fenetre){
    var fenetre = document.createElement("div");
	fenetre.id = "fenetre";
    fenetre.className = "fenetre"; //On donne un attribut class à cette div
    fenetre.style.marginLeft = "-" + width / 2 + "px";
    fenetre.style.marginTop = "-" + height / 2 + "px";
    fenetre.style.height = height + "px";
    fenetre.style.width = width + "px";
    
    
    //On créé de la même manière la div "haut":
    var haut = document.createElement("div");
    haut.className = "haut";
    
    //On créé ensuite les trois div qui seront dedans:
    var haut_gauche = document.createElement("div");
    haut_gauche.className = "haut_gauche";
    var haut_droite = document.createElement("div");
    haut_droite.className = "haut_droite";
    var haut_centre = document.createElement("div");
    haut_centre.className = "haut_centre";
    var haut_centre_text = document.createElement("div");
    haut_centre_text.className = "haut_centre_texte";
    haut_centre_text.innerHTML = titre_fenetre;
    haut_centre_text.style.textAlign = "left";
    var haut_centre_fermer = document.createElement("div");
    haut_centre_fermer.className = "haut_centre_fermer";
    var img_fermer = document.createElement("img");
    img_fermer.src = "./administration/images_design/fenetre_fermer.jpg";
    haut_centre_fermer.appendChild(img_fermer);
    if (haut_centre_fermer.attachEvent) {
        haut_centre_fermer.attachEvent('onmousedown', function(){
            fermer_fenetre(fenetre)
        });
    }
    else {
        haut_centre_fermer.addEventListener("mousedown", function(){
            fermer_fenetre(fenetre)
        }, true);
    }
    
    haut_centre.appendChild(haut_centre_text);
    haut_centre.appendChild(haut_centre_fermer);
    
    //Puis on les insère une par une dans notre bloc "haut":
    haut.appendChild(haut_gauche);
    haut_gauche.appendChild(haut_droite);
    haut_droite.appendChild(haut_centre);
    
    //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre":
    fenetre.appendChild(haut);
    
    //On fait de même pour la div "milieu"
    var milieu = document.createElement("div");
    milieu.className = "milieu";
    var milieu_gauche = document.createElement("div");
    milieu_gauche.className = "milieu_gauche";
    var milieu_droite = document.createElement("div");
    milieu_droite.className = "milieu_droite";
    var milieu_centre = document.createElement("div");
    milieu_centre.className = "milieu_centre";
    milieu.appendChild(milieu_gauche);
    milieu_gauche.appendChild(milieu_droite);
    milieu_droite.appendChild(milieu_centre);
    fenetre.appendChild(milieu);
    
    //On fait de même pour la div "bas
    var bas = document.createElement("div");
    bas.className = "bas";
    var bas_gauche = document.createElement("div");
    bas_gauche.className = "bas_gauche";
    var bas_droite = document.createElement("div");
    bas_droite.className = "bas_droite";
    var bas_centre = document.createElement("div");
    bas_centre.className = "bas_centre";
    bas.appendChild(bas_gauche);
    bas_gauche.appendChild(bas_droite);
    bas_droite.appendChild(bas_centre);
    fenetre.appendChild(bas);
    
    document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
    var objRequeteAfficheContenuFenetre = null;
    objRequeteAfficheContenuFenetre = creeXMLHttpRequestObject();
    
    objRequeteAfficheContenuFenetre.open('GET', contenu_fenetre, true);
    objRequeteAfficheContenuFenetre.onreadystatechange = function(){
        if (objRequeteAfficheContenuFenetre.readyState == 4) {
            milieu_centre.innerHTML = objRequeteAfficheContenuFenetre.responseText;
            document.getElementById('fond_sombre').style.display = 'block';
        }
    };
    
    objRequeteAfficheContenuFenetre.send(null);
    
}

function creer_fenetre_b(width, height, titre_fenetre, contenu_fenetre)
{
    var fenetre = document.createElement("div");
	fenetre.id = "fenetre";
    fenetre.className = "fenetre"; //On donne un attribut class à cette div
    fenetre.style.marginLeft = "-" + width / 2 + "px";
    fenetre.style.marginTop = "-" + height / 2 + "px";
    fenetre.style.height = height + "px";
    fenetre.style.width = width + "px";
    
    
    //On créé de la même manière la div "haut":
    var haut = document.createElement("div");
    haut.className = "haut";
    
    //On créé ensuite les trois div qui seront dedans:
    var haut_gauche = document.createElement("div");
    haut_gauche.className = "haut_gauche";
    var haut_droite = document.createElement("div");
    haut_droite.className = "haut_droite";
    var haut_centre = document.createElement("div");
    haut_centre.className = "haut_centre";
    var haut_centre_text = document.createElement("div");
    haut_centre_text.className = "haut_centre_texte";
    haut_centre_text.innerHTML = titre_fenetre;
    haut_centre_text.style.textAlign = "left";
    var haut_centre_fermer = document.createElement("div");
    haut_centre_fermer.className = "haut_centre_fermer";
    var img_fermer = document.createElement("img");
    img_fermer.src = "./images_design/fenetre_fermer.jpg";
    haut_centre_fermer.appendChild(img_fermer);
    if (haut_centre_fermer.attachEvent) {
        haut_centre_fermer.attachEvent('onmousedown', function(){
            fermer_fenetre(fenetre)
        });
    }
    else {
        haut_centre_fermer.addEventListener("mousedown", function(){
            fermer_fenetre(fenetre)
        }, true);
    }
    
    haut_centre.appendChild(haut_centre_text);
    haut_centre.appendChild(haut_centre_fermer);
    
    //Puis on les insère une par une dans notre bloc "haut":
    haut.appendChild(haut_gauche);
    haut_gauche.appendChild(haut_droite);
    haut_droite.appendChild(haut_centre);
    
    //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre":
    fenetre.appendChild(haut);
    
    //On fait de même pour la div "milieu"
    var milieu = document.createElement("div");
    milieu.className = "milieu";
    var milieu_gauche = document.createElement("div");
    milieu_gauche.className = "milieu_gauche";
    var milieu_droite = document.createElement("div");
    milieu_droite.className = "milieu_droite";
    var milieu_centre = document.createElement("div");
    milieu_centre.className = "milieu_centre";
    milieu.appendChild(milieu_gauche);
    milieu_gauche.appendChild(milieu_droite);
    milieu_droite.appendChild(milieu_centre);
    fenetre.appendChild(milieu);
    
    //On fait de même pour la div "bas
    var bas = document.createElement("div");
    bas.className = "bas";
    var bas_gauche = document.createElement("div");
    bas_gauche.className = "bas_gauche";
    var bas_droite = document.createElement("div");
    bas_droite.className = "bas_droite";
    var bas_centre = document.createElement("div");
    bas_centre.className = "bas_centre";
    bas.appendChild(bas_gauche);
    bas_gauche.appendChild(bas_droite);
    bas_droite.appendChild(bas_centre);
    fenetre.appendChild(bas);
    
    document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
    var objRequeteAfficheContenuFenetre = null;
    objRequeteAfficheContenuFenetre = creeXMLHttpRequestObject();
    
    objRequeteAfficheContenuFenetre.open('GET', contenu_fenetre, true);
    objRequeteAfficheContenuFenetre.onreadystatechange = function(){
        if (objRequeteAfficheContenuFenetre.readyState == 4) {
            milieu_centre.innerHTML = objRequeteAfficheContenuFenetre.responseText;
            document.getElementById('fond_sombre').style.display = 'block';
        }
    };
    
    objRequeteAfficheContenuFenetre.send(null);
    
}
function fermer_fenetre(fenetre)
{
	var parent = fenetre.parentNode;
    parent.removeChild(fenetre);
    document.getElementById('fond_sombre').style.display = 'none';
	
}

function affiche_image(id_img)
{
    height_site = 600;
    width_site = 1000;
    
    var fenetre = document.createElement("div");
    fenetre.className = "fenetre_img"; //On donne un attribut class à cette div
    fenetre.style.marginLeft = "-" + width_site / 2 + "px";
    fenetre.style.marginTop = "-" + height_site / 2 + "px";
    fenetre.style.height = height_site + "px";
    fenetre.style.width = width_site + "px";
    fenetre.align = "center";
    
    var cadre_img = document.createElement("div");
    cadre_img.className = "cadre_img";
    
	var img_load = document.createElement("img");
	img_load.src = "./administration/images_design/ajax-loader.gif";
	img_load.id = "ajax-loader";
	
    var img_fenetre = document.createElement("img");
    img_fenetre.src = './administration/fenetre_image.php?id_up_file=' + id_img;
	img_fenetre.id = "fenetre_img";
    
    var close_img_fenetre = document.createElement("div");
    close_img_fenetre.className = "close_img_fenetre";
    
	cadre_img.appendChild(img_load);
    cadre_img.appendChild(img_fenetre);
    cadre_img.appendChild(close_img_fenetre);
    fenetre.appendChild(cadre_img);
    document.body.appendChild(fenetre);
    
    document.getElementById("fenetre_img").onload = function(){
    	cadre_img.removeChild(img_load);
		
		height_img = document.getElementById("fenetre_img").height;
		width_img = document.getElementById("fenetre_img").width;
		
		document.getElementById("fenetre_img").style.border = "5px white solid";
		
		cadre_img.style.height = "500px";
		cadre_img.style.width = width_img+"px";
		cadre_img.align = "right";
	    
	    // définire la taille de close_img_fenetre
	    close_img_fenetre.innerHTML = "[X] Close";
	    close_img_fenetre.style.height = "20px";
	    close_img_fenetre.style.width = "100px";
	    close_img_fenetre.align = "right";
	}
    
    
    if (document.getElementById('fond_sombre').attachEvent && close_img_fenetre.attachEvent)
	{
        //document.getElementById('fond_sombre').attachEvent('onmousedown', function(){fermer_fenetre(fenetre)});
        close_img_fenetre.attachEvent('onmousedown', function(){fermer_fenetre(fenetre)});
    }
    else
	{
        //document.getElementById('fond_sombre').addEventListener("mousedown", function(){fermer_fenetre(fenetre)}, true);
        close_img_fenetre.addEventListener("mousedown", function(){fermer_fenetre(fenetre)}, true);
    }
    
    document.getElementById('fond_sombre').style.display = 'block';
    
}

function affiche_image2(id_img)
{
    height_site = 600;
    width_site = 1000;
    
    var fenetre = document.createElement("div");
    fenetre.className = "fenetre_img"; //On donne un attribut class à cette div
    fenetre.style.marginLeft = "-" + width_site / 2 + "px";
    fenetre.style.marginTop = "-" + height_site / 2 + "px";
    fenetre.style.height = height_site + "px";
    fenetre.style.width = width_site + "px";
    fenetre.align = "center";
    
    var cadre_img = document.createElement("div");
    cadre_img.className = "cadre_img";
    
	var img_load = document.createElement("img");
	img_load.src = "./administration/images_design/ajax-loader.gif";
	img_load.id = "ajax-loader";
	
    var img_fenetre = document.createElement("img");
    img_fenetre.src = './administration/fenetre_image.php?id_big_img=' + id_img;
	img_fenetre.id = "fenetre_img";
    
    var close_img_fenetre = document.createElement("div");
    close_img_fenetre.className = "close_img_fenetre";
    
	cadre_img.appendChild(img_load);
    cadre_img.appendChild(img_fenetre);
    cadre_img.appendChild(close_img_fenetre);
    fenetre.appendChild(cadre_img);
    document.body.appendChild(fenetre);
    
    document.getElementById("fenetre_img").onload = function(){
    	cadre_img.removeChild(img_load);
		
		height_img = document.getElementById("fenetre_img").height;
		width_img = document.getElementById("fenetre_img").width;
		
		document.getElementById("fenetre_img").style.border = "5px white solid";
		
		cadre_img.style.height = "500px";
		cadre_img.style.width = width_img+"px";
		cadre_img.align = "right";
	    
	    // définire la taille de close_img_fenetre
	    close_img_fenetre.innerHTML = "[X] Close";
	    close_img_fenetre.style.height = "20px";
	    close_img_fenetre.style.width = "100px";
	    close_img_fenetre.align = "right";
	}
    
    
    if (document.getElementById('fond_sombre').attachEvent && close_img_fenetre.attachEvent)
	{
        //document.getElementById('fond_sombre').attachEvent('onmousedown', function(){fermer_fenetre(fenetre)});
        close_img_fenetre.attachEvent('onmousedown', function(){fermer_fenetre(fenetre)});
    }
    else
	{
        //document.getElementById('fond_sombre').addEventListener("mousedown", function(){fermer_fenetre(fenetre)}, true);
        close_img_fenetre.addEventListener("mousedown", function(){fermer_fenetre(fenetre)}, true);
    }
    
    document.getElementById('fond_sombre').style.display = 'block';
    
}

function afficheImageNews(id_img)
{
    height_site = 600;
    width_site = 1000;
    
    var fenetre = document.createElement("div");
    fenetre.className = "fenetre_img"; //On donne un attribut class à cette div
    fenetre.style.marginLeft = "-" + width_site / 2 + "px";
    fenetre.style.marginTop = "-" + height_site / 2 + "px";
    fenetre.style.height = height_site + "px";
    fenetre.style.width = width_site + "px";
    fenetre.align = "center";
    
    var cadre_img = document.createElement("div");
    cadre_img.className = "cadre_img";
    
	var img_load = document.createElement("img");
	img_load.src = "./administration/images_design/ajax-loader.gif";
	img_load.id = "ajax-loader";
	
    var img_fenetre = document.createElement("img");
    img_fenetre.src = 'http://www.verbierbooking.ch/vues/page/fenetre_image.php?id_up_file=' + id_img;
	img_fenetre.id = "fenetre_img";
    
    var close_img_fenetre = document.createElement("div");
    close_img_fenetre.className = "close_img_fenetre";
    
	cadre_img.appendChild(img_load);
    cadre_img.appendChild(img_fenetre);
    cadre_img.appendChild(close_img_fenetre);
    fenetre.appendChild(cadre_img);
    document.body.appendChild(fenetre);
    
    document.getElementById("fenetre_img").onload = function(){
    	cadre_img.removeChild(img_load);
		
		height_img = document.getElementById("fenetre_img").height;
		width_img = document.getElementById("fenetre_img").width;
		
		document.getElementById("fenetre_img").style.border = "5px white solid";
		
		cadre_img.style.height = "500px";
		cadre_img.style.width = width_img+"px";
		cadre_img.align = "right";
	    
	    // définire la taille de close_img_fenetre
	    close_img_fenetre.innerHTML = "[X] Close";
	    close_img_fenetre.style.height = "20px";
	    close_img_fenetre.style.width = "100px";
	    close_img_fenetre.align = "right";
	}
    
    
    if (document.getElementById('fond_sombre').attachEvent && close_img_fenetre.attachEvent)
	{
        //document.getElementById('fond_sombre').attachEvent('onmousedown', function(){fermer_fenetre(fenetre)});
        close_img_fenetre.attachEvent('onmousedown', function(){fermer_fenetre(fenetre)});
    }
    else
	{
        //document.getElementById('fond_sombre').addEventListener("mousedown", function(){fermer_fenetre(fenetre)}, true);
        close_img_fenetre.addEventListener("mousedown", function(){fermer_fenetre(fenetre)}, true);
    }
    
    document.getElementById('fond_sombre').style.display = 'block';
    
}