
function popup_tag(Page, divPos, object){
	var imgSource = "../images/popup/";
	var pageSource = "";
	
	var TOP = $(divPos).getCoordinates().top
	var LEFT = $(divPos).getCoordinates().left
	
	var popUp = new Element('div').setProperty('id', 'popup').setStyles({width:'258px', height:'235px', top:TOP+'px', left:LEFT+'px', position:'absolute'})
	
	var popUpH = new Element('div').setStyles({width:'258px', height:'19px', background:'url('+imgSource+'header.gif) no-repeat 0 0', display:'block'})
	var popUpH2 = new Element('div').setStyles({width:'243px', height:'19px'}).addClass('float')
	var popUpH2Span = new Element('span').setStyles({padding:'5px 0 0 10px', fontFamily:'Arial', color:'#000000', fontWeight:'bold', fontSize:'12px'}).appendText('AJOUTER UN TAG')
	var popUpH3 = new Element('div').setStyles({width:'15px', height:'19px'}).addClass('float');
	var popUpH3a = new Element('a').setProperty('href', 'javascript:fermeture()')
	var popUpH3Img = new Element('img').setProperties({src:''+imgSource+'fermer.gif', width:'15', height:'19', alt:"fermer", border:'0'})
	popUpH2.appendChild(popUpH2Span)
	popUpH3a.appendChild(popUpH3Img)
	popUpH3.appendChild(popUpH3a)
	popUpH.appendChild(popUpH2)
	popUpH.appendChild(popUpH3)
	
	var popUpM = new Element('div').setStyles({width:'248px', height:'100px', backgroundColor:'#aeaeae', display:'block', fontFamily:'Arial', fontSize:'10px', color:'#000000', padding:'10px 0 0 10px'})
	var popUpM2 =  new Element('div').setStyles({width:'200px', padding:'0 0 10px 0', display:'block'})
	var popUpM2Span = new Element('span').appendText('SAISISSEZ UN OU PLUSIEURS TAG(S) :')
	var popUpM3  = new Element('form').setStyles({padding:'0', margin:'0', display:'block'}).setProperties({name:'ajout_tag'})
	var popUpM3div =  new Element('div').setStyles({width:'235px', padding:'0', display:'block'})
	var popUpM3Input =  new Element('input').setProperties({id:'ajout_tag', type:"text", name:"tag", maxLength:"20"}).setStyles({height:'18px', width:'235px'})
	var popUpM4 =  new Element('div').setStyles({width:'248px', padding:'0 0 10px 0', display:'block'})
	var popUpM4Span = new Element('span').setHTML('(S&eacute;parez les tags par des points-virgules) : ')
	var popUpM5 =  new Element('div').setStyles({width:'114px', height:'14px', padding:'0 0 15px 71px', display:'block'})
	var popUpM5a =  new Element('a').setProperty("href", "javascript:ajout_tags('new');")
	var popUpM5Img =  new Element('img').setProperties({src:''+imgSource+'ajouter.gif', width:"114", height:'14', alt:"ok", border:'0'});
	popUpM2.appendChild(popUpM2Span)
	popUpM3div.appendChild(popUpM3Input)
	popUpM4.appendChild(popUpM4Span)
	popUpM5a.appendChild(popUpM5Img)
	popUpM5.appendChild(popUpM5a)
	popUpM3.appendChild(popUpM3div)
	popUpM3.appendChild(popUpM4)
	popUpM3.appendChild(popUpM5)
	popUpM.appendChild(popUpM2)
	popUpM.appendChild(popUpM3)
	
	if(object != undefined){
		var popUpB = new Element('div').setStyles({width:'248px', height:'100px', backgroundColor:'#aeaeae', display:'block', fontFamily:'Arial', fontSize:'10px', color:'#000000', padding:'10px 0 0 10px'})
		var popUpB2 =  new Element('div').setStyles({width:'200px', padding:'0 0 10px 0', display:'block'})
		var popUpB2Span = new Element('span').appendText('SELECTIONNER UN TAG :')
		var popUpB3  = new Element('form').setStyles({padding:'0', margin:'0', display:'block'}).setProperties({name:'ajout_tag'})
		var popUpB3div =  new Element('div').setStyles({width:'235px', padding:'0', display:'block'})
		var popUpB3Select =  new Element('select').setProperties({id:'select_tag_list', name:"select", size:"1"}).setStyles({height:'20px', width:'235px'});
		
		for(var i in object){
			if(object[i].nb != undefined){
				var popUpB3Option =  new Element('option').setProperty('value',i).appendText(i);
				popUpB3Select.appendChild(popUpB3Option)
			}
		}
		
		var popUpB4 =  new Element('div').setStyles({width:'248px', padding:'0 0 10px 0', display:'block'})
		var popUpB4Span = new Element('span').setHTML('&nbsp;')
		var popUpB5 =  new Element('div').setStyles({width:'114px', height:'14px', padding:'0 0 15px 71px', display:'block'})
		var popUpB5a =  new Element('a').setProperty("href", "javascript:ajout_tags('inc');")
		var popUpB5Img =  new Element('img').setProperties({src:''+imgSource+'ajouter.gif', width:"114", height:'14', alt:"ok", border:'0'})
		popUpB2.appendChild(popUpB2Span)
		popUpB3div.appendChild(popUpB3Select)
		popUpB4.appendChild(popUpB4Span)
		popUpB5a.appendChild(popUpB5Img)
		popUpB5.appendChild(popUpB5a)
		popUpB3.appendChild(popUpB3div)
		popUpB3.appendChild(popUpB4)
		popUpB3.appendChild(popUpB5)
		popUpB.appendChild(popUpB2)
		popUpB.appendChild(popUpB3)
	}
	
	popUp.appendChild(popUpH)
	if(object != undefined)
		popUp.appendChild(popUpB)
	popUp.appendChild(popUpM)
	
	$('absolute').appendChild(popUp);
}

function popup_oubli(Page, divPos){

    ;;debugger
	var imgSource = Page+"popup/";
	var pageSource = Page.substring(Page, Page.length-7);
	
	var TOP =  30;//$(divPos).getCoordinates().top
	var LEFT = 30;//$(divPos).getCoordinates().left
	
	var popUp = new Element('div').setProperty('id', 'popup').setStyles({width:'258px', height:'235px', top:TOP+'px', left:LEFT+'px', position:'absolute'})
	
	var popUpH = new Element('div').setStyles({width:'258px', height:'19px', background:'url('+imgSource+'header.gif) no-repeat 0 0', display:'block'})
	var popUpH2 = new Element('div').setStyles({width:'243px', height:'19px'}).addClass('float')
	var popUpH2Span = new Element('span').setStyles({padding:'5px 0 0 10px', fontFamily:'Arial', color:'#000000', fontWeight:'bold', fontSize:'12px'}).appendText('OUBLI DU MOT DE PASSE')
	var popUpH3 = new Element('div').setStyles({width:'15px', height:'19px'}).addClass('float');
	var popUpH3a = new Element('a').setProperty('href', 'javascript:fermeture()')
	var popUpH3Img = new Element('img').setProperties({src:''+imgSource+'fermer.gif', width:'15', height:'19', alt:"fermer", border:'0'})
	popUpH2.appendChild(popUpH2Span)
	popUpH3a.appendChild(popUpH3Img)
	popUpH3.appendChild(popUpH3a)
	popUpH.appendChild(popUpH2)
	popUpH.appendChild(popUpH3)
	
	var popUpM = new Element('div').setStyles({width:'248px', height:'100px', backgroundColor:'#aeaeae', display:'block', fontFamily:'Arial', fontSize:'10px', color:'#000000', padding:'10px 0 0 10px'})
	var popUpM2 = new Element('div').setStyles({width:'210px', padding:'0 0 10px 0', display:'block'})
	var popUpM2Span = new Element('span').setHTML('Merci de saisir l\'adresse &eacute;lectronique que vous avez untilis&eacute;e lors de votre inscription :')
	popUpM2.appendChild(popUpM2Span)
	var popUpM3  = new Element('form').setProperties({name:"oubli"}).setStyles({padding:'0', margin:'0', display:'block'})
	var popUpM3div =  new Element('div').setStyles({width:'238px', padding:'0 0 10px 0', display:'block'})
	var popUpM3Input =  new Element('input').setProperties({type:"text", name:"mail", id:"mail"}).setStyles({height:'18px', width:'238px'})
	popUpM3div.appendChild(popUpM3Input)
	var popUpM4 = new Element('div').setStyles({width:'114px', height:'14px', padding:'0 0 15px 71px', display:'block'});
	var popUpM4a = new Element('a').setProperty('href', 'javascript:sendMailMDP("'+pageSource+'","'+Page+'","'+divPos+'")')
	var popUpM4Img = new Element('img').setProperties({src:''+imgSource+'ok.gif', width:'114', height:'14', alt:"ok", border:'0'})
	popUpM4a.appendChild(popUpM4Img)
	popUpM4.appendChild(popUpM4a)
	popUpM3.appendChild(popUpM3div)
	popUpM3.appendChild(popUpM4)
	
	popUpM.appendChild(popUpM2)
	popUpM.appendChild(popUpM3)
	
	popUp.appendChild(popUpH)
	popUp.appendChild(popUpM)
	document.getElementById('lost').appendChild(popUp);
	//$('absolute').appendChild(popUp);
}

function sendMailMDP(pageSource, Page, divPos){
	creerRequete("mail");
	var requete = ListeRequete["mail"];
	var url = pageSource+'services/MemberService.aspx';
	requete.open("POST", url, true);
	requete.onreadystatechange = function(){affichagesendMailMDPRep(Page, divPos)};
	requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	requete.send("operation=sendMDP&email=" + $('mail').value);
}

function affichagesendMailMDPRep(Page, divPos){
	var requete = ListeRequete["mail"];
	if(requete.readyState ==4){
		if(requete.status ==200){
			var reponse = requete.responseXML;
			if(reponse.getElementsByTagName("erreur")[0]!=undefined){
				fermeture();
				popup_alerte(Page, reponse.getElementsByTagName("message_erreur")[0].firstChild.nodeValue)
			}else{
				fermeture();
				popup_alerte(Page, reponse.getElementsByTagName("message")[0].firstChild.nodeValue)
			}
			
		}
	}
}

function popup_signaler(Page, divPos){
	if(Page == "home"){
		var imgSource = "images/popup/";
		var pageSource = "Pages/";
	}else{
		var imgSource = "../images/popup/";
		var pageSource = "";
	}
	
	
	
	var TOP = $(divPos).getCoordinates().top
	var LEFT = $(divPos).getCoordinates().left
		
	var popUp = new Element('div').setProperty('id', 'popup').setStyles({width:'258px', height:'235px', top:TOP+'px', left:LEFT+'px', position:'absolute'})
	
	var popUpH = new Element('div').setStyles({width:'258px', height:'19px', background:'url('+imgSource+'header.gif) no-repeat 0 0', display:'block'})
	var popUpH2 = new Element('div').setStyles({width:'243px', height:'19px'}).addClass('float')
	var popUpH2Span = new Element('span').setStyles({padding:'5px 0 0 10px', fontFamily:'Arial', color:'#000000', fontWeight:'bold', fontSize:'12px'}).appendText('AJOUTER UN TAG')
	var popUpH3 = new Element('div').setStyles({width:'15px', height:'19px'}).addClass('float');
	var popUpH3a = new Element('a').setProperty('href', 'javascript:fermeture()')
	var popUpH3Img = new Element('img').setProperties({src:''+imgSource+'fermer.gif', width:'15', height:'19', alt:"fermer", border:'0'})
	popUpH2.appendChild(popUpH2Span)
	popUpH3a.appendChild(popUpH3Img)
	popUpH3.appendChild(popUpH3a)
	popUpH.appendChild(popUpH2)
	popUpH.appendChild(popUpH3)
	
	var popUpM = new Element('div').setStyles({width:'248px', height:'100px', backgroundColor:'#aeaeae', display:'block', fontFamily:'Arial', fontSize:'10px', color:'#000000', padding:'10px 0 0 10px'})
	var popUpM3  = new Element('form').setProperties({name:"signaler"}).setStyles({padding:'0', margin:'0', display:'block'})
	var popUpM3div =  new Element('div').setStyles({width:'210px', padding:'0 0 0 0', display:'block'})
	var popUpM3Span = new Element('span').appendText('Votre nom :')
	var popUpM4 =  new Element('div').setStyles({width:'238px', padding:'0 0 10px 0', display:'block'})
	var popUpM4Input =  new Element('input').setProperties({type:"text", name:"nom"}).setStyles({height:'18px', width:'238px'})
	var popUpM5 =  new Element('div').setStyles({width:'210px', padding:'0 0 0 0', display:'block'})
	var popUpM5Span = new Element('span').setHTML('Votre pr&eacute;nom :')
	var popUpM6 =  new Element('div').setStyles({width:'238px', padding:'0 0 10px 0', display:'block'})
	var popUpM6Input =  new Element('input').setProperties({type:"text", name:"prenom"}).setStyles({height:'18px', width:'238px'})
	var popUpM7 =  new Element('div').setStyles({width:'210px', padding:'0 0 0 0', display:'block'})
	var popUpM7Span = new Element('span').appendText('Votre email :')
	var popUpM8 =  new Element('div').setStyles({width:'238px', padding:'0 0 10px 0', display:'block'})
	var popUpM8Input =  new Element('input').setProperties({type:"text", name:"mail"}).setStyles({height:'18px', width:'238px'})
	var popUpM9 =  new Element('div').setStyles({width:'210px', padding:'0 0 0 0', display:'block'})
	var popUpM9Span = new Element('span').appendText('Remarque :')
	var popUpM10 =  new Element('div').setStyles({width:'238px', padding:'0 0 10px 0', display:'block'})
	var popUpM10Input =  new Element('input').setProperties({type:"text", name:"remarque"}).setStyles({height:'56px', width:'238px'})
	var popUpM11 =  new Element('div').setStyles({width:'114px', height:'14px', padding:'0 0 15px 71px', display:'block'})
	var popUpM11a =  new Element('a').setProperty("href", "#")
	var popUpM11Img =  new Element('img').setProperties({src:''+imgSource+'ok.gif', width:"114", height:'14', alt:"ok", border:'0'})
	
	popUpM3div.appendChild(popUpM3Span)
	popUpM4.appendChild(popUpM4Input)
	popUpM5.appendChild(popUpM5Span)
	popUpM6.appendChild(popUpM6Input)
	popUpM7.appendChild(popUpM7Span)
	popUpM8.appendChild(popUpM8Input)
	popUpM9.appendChild(popUpM9Span)
	popUpM10.appendChild(popUpM10Input)
	popUpM11a.appendChild(popUpM11Img)
	popUpM11.appendChild(popUpM11a)
	
	popUpM3.appendChild(popUpM3div)
	popUpM3.appendChild(popUpM4)
	popUpM3.appendChild(popUpM5)
	popUpM3.appendChild(popUpM6)
	popUpM3.appendChild(popUpM7)
	popUpM3.appendChild(popUpM8)
	popUpM3.appendChild(popUpM9)
	popUpM3.appendChild(popUpM10)
	popUpM3.appendChild(popUpM11)
	
	popUpM.appendChild(popUpM3)
	
	popUp.appendChild(popUpH)
	popUp.appendChild(popUpM)
	
	$('absolute').appendChild(popUp);
}

function sendToAFriend(sendType,sendId,objectId){

	if(document.location.href.indexOf("Pages")>=0) {
		var pageSource = "";
	}
	else{
		var pageSource = "Pages/";
	}
	var contenant = null;
	if (!$("divSendToAFriend")){
		contenant= new Element('div').setProperty('id', 'divSendToAFriend').setStyles({position:'absolute',top:'50px',left:'100px'});
	}else {
		contenant = $("divSendToAFriend");     
	}
	
	contenant.innerHTML = ' <a name="sendTo"></a>';
	contenant.innerHTML +='<iframe src="'+pageSource+'sendToAFriend.aspx?typeEnvoi='+sendType+'&idTypeEnvoi='+sendId+'&idObject='+objectId+'" width="258" height="490" style="border:0;padding:0;margin:0;background-color: transparent;" scrolling="no" frameborder="0"></iframe>';      
	contenant.style.display = "block";
	
	$('absolute').style.top = (posY-250)+"px";
	$('absolute').style.left = (posX+20)+"px";
	$('absolute').appendChild(contenant);
	
}


function popup_authentification(rien, divPos){

	if(document.location.href.indexOf("Pages")>=0) {
		var pageSource = "";
	}
	else{
		var pageSource = "Pages/";	
	}
	
	if(divPos == undefined){
		TOP = posY;
		LEFT = posX;
	}else{
		var TOP = $(divPos).getCoordinates().top
		var LEFT = $(divPos).getCoordinates().left
	}
		
	var contenant = null;
	if (!$("divIdentificationPopup")){
		contenant= new Element('div').setProperty('id', 'divIdentificationPopup').setStyles({position:'absolute',top:TOP+'px' ,left:LEFT+'px', padding:'0', margin:'0'});
	}else {
		contenant = $("divIdentificationPopup");  
	}
	
	contenant.innerHTML = ' <a name="identPopup"></a>';
	contenant.innerHTML +='<iframe src="'+pageSource+'popupAuthentification.aspx" width="248" height="270" style="border:0;padding:0;margin:0;" scrolling="no" frameborder="0"></iframe>';      
	contenant.style.display = "block";
	
	$('absolute').appendChild(contenant);
	
}

function fermeture(){
	$('absolute').setHTML('');
	$('absolute').style.height = "0px";
	$('absolute').style.width = "0px";
	$('absolute').style.top = "0px";
	$('absolute').style.left = "0px";
}

function popup_alerte(Page, Type){
	if(popup_alerte_source == "home"){
		var imgSource = "images/popup/";
	}else if(popup_alerte_source == "images/"){
		var imgSource = Page+"popup/";
	}else{
		var imgSource = "../images/popup/";
	}

	var posX = 0;
	var posY = 0;
	if (window.gecko){ 
		var larg = (document.documentElement.offsetWidth);
		var haut = (document.body.clientHeight+document.documentElement.scrollTop);
		var TOP = haut;
		var LEFT = larg/2 - 130;
	}else{
		
		var larg = (document.documentElement.offsetWidth);
		var haut = (document.documentElement.offsetHeight+document.documentElement.scrollTop);
		var TOP = haut/2;
		var LEFT = larg/2 - 130;
	}
	
	
		
	var popup = '<div id="popup" style="width:258px; height:100px; position:absolute; top:'+TOP+'px; left:'+LEFT+'px;">';
	popup += '<div style="width:258px; height:19px; background:url('+imgSource+'header.gif) no-repeat 0 0; display:block;">';
	popup += '<div style="width:243px; height:11px; float:left;"><span style="padding:5px 0 0 10px; font-family:Arial; font-size:11px; color:#000000; font-weight:bold;">ALERTE</span></div>';
	popup += '<div style="width:15px; height:19px; float:left;"><a href="javascript:fermeture();"><img src="'+imgSource+'fermer.gif" width="15" height="19" alt="Fermer" border="0" /></a></div>';
	popup += '</div>';
	
	popup += '<div style="background-color:#aeaeae; height:50px; width:248px; display:block; font-family:Arial; font-size:10px; color:#000000; padding:10px 0 0 10px;">';
	popup += '<div style="display:block; width:228px; padding:0 0 10px 0;"><span id="alerte">'+Type+'</span></div>';
	popup += '</div>';
	popup += '</div>';
	
	$('absolute').setHTML(popup);
}


document.onclick = getMouseXY;
var posX = 0;
var posY = 0;
function getMouseXY(e) {
//    if (versionNav=="IE6" || versionNav=="IE7") { 
//        posX = event.clientX + document.documentElement.scrollLeft;
//        posY = event.clientY + document.documentElement.scrollTop;
//    }
//    else {  
//        posX = e.pageX;
//        posY = e.pageY;
//    }
	if (e.pageX || e.pageY)
 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY)
 	{
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
}

function popup_alt(Type, el){
    document.onmouseover = getMouseXY;
	
	var popup = '<div id="popup" style="width:258px; height:50px; position:absolute; top:'+(posY+30)+'px; left:'+(posX-20)+'px; z-index:50;">';
	popup += '<div style="width:258px; height:19px; background:url(../images/popup/header.gif) no-repeat 0 0; display:block;">';
	popup += '<div style="width:243px; height:11px; float:left;"><span style="padding:5px 0 0 10px; font-family:Arial; font-size:11px; color:#000000; font-weight:bold;">TITRE</span></div>';
	popup += '<div style="width:15px; height:19px; float:left;"><a href="javascript:fermeture();"><img src="../images/popup/fermer.gif" width="15" height="19" alt="Fermer" border="0" /></a></div>';
	popup += '</div>';
	
	popup += '<div style="background-color:#aeaeae; height:30px; width:248px; display:block; font-family:Arial; font-size:10px; color:#000000; padding:5px 0 0 10px;">';
	popup += '<div style="display:block; width:228px; padding:0 0 10px 0;"><span>'+Type+'</span></div>';
	popup += '</div>';
	popup += '</div>';
	
	$('absolute').innerHTML=popup;
	$('popup').onmouseover = function(){
	    popup_alt(Type, el)
	}
	$('popup').onmouseout = function(){
	    fermeture();
	}
	el.onmouseout= function(){fermeture();}
}