var dossierImage = "http://www.ctrl.com/images/benbox";	// Dossier ou se retrouve les images du composant
								
function benbox(spImage,spTexte)
{  
	var leTexte = spTexte.split(" ");
	
	
	if(leTexte[0] != "iframe")
	{		    
		nouveauDiv();
		addContent( "bbContenu" ,spImage,spTexte)
		displayFenetre();
	}
	else
	{
		spLargeur = leTexte[1];
		spHauteur = leTexte[2];
		spHref = leTexte[3];
		displayIframe(spLargeur,spHauteur,spHref);		
		displayFenetreIframe();
	}
	
}


function nouveauDiv()
{
  var mon_div = null;
  var nouveauDiv = null;
 var  slClass="";
  var browserName=navigator.appName; 
  
  if (browserName=="Microsoft Internet Explorer")
  {
 		slClass="-ie";
  }
  else
  {
	slClass="";
  }

  nouveauDiv = document.createElement("div");
  nouveauDiv.className = "conteneurBBox"
  nouveauDiv.innerHTML = '<div id="bbBack" onclick="javascript:closeBB();"></div><div id="benbox"><table id="tableBB" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"><tr><td class="bbTopLeft'+slClass+'">&nbsp;</td><td class="bbTop'+slClass+'">&nbsp;</td><td class="bbTopRight'+slClass+'">&nbsp;</td></tr><tr><td class="bbLeft'+slClass+'">&nbsp;</td><td id="bbDuContenu"><div id="bbClose" onclick="javascript:closeBB();"></div><div id="bbContenu" onclick="javascript:closeBB();"></div></td><td class="bbRight'+slClass+'">&nbsp;</td></tr><tr><td class="bbBtmLeft'+slClass+'">&nbsp;</td><td class="bbBtm'+slClass+'">&nbsp;</td><td class="bbBtmRight'+slClass+'">&nbsp;</td></tr></table></div>';
  mon_div = document.getElementById("fake_div01");
  document.body.insertBefore(nouveauDiv, mon_div);
  $('#bbBack').css('filter', 'alpha(opacity=40)');
  $("#bbBack").fadeIn(400);
  $("#benbox").fadeIn(400);
  	
	
}



function displayIframe(spLargeur,spHauteur,spHref)
{
  var mon_div = null;
  var nouveauDiv = null;
 var  slClass="";
  var browserName=navigator.appName; 
  
  if (browserName=="Microsoft Internet Explorer")
  {
 		slClass="-ie";
  }
  else
  {
	slClass="";
  }

  iFrame = '<iframe id="iframeBenBox" src="'+spHref+'" width="'+spLargeur+'" height="'+spHauteur+'" style="border:none;overflow:hidden;" frameborder="0" scrolling="no"><p>Votre navigateur ne supporte pes les Iframe</p></iframe>';
  nouveauDiv = document.createElement("div");
  nouveauDiv.className = "conteneurBBox"
  nouveauDiv.innerHTML = '<div id="bbBack" onclick="javascript:closeBB();"></div><div id="benbox"><table id="tableBB" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"><tr><td class="bbTopLeft'+slClass+'">&nbsp;</td><td class="bbTop'+slClass+'">&nbsp;</td><td class="bbTopRight'+slClass+'">&nbsp;</td></tr><tr><td class="bbLeft'+slClass+'">&nbsp;</td><td id="bbDuContenu"><div id="bbClose" onclick="javascript:closeBB();"></div><div id="bbContenu" >'+iFrame+'</div></td><td class="bbRight'+slClass+'">&nbsp;</td></tr><tr><td class="bbBtmLeft'+slClass+'">&nbsp;</td><td class="bbBtm'+slClass+'">&nbsp;</td><td class="bbBtmRight'+slClass+'">&nbsp;</td></tr></table></div>';
  mon_div = document.getElementById("fake_div01");
  document.body.insertBefore(nouveauDiv, mon_div);
  $('#bbBack').css('filter', 'alpha(opacity=40)');
  $("#bbBack").fadeIn(400);
  $("#benbox").fadeIn(400);
  	
	
}



function displayFenetre()
{
	 
	 if( window.innerWidth){
		 with( window){	 
			positionScroll = pageYOffset;
		 }
	 }
	 else{ // Cas Explorer a part
		 if( document.documentElement && document.documentElement.clientWidth)
		 DocRef = document.documentElement;
		 else
		 DocRef = document.body;
	
		 with( DocRef){	 
			positionScroll = scrollTop;
		 }
	 }	
	 
	var height = document.documentElement.scrollHeight;
    if(document.documentElement.clientHeight > height )
        height  = document.documentElement.clientHeight;
    
    if (document.body.scrollHeight > height)
        height = document.body.scrollHeight;
    
   // document.body.style.overflow="hidden";
	HauteurBody = $("body").height()+130;
	document.getElementById("benbox").display="none";
    document.getElementById("bbBack").style.height= HauteurBody+"px";
    document.getElementById("bbBack").style.display="block";
	//document.getElementById("bbBack").style.marginTop=positionScroll+"px";
   
	$("#bbContenu > img").load(function(){
		
		document.getElementById("benbox").style.marginLeft = "-"+($("#bbContenu").width()/2)-50+"px"		
		hauteurDivBenBox = document.getElementById("benbox").offsetHeight/2;
		hErreur = document.getElementById("benbox").offsetHeight;
		hErreur = -hErreur+positionScroll+50;
		document.getElementById("benbox").style.marginTop = hErreur+hauteurDivBenBox-50+"px";	
		$("#bbClose").css("display","block");
		document.getElementById("benbox").display="block";
	});
	
	var ie = (typeof document.addEventListener != 'function' && window.XMLHttpRequest) ? true : false;
	if (ie)
	{
		//document.getElementsByTagName("html")[0].style.overflow = "hidden";
	}
	//Disparaitre les select pour IE6
	nbrSelect = document.getElementsByTagName("select").length;
	if(nbrSelect!=0)
	{
		combobox = document.getElementsByTagName("select");
		for(i=0;i<nbrSelect;i++)
		{
			combobox[i].style.visibility="hidden";	
		}
	}	
	
	
}



function displayFenetreIframe()
{
	 
	 if( window.innerWidth){
		 with( window){	 
			positionScroll = pageYOffset;
		 }
	 }
	 else{ // Cas Explorer a part
		 if( document.documentElement && document.documentElement.clientWidth)
		 DocRef = document.documentElement;
		 else
		 DocRef = document.body;
	
		 with( DocRef){	 
			positionScroll = scrollTop;
		 }
	 }	
	 
	var height = document.documentElement.scrollHeight;
    if(document.documentElement.clientHeight > height )
        height  = document.documentElement.clientHeight;
    
    if (document.body.scrollHeight > height)
        height = document.body.scrollHeight;
    
   // document.body.style.overflow="hidden";
	HauteurBody = $("body").height()+130;
	document.getElementById("benbox").display="none";
    document.getElementById("bbBack").style.height= HauteurBody+"px";
    document.getElementById("bbBack").style.display="block";
	//document.getElementById("bbBack").style.marginTop=positionScroll+"px";
   
	document.getElementById("benbox").style.marginLeft = "-"+($("#bbContenu").width()/2)-50+"px"		
	hauteurDivBenBox = document.getElementById("benbox").offsetHeight/2;
	hErreur = document.getElementById("benbox").offsetHeight;
	hErreur = -hErreur+positionScroll+50;
	document.getElementById("benbox").style.marginTop = hErreur+hauteurDivBenBox-50+"px";	
	$("#bbClose").css("display","block");
	document.getElementById("benbox").display="block";
	
	
	var ie = (typeof document.addEventListener != 'function' && window.XMLHttpRequest) ? true : false;
	if (ie)
	{
		//document.getElementsByTagName("html")[0].style.overflow = "hidden";
	}
	//Disparaitre les select pour IE6
	nbrSelect = document.getElementsByTagName("select").length;
	if(nbrSelect!=0)
	{
		combobox = document.getElementsByTagName("select");
		for(i=0;i<nbrSelect;i++)
		{
			combobox[i].style.visibility="hidden";	
		}
	}	
	
	
}






function closeBB ()
{

$("#bbBack").fadeOut('normal', function() {
   $("#bbBack").remove();
  })
$("#benbox").fadeOut('normal', function() {
   $('#benbox').remove();
  })



	//document.body.style.overflow="auto";
	var ie = (typeof document.addEventListener != 'function' && window.XMLHttpRequest) ? true : false;
	if(ie)
	{
    //document.getElementsByTagName("html")[0].style.overflow = "auto";
	//document.getElementsByTagName("body")[0].style.overflow = "hidden";
	}
	//Apparait les select pour IE6
	nbrSelect = document.getElementsByTagName("select").length;
	if(nbrSelect!=0)
	{
		combobox = document.getElementsByTagName("select");
		for(i=0;i<nbrSelect;i++)
		{
			combobox[i].style.visibility="visible";	
		}
	}	
}
/*********************************************************************************/
/*****************************REQUETE AJAX****************************************/
/*********************************************************************************/

function ObjectDiv( div , content )
 {
	 
	 if ( document.getElementById )
	 {
	 
	 document.getElementById( div ).innerHTML = content;
	 
	 }
	 else
	 {
		 if ( document.layers )
		 {
		 document.div.innerHTML = content;
		 }
		 else
		 {
		 document.all.div.innerHTML = content;
		 }
	 }
 }

 function Goto(div,spImage,spTexte )
 {
 	
	limageTab = limage.split("/")
	nbrLien = limageTab.length
	nomImage = limageTab[nbrLien-1]
	lienImage="";
	for(i=0; i<nbrLien-1;i++)
	{
		lienImage += limageTab[i]+"/";
	}
	
	tabNomImage = nomImage.split(".");
	slExtension = tabNomImage[1];
	slNomImage = tabNomImage[0];	
	
	document.getElementById(div).innerHTML  = "<img src='"+lienImage+slNomImage+"-gr."+slExtension+"' /><br /><p>"+spTexte+"</p>";
 }

 function addContent( div ,spImage, spTexte )
 {
	 

   
 var wait = "<div align='center' style='margin-top:0px;width:500px;display:block;height:450px;'>" +
 "<img src='http://www.ctrl.com/images/layout/ajax-loader.gif' border='0' alt='Chargement en cours....' style='margin-top:200px;' />" +
 "</div>";
 
 ObjectDiv( div , wait );
 Goto(div,spImage,spTexte);
 
 return false;
 }