/****
function nécessaire pour la modal box
tant qu'à faire, ne pas toucher à ce bout de code, il a rien à voir
**/
function modal( textContent , widthContent, heightContent, typemsg , urlSite) {

	if (widthContent == '' || widthContent== undefined ) widthContent='270px';
	if (heightContent == '' ||  heightContent== undefined) heightContent='auto';
	if (typemsg == '' || typemsg == undefined) typemsg ='alert'; 
	
//creating iframe for ie	
	if (navigator.userAgent.toLowerCase().indexOf('msie') >= 0 ) {
		iframeEl=document.createElement('<iframe frameborder=0 src="about:blank" scrolling="no">');
		iframeEl.style.filter='alpha(opacity=0)';
		iframeEl.style.cssText='filter:alpha(opacity=100)';
		iframeEl.style.position='absolute';
		iframeEl.style.zIndex=100001;
		iframeEl.style.display='none';
		iframeEl.style.left='0px';
		iframeEl.style.top='0px';
		document.body.appendChild(iframeEl);
	}
	
// Creating transparent div
	if(!document.getElementById('transparentDiv')){
		divs_transparentDiv = document.createElement('DIV');
		divs_transparentDiv.className='transparentDivs';
		divs_transparentDiv.style.left='0px';
		divs_transparentDiv.style.top='0px';
		divs_transparentDiv.style.position='absolute';
		divs_transparentDiv.id='transparentDiv';
		divs_transparentDiv.style.display= 'block';
		document.body.appendChild(divs_transparentDiv);
	}else{
		divs_transparentDiv =document.getElementById('transparentDiv');
		divs_transparentDiv.style.display= 'block';
	}
		
// Creating content div
	if(!document.getElementById('contentDiv')){
		divs_content = document.createElement('DIV');
		divs_content.className='contentDiv';
		divs_content.id='contentDiv';
		//ici les trucs à mettre
		divs_content.style.width= widthContent;
		divs_content.style.height= heightContent;
		document.body.appendChild(divs_content);
	}else{
		divs_content = document.getElementById('contentDiv');
		divs_content.style.display= 'block';
	}
	
// Creating shadow div
	if(!document.getElementById('shadowDiv')){
		divs_shadow=document.createElement('DIV');
		divs_shadow.className='contentDiv_shadow';
		divs_shadow.id= 'shadowDiv';
		document.body.appendChild(divs_shadow);
	}else{
		divs_shadow = document.getElementById('shadowDiv');
		divs_shadow.style.display= 'block';
	}
	
//resize
	var tmpWidth = divs_content.offsetWidth;	
    var tmpHeight = divs_content.offsetHeight;
    
  	if (self.innerHeight){ 
  		// all except Explorer 
		bodyWidth = self.innerWidth; 
		bodyHeight = self.innerHeight; 
	}  else if (document.documentElement && document.documentElement.clientHeight) {
	   // Explorer 6 Strict Mode 		 
	   bodyWidth = document.documentElement.clientWidth; 
	   bodyHeight = document.documentElement.clientHeight; 
	} else if (document.body) {
		// other Explorers 		 
		bodyWidth = document.body.clientWidth; 
		bodyHeight = document.body.clientHeight; 
	}
        	
    divs_content.style.left = Math.ceil((bodyWidth -tmpWidth)/ 2)+'px';   
    divs_content.style.top=(Math.ceil((bodyHeight -tmpHeight)/ 2)+ Math.max(document.body.scrollTop,document.documentElement.scrollTop))+'px';

    divs_shadow.style.left=(divs_content.style.left.replace('px','')/1+5)+'px';
    divs_shadow.style.top=(divs_content.style.top.replace('px','')/1+5)+'px';
    divs_shadow.style.height=tmpHeight+'px';
    divs_shadow.style.width=tmpWidth+'px';
	
	divs_transparentDiv.style.height= Math.max( bodyHeight, document.documentElement.scrollHeight ) +'px';
	divs_transparentDiv.style.width= Math.max( bodyWidth, document.documentElement.scrollWidth ) +'px';
	
	window.onscroll = function() { resizeTransparenty(); };
	window.onresize = function() { resizeTransparenty(); };
	
	if (typemsg == "formulaire") {
		divs_content.innerHTML = '';
	}
	else {
		//insertion du texte
		if ($(textContent)) {
			/** 
		 * on rajoute une fonction, pour rendre la modalBox plus facile à utiliser
		 */
			recupDiv(textContent);
		//divs_content.innerHTML = '<center>' +  + '<br><hr><a name="modallink" id="modallink" ></a><a href="javascript:closedivRecup($(textContent));" class="lien_rouge_souligne" />alerter un modérateur</a><br><a>Annuler</a><center>';
		}
		else {
			if (textContent == "paiementEffectue") {
				divs_content.innerHTML = '<center><br><div class="' + typemsg + '">Votre commande à bien été effectué.</div><br><hr><div class="close" ><a name="modallink" id="modallink" ></a><a href="' + urlSite + '"/>Retour au site</a></div><br></center>';
			}
			else {
				divs_content.innerHTML = '<center><br><div class="' + typemsg + '">' + textContent + '</div><br><hr><div class="close" ><a name="modallink" id="modallink" ></a><a href="javascript:closediv();" />Fermer</a></div><br></center>';
			}//End if
			$('modallink').focus();
		}
	}
} //end function modal

//fermeture de la div (ou plutôt masqué la modal box)
function closediv() {

	divs_content = document.getElementById('contentDiv');
	divs_shadow = document.getElementById('shadowDiv');
	divs_transparentDiv = document.getElementById('transparentDiv');
	
	divs_content.style.display = "none";
	divs_transparentDiv.style.display = "none";
	divs_shadow.style.display = "none";
} //end function closediv

//resize de la div transparente
function resizeTransparenty() {
		divs_transparentDiv = document.getElementById('transparentDiv');

		divs_transparentDiv.style.top = Math.max(document.body.scrollTop,document.documentElement.scrollTop) + 'px';
    	divs_transparentDiv.style.left = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft) + 'px';
		if (self.innerHeight){ 
	  		// all except Explorer 
			bodyWidth = self.innerWidth; 
			bodyHeight = self.innerHeight; 
		}  else if (document.documentElement && document.documentElement.clientHeight) {
		   // Explorer 6 Strict Mode 		 
		   bodyWidth = document.documentElement.clientWidth; 
		   bodyHeight = document.documentElement.clientHeight; 
		} else if (document.body) {
			// other Explorers
		    bodyWidth = document.body.clientWidth; 
		    bodyHeight = document.body.clientHeight; 
		}
	   	divs_transparentDiv.style.width = bodyWidth + 'px';
    	divs_transparentDiv.style.height = bodyHeight + 'px';	
} //end function resizeTransparenty

function recupDiv(idToRecup) {
	content_div = $('contentDiv');
	$('contentDiv').innerHTML = '';
	content_div.innerHTML = '<textarea cols="30" rows="5"id="textComment">'+$(idToRecup).innerHTML+'</textarea>';
	content_div.innerHTML += '<br><hr><a name="modallink" id="modallink" ></a><div class="linkmod"><a href="javascript:closedivRecup(\''+idToRecup+'\');" />alerter un modérateur</a></div><br><div class="lien"><a href="javascript:closediv()">annuler</a></div><br><center>';
}

function closedivRecup(idToRecup) {
	textDiv = $('textComment');
	$(idToRecup).innerHTML = textDiv.value ;
	closediv();
}

//###################################
//end function modal
//###################################