var hauteurFenetre = 350;	// Hauteur de la popup
var hauteurbandeau = 20;	// Hauteur du bandeau
var largeurFenetre = 420;	// Largeur de la popup
var largeurbandeau = 407;	// Largeur de la popup
var topFenetre = 101			// Distance du haut de la fenetre
var leftFenetre= 270		// Distance du bord gauche de la fenetre

var hauteurBarretitre = 13; // Hauteur de la barre de titre
var couleurHaut = "#4E8B77"	// Couleur de la barre de titre	
var couleurBas = "#DFF0D5"	// Couleur du corps de la fenetre

var texteBarretitre = "<b><img src='images/YP_20.gif' width=16 height=16 align=absbottom> AromaBio vous propose...</b>"	// Texte qui apparait dans la barre de titre
var policeBarretitre = "Arial"					// Police dans la barre de titre
var taillePoliceBarretitre = "14"				// taille de la police dans la barre de titre
var couleurPoliceBarretitre = "#D6EDC4"			// Couleur du texte de la barre de titre

//var texteCorps = "Voici la nouvelle popup dhtml<br>"	// Texte du corps de la popup
//texteCorps += "Vous pouvez y insérer du code html<br>"	// Editable sur plusieurs lignes
//texteCorps += "et même des formulaires<br>"
//texteCorps += "<center><input type=text></center>"

var texteCorps = "<table height='320' background='images/AB_popup.jpg' style='background-repeat:no-repeat'><tr><td style='font-size:12px'><center><b>En automne, nos défenses immunitaires sont mises a rude épreuve, alors pensez à leur donner un petit coup de pouce...<br>"
texteCorps += "<table><tr><td><a href='soin_aroma_bio_beaute_sante_bien-etre_frictions.htm'><img src='images/prod/frictions/pranaforce_p.jpg' border='0'></a></td><td><a href='soin_aroma_bio_beaute_sante_bien-etre_frictions.htm'><font style='color:#ff6600' size='2'> <b>Pranaforce</b><br>aide l'organisme à se défendre</font></a></td></tr>"
texteCorps += "<tr><td><a href='soin_aroma_bio_beaute_sante_bien-etre_capsulessante.htm'><img src='images/prod/caps/immunessence_p.jpg' border='0'></a></td><td><a href='soin_aroma_bio_beaute_sante_bien-etre_capsulessante.htm'><font style='color:#ff6600' size='2'> <b>Immuessence oléocapsule complexe</b><br>favorise les défenses immunitaires</font></a></td></tr>"
texteCorps += "<tr><td><a href='soin_aroma_bio_beaute_sante_bien-etre_aromagom.htm'><img src='images/prod/kar-gom/aromagom_p.jpg' border='0'></a></td><td><a href='soin_aroma_bio_beaute_sante_bien-etre_aromagom.htm'><font style='color:#ff6600' size='2'> <b>Aromagom</b><br>24 gommes pour la gorge</font></a></td></tr><br>"
texteCorps += "<tr><td><a href='soin_aroma_bio_beaute_sante_bien-etre_capsulessante.htm'><img src='images/prod/caps/oleocapsules_origan_p.jpg' border='0'></a></td><td><a href='soin_aroma_bio_beaute_sante_bien-etre_capsulessante.htm'><font style='color:#ff6600' size='2'> <b>Oléocapsules d'Origan</b><br>soutien les défenses naturelles</font></a></td></tr></table>"
//texteCorps += "Le livre &quot;Huiles Essentielles Ch&eacute;motyp&eacute;es&quot;<br>"
//texteCorps += "+ Un savon d'alep de 200g</b><br><br>"
texteCorps += "<br>Avec Aromabio, passez un bon hiver !</b></td></tr></table>"


var policeCorps = "Arial"								// Police du corps de la popup
var taillePoliceCorps = "12"							// Taille du texte
var couleurPoliceCorps = "#4E8B77"

//var Ombre = 0				// 0 : pas d'ombre; 1 : ombrage

// ------------------------NE PAS EDITER SOUS CETTE LIGNE----------------------//
var clic = false;
function clicDown(tab) {
	abscisse = abs-leftFenetre;
	ordonne = ord-topFenetre;
	clic=true;
}
function clicUp() {
		clic=false;
}
function fermerPopup() {
	document.getElementById("pop_up").style.visibility="hidden";
}
function fermerPage() {
	document.getElementById("page").style.visibility="hidden";
}
function ouvrirPage() {
	document.getElementById("page").style.visibility="visible";
}
function get_mouse(e){
	if (document.getElementById && document.all) {
		// Internet explorer
		abs = event.x+document.body.scrollLeft;
		ord = event.y+document.body.scrollTop;
	} else if (document.getElementById) {
		// Netscape 6+
		abs = e.pageX
		ord = e.pageY
	} 
	if(clic && document.getElementById){
		leftFenetre = abs-abscisse;
		topFenetre = ord-ordonne;
	}
	document.getElementById("pop_up").style.left = leftFenetre
  	document.getElementById("pop_up").style.top = topFenetre
}
if (document.getElementById && !document.all) {
	document.captureEvents(Event.MOUSEMOVE);
}	
document.onmousemove = get_mouse;
function popup(){
	if (document.getElementById) {
		document.write('<style type="text/css">')
		document.write('.pop {')
		document.write('	border: 1px inset #000000;')
		document.write('	filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=3);}')
		document.write('table.popup {')
		document.write('	border: 1px solid #000000;}')
		document.write('td.titre {')
		document.write('	font-family: '+policeBarretitre+';')
		document.write('	font-size: '+taillePoliceBarretitre+'px;')
		document.write('	color: '+couleurPoliceBarretitre+';}')
		document.write('td.corps {')
		document.write('	font-family: '+policeCorps+';')
		document.write('	font-size: '+taillePoliceCorps+'px;')
		document.write('	color: '+couleurPoliceCorps+';}')
		document.write('</style>')
		document.write('<DIV id=pop_up STYLE="position:absolute; z-index:2; top:'+topFenetre+'px; left:'+leftFenetre+'px;visibility:visible;">')
	
//		if (Ombre == 1 ) {
//			document.write('<table width="'+largeurFenetre+'" height="'+hauteurFenetre+'" border="0" cellspacing="0" cellpadding="0">')
//			document.write('<tr> ')
//			largeurFenetre -= 5
//			hauteurFenetre -= 5
//			document.write('<td width="'+largeurFenetre+'"  height="'+hauteurFenetre+'" colspan="2" rowspan="2" align="left" valign="top">')
//		}
       
		document.write('<table width="'+largeurbandeau+'"  height="'+hauteurbandeau+'" border="0" cellspacing="0" cellpadding="0" class="pop">')
		largeurFenetre -= hauteurBarretitre
		hauteurFenetre -= hauteurBarretitre
		document.write('<tr onMouseDown="clicDown()" onMouseUp="clicUp()">')
		document.write('<td bgcolor="'+couleurHaut+'" class="titre" width="'+largeurFenetre+'" height="'+hauteurBarretitre+'" style="cursor: move">' + texteBarretitre +'</td>')
		document.write('<td bgcolor="'+couleurHaut+'" class="titre" width="13" height="'+hauteurBarretitre+'"><img src="images/minimize.jpg" alt="reduire" onClick="fermerPage()"></td>')
		document.write('<td bgcolor="'+couleurHaut+'" class="titre" width="13" height="'+hauteurBarretitre+'"><img src="images/reduire.jpg" alt="agrandir" onClick="ouvrirPage()"></td>')
		document.write('<td bgcolor="'+couleurHaut+'" class="titre" width="13" height="'+hauteurBarretitre+'"><img src="images/fermer.jpg" alt="fermer" onClick="fermerPopup();fermerPage()"></td>')
		document.write('</tr>')
		document.write('</table>')
		document.write('<table id=page class="pop" width="'+largeurFenetre+'"  height="'+hauteurFenetre+'" border="0" cellspacing="0" cellpadding="0" class="popup">')
		document.write('<tr valign="top">') 
		document.write('<td bgcolor="'+couleurBas+'" width="'+largeurFenetre+'" height="'+hauteurFenetre+'" colspan="2" class="corps">'+texteCorps+'</td>')
		document.write('</tr>')
		document.write('</table>')
	
//		if (Ombre == 1 ) {
//			document.write('</td>')
//			document.write('<td width="5" height="5" background="image6.gif"></td>') 
//			document.write('</tr>')
//			document.write('<tr>')
//			document.write('<td background="image2.gif" width="5" height="'+hauteurFenetre+'"></td>')
//			document.write('</tr>')
//			document.write('<tr> ')
//			document.write('<td height="5" width="5" background="image5.gif"></td>')
//			document.write('<td height="5" width="'+largeurFenetre+'" background="image3.gif"></td>')
//			document.write('<td height="5" width="5" background="image4.gif"></td>')
//			document.write('</tr>')
//  			document.write('</table>')
//		}
		document.write('</div>')
	}
}