var ext;
var maBanniere = "";
var monTheme = "";
var nbLignes = 1;
var monHeaderPerso = "";
var widthHeaderPerso = "";
var heightHeaderPerso = "";
var mywidth = "";
var myheight = "";

function twPositionRelativeFixe(evt) {
var nOffsetX;
var nOffsetY;
var divTest = document.getElementById("layer_transp1");

evt = (evt) ? evt : ((window.event) ? window.event : "");
//if (evt) {
if( typeof(evt.offsetX) != 'undefined' ) { 
    nOffsetX = evt.offsetX; 
    nOffsetY = evt.offsetY; 
} else {
    nOffsetX = evt.pageX  - divTest.offsetLeft;
    nOffsetY = evt.pageY  - divTest.offsetTop;
}
//}
document.getElementById("X1").value = nOffsetX;
document.getElementById("Y1").value = nOffsetY;
}

function twPositionRelativeFixe2(evt) {
var nOffsetX;
var nOffsetY;
var divTest = document.getElementById("layer_transp2");

evt = (evt) ? evt : ((window.event) ? window.event : "");
//if (evt) {
if( typeof(evt.offsetX) != 'undefined' ) { 
    nOffsetX = evt.offsetX; 
    nOffsetY = evt.offsetY; 
} else {
    nOffsetX = evt.pageX  - divTest.offsetLeft;
    nOffsetY = evt.pageY  - divTest.offsetTop;
}
//}
document.getElementById("X2").value = nOffsetX;
document.getElementById("Y2").value = nOffsetY;
}


function twPositionRelativeFixe3(evt) {
var nOffsetX;
var nOffsetY;
var divTest = document.getElementById("layer_transp3");

evt = (evt) ? evt : ((window.event) ? window.event : "");
//if (evt) {
if( typeof(evt.offsetX) != 'undefined' ) { 
    nOffsetX = evt.offsetX; 
    nOffsetY = evt.offsetY; 
} else {
    nOffsetX = evt.pageX  - divTest.offsetLeft;
    nOffsetY = evt.pageY  - divTest.offsetTop;
}
//}
document.getElementById("X3").value = nOffsetX;
document.getElementById("Y3").value = nOffsetY;
}

function twPositionRelativeFixe4(evt) {
var nOffsetX;
var nOffsetY;
var divTest = document.getElementById("layer_transp4");

evt = (evt) ? evt : ((window.event) ? window.event : "");
//if (evt) {
if( typeof(evt.offsetX) != 'undefined' ) { 
    nOffsetX = evt.offsetX; 
    nOffsetY = evt.offsetY; 
} else {
    nOffsetX = evt.pageX  - divTest.offsetLeft;
    nOffsetY = evt.pageY  - divTest.offsetTop;
}
//}
document.getElementById("X4").value = nOffsetX;
document.getElementById("Y4").value = nOffsetY;
}

function twPositionRelativeFixe5(evt) {
var nOffsetX;
var nOffsetY;
var divTest = document.getElementById("layer_transp5");

evt = (evt) ? evt : ((window.event) ? window.event : "");
//if (evt) {
if( typeof(evt.offsetX) != 'undefined' ) { 
    nOffsetX = evt.offsetX; 
    nOffsetY = evt.offsetY; 
} else {
    nOffsetX = evt.pageX  - divTest.offsetLeft;
    nOffsetY = evt.pageY  - divTest.offsetTop;
}
//}
document.getElementById("X5").value = nOffsetX;
document.getElementById("Y5").value = nOffsetY;
}



function twInit() {
var oImage = document.getElementById("layer_transp1")
if (oImage) {
oImage.onmousedown = twPositionRelativeFixe
}
}

function twInit2() {
var oImage2 = document.getElementById("layer_transp2")
if (oImage2) {
oImage2.onmousedown = twPositionRelativeFixe2;
}
}

function twInit3() {
var oImage3 = document.getElementById("layer_transp3")
if (oImage3) {
oImage3.onmousedown = twPositionRelativeFixe3;
}
}

function twInit4() {
var oImage4 = document.getElementById("layer_transp4")
if (oImage4) {
oImage4.onmousedown = twPositionRelativeFixe4;
}
}

function twInit5() {
var oImage5 = document.getElementById("layer_transp5")
if (oImage5) {
oImage5.onmousedown = twPositionRelativeFixe5;
}
}


function mafonction(val,width){
  if (val=='1'){

document.getElementById("masque2").style.display = 'none';
document.getElementById("masque3").style.display = 'none';
document.getElementById("masque4").style.display = 'none';
document.getElementById("masque5").style.display = 'none';

document.getElementById("example2").style.display = 'none';
document.getElementById("example3").style.display = 'none';
document.getElementById("example4").style.display = 'none';
document.getElementById("example5").style.display = 'none';

document.getElementById("centrer").style.display = '';
  }
  else if (val == '2'){
//twInit2();
document.getElementById("masque2").style.display = '';
document.getElementById("masque3").style.display = 'none';
document.getElementById("masque4").style.display = 'none';
document.getElementById("masque5").style.display = 'none';

document.getElementById("example2").style.display = '';
document.getElementById("example3").style.display = 'none';
document.getElementById("example4").style.display = 'none';
document.getElementById("example5").style.display = 'none';

document.getElementById("centrer").style.display = 'none';

	affiche_texte_exemple(1,width);
	affiche_texte_exemple(2,width);
}
  else if (val == '3'){
//twInit2();
document.getElementById("masque2").style.display = '';
document.getElementById("masque3").style.display = '';
document.getElementById("masque4").style.display = 'none';
document.getElementById("masque5").style.display = 'none';

document.getElementById("example2").style.display = '';
document.getElementById("example3").style.display = '';
document.getElementById("example4").style.display = 'none';
document.getElementById("example5").style.display = 'none';

document.getElementById("centrer").style.display = 'none';

	affiche_texte_exemple(1,width);
	affiche_texte_exemple(2,width);
	affiche_texte_exemple(3,width);
 }
  else if (val == '4'){
//twInit2();
document.getElementById("masque2").style.display = '';
document.getElementById("masque3").style.display = '';
document.getElementById("masque4").style.display = '';
document.getElementById("masque5").style.display = 'none';

document.getElementById("example2").style.display = '';
document.getElementById("example3").style.display = '';
document.getElementById("example4").style.display = '';
document.getElementById("example5").style.display = 'none';

document.getElementById("centrer").style.display = 'none';

	affiche_texte_exemple(1,width);
	affiche_texte_exemple(2,width);
	affiche_texte_exemple(3,width);
	affiche_texte_exemple(4,width);
 }
  else if (val == '5'){
//twInit2();
document.getElementById("masque2").style.display = '';
document.getElementById("masque3").style.display = '';
document.getElementById("masque4").style.display = '';
document.getElementById("masque5").style.display = '';
document.getElementById("example2").style.display = '';
document.getElementById("example3").style.display = '';
document.getElementById("example4").style.display = '';
document.getElementById("example5").style.display = '';

document.getElementById("centrer").style.display = 'none';

	affiche_texte_exemple(1,width);
	affiche_texte_exemple(2,width);
	affiche_texte_exemple(3,width);
	affiche_texte_exemple(4,width);
	affiche_texte_exemple(5,width);
	
 }

}
// End -->
function champsok()     
{      
if (document.formulaire.ban.value == "undefined" || document.formulaire.ban.value == '')      
	{
	alert("Vous devez choisir un header !");      
	return false;      
	}      
if (document.formulaire.texte1.value.length == 0)      {      alert("Vous devez saisir au moins un texte !");      return false;      } 	
if (document.formulaire.coul_T1.value.length == 0)      {      alert("Vous devez saisir au moins une couleur de texte !");      return false;      } 	
if ((document.formulaire.X1.value.length == 0)  && (document.formulaire.centrage.value == "non"))    {      alert("Vous devez saisir au moins une coordonnée X !");      return false;      } 	
if ((document.formulaire.Y1.value.length == 0)  && (document.formulaire.centrage.value == "non"))     {      alert("Vous devez saisir au moins une coordonnée Y !");      return false;      } 	
document.getElementById("affiche").style.display = '';
//document.getElementById("main").style.display = 'none';
window.location.href="#done";

return true;     
}

function setFontSize(nbLignes,liste) {
  var taille = liste.options[liste.selectedIndex].value;
  var f = document.getElementById('example'+nbLignes+'');
  f.style.fontSize = taille + 'pt';
}

function setFontFace(nbLignes,liste) {
  var face = liste.options[liste.selectedIndex].value;
  var e = document.getElementById('example'+nbLignes+'');
  e.style.fontFamily = face;
}

function changeColor(nbLignes,liste){
var color = liste.options[liste.selectedIndex].value;
var e = document.getElementById('example'+nbLignes+'');
e.style.color = color;
}

function afficheTexte(nbLignes) {
  var texte = document.formulaire['texte'+nbLignes].value;
  document.getElementById('example'+nbLignes).innerHTML = texte; 
}

function affiche_texte_exemple(nbLignes,width){
var t = document.getElementById("example"+nbLignes+"")
var font;
if(width < 100){ font = 7;} else if(width > 100 && width < 200){font = 10;}else{font=15;}
t.innerHTML = "VOTRE TEXTE "+nbLignes+"";
t.style.textAlign = "center";
t.style.fontSize = ''+font+'pt';
t.style.fontFace = 'Verdana';
}

function verif_zone(){
if(document.forms["formulaire"].elements["ban"].value == '' || document.forms["formulaire"].elements["ban"].value == 'undefined'){
alert("Vous devez charger un modèle de header avant toute autre chose !");
}
}

window.ChoisirBanniereTheme = function(width,height,nomBanniere,theme){
document.getElementById("banniere").innerHTML = '<img src="headers/'+theme+'/'+nomBanniere+'"/>';
document.forms["formulaire"].elements["ban"].value = nomBanniere;
document.forms["formulaire"].elements["theme"].value = theme;
document.forms["formulaire"].elements["width"].value = width;
document.forms["formulaire"].elements["height"].value = height;
maBanniere = window['nomBanniere'];
monTheme = window['theme'];
mywidth = width;
myheight = height;
widthHeaderPerso = "";
heightHeaderPerso = "";
monHeaderPerso = "";
}

window.ChoisirHeaderPerso = function(imageFusion, widthHeaderPerso, heightHeaderPerso){
document.forms["formulaire"].elements["ban"].value = imageFusion;
document.forms["formulaire"].elements["width"].value = widthHeaderPerso;
document.forms["formulaire"].elements["height"].value = heightHeaderPerso;
document.forms["formulaire"].elements["perso"].value = 1;
document.getElementById("banniere").innerHTML = '<img src="ban_temp/'+imageFusion+'"/>';
monHeaderPerso = window['imageFusion'];
widthHeaderPerso = window['widthHeaderPerso'];
heightHeaderPerso = window['heightHeaderPerso'];
maBanniere = "";
monTheme = "";
}

function calque_texte(nbLignes){
//greeting + " " + js
var widthCalq =  mywidth;
var heightCalq = myheight;

theme = window.monTheme;
nomBanniere = window.maBanniere;
nomHeaderPerso = window.monHeaderPerso;
MyWidthHeaderPerso = window.widthHeaderPerso;
MyHeightHeaderPerso = window.heightHeaderPerso;
var widthCalqPerso = MyWidthHeaderPerso + 1;
var heightCalqPerso = MyHeightHeaderPerso + 1;
if(window.maBanniere){
document.getElementById("banniere").innerHTML = '<div id="layer_transp'+nbLignes+'" style="width:'+widthCalq+'px;height:'+heightCalq+'px;position:relative;"><img src="headers/'+theme+'/'+nomBanniere+'" /></div>';
}else if(window.monHeaderPerso){
document.getElementById("banniere").innerHTML = '<div id="layer_transp'+nbLignes+'" style="width:'+widthCalqPerso+'px;height:'+heightCalqPerso+'px;position:relative;"><img src="ban_temp/'+nomHeaderPerso+'" /></div>';
}
}


function retour_allopass(){
document.getElementById("retour_allo").style.display = 'none';
}

function masque_coords(val){
  if (val=='oui')
  {

document.getElementById("coords1").style.display = 'none';
document.getElementById("choix_ligne").style.display = 'none';
  }
  else if (val == 'non')
  {
document.getElementById("coords1").style.display = '';
document.getElementById("choix_ligne").style.display = '';
  }
}

function adjustIFrameSize (iframeWindow) {
  if (iframeWindow.document.height) {
    var iframeElement = document.getElementById
(iframeWindow.name);
    iframeElement.style.height = iframeWindow.document.height + 'px';
    iframeElement.style.width = iframeWindow.document.width + 'px';
  }
  else if (document.all) {
    var iframeElement = document.all[iframeWindow.name];
    if (iframeWindow.document.compatMode &&
        iframeWindow.document.compatMode != 'BackCompat') 
    {
      iframeElement.style.height = 
iframeWindow.document.documentElement.scrollHeight + 5 + 'px';
      iframeElement.style.width = 
iframeWindow.document.documentElement.scrollWidth + 5 + 'px';
    }
    else {
      iframeElement.style.height = 
iframeWindow.document.body.scrollHeight + 5 + 'px';
      iframeElement.style.width = 
iframeWindow.document.body.scrollWidth + 5 + 'px';
    }
  }
}


  function ouvre(fichier) {
  ff=window.open(fichier,"popup",
               "width=500,height=500,left=30,top=20,scrollbars=yes,location=no") }

function hidestatus(){
window.status='Créateur de bannières'
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEDOWN)
document.onmouseover=hidestatus
document.onmouseout=hidestatus
document.onmousedown=hidestatus