function rollOver(ev,id) {
  rollOut('map-02-05-txt');rollOut('map-02-04-txt');rollOut('map-02-03-txt');rollOut('map-02-02-txt');rollOut('map-02-01-txt');
  
	if (ev.pageX)  pagex=ev.pageX;
	else if (ev.clientX)
	   pagex = ev.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft :  document.body.scrollLeft);
	else pagex = "dommage" ;

	if (ev.pageY)  pagey=ev.pageY;
	else if (ev.clientY)
	   pagey = ev.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop :  document.body.scrollTop);
	else pagey = "dommage" ; 

  var pagex = pagex;
  var pagey = pagey;

//  document.getElementById(id).style.marginTop="50px" ;
 // document.getElementById(id).style.marginLeft="450px" ;

 var attributes = {
        height: { from : 0, to: 50 },
        width: { from : 0, to: 300 },
		top: { from: pagey, to : 250 },
		left: { from: pagex, to : 500 } 
    };
    var anim = new YAHOO.util.Anim(id, attributes,0.5);
	document.getElementById(id).style.display="block"; 
	anim.animate();
  }

  function rollOver2(ev,id) {
  rollOut2('map-02-05');rollOut2('map-02-04');rollOut2('map-02-03');rollOut2('map-02-02');rollOut2('map-02-01');

  rollOver(ev,id+"-txt");
  
 var attributes = {
        opacity: { from : 0, to: 1 }
    };
    var anim = new YAHOO.util.Anim(id, attributes,0.5);
	anim.animate();
  }
  

    function rollOut(id) {

 var attributes = {
        height: { to: 0 },
        width: { to: 0 }
	};
    var anim = new YAHOO.util.Anim(id, attributes,0.2);
	anim.animate();
	document.getElementById(id).style.display="none"; 
}
  

  function rollOut3() {
	rollOut2('map-02-05');rollOut2('map-02-04');rollOut2('map-02-03');rollOut2('map-02-02');rollOut2('map-02-01');
  }

  function rollOut2(id) {

 var attributes = {
        opacity: { to: 0 }
    };
    var anim = new YAHOO.util.Anim(id, attributes,0.2);
	anim.animate();

}
	
    function modalBox(id,version) {
		YAHOO.namespace("example.container");
        // Define the callback object for Connection Manager that will set the body of our content area when the content has loaded

        var callback = {
            success : function(o) {
			var goTxt = o.responseText ;
					
			var reg = new RegExp("<title>([^']*?)</title>","i");
			reg.exec(goTxt);
			modalTitle = RegExp.$1;
			
			var reg = new RegExp("<meta name=\"width\" content=\"([^>]+)\" />","i");			
            reg.exec(goTxt);
            w1 = parseInt(RegExp.$1);
            
			var reg = new RegExp("<meta name=\"height\" content=\"([^>]+)\" />","i");			
            reg.exec(goTxt);
            h1 = parseInt(RegExp.$1);            
            h2 = h1 - 45;            
            
			var reg = new RegExp("<meta name=\"over\" content=\"([^>]+)\" />","i");			
            reg.exec(goTxt);
            oOver = RegExp.$1;

			var pageTracker = _gat._getTracker("UA-4243291-2");
			pageTracker._initData();
			pageTracker._trackPageview();

            if(!YAHOO.example.container.wait) {
			YAHOO.example.container.wait = 
                     new YAHOO.widget.Panel("wait",  
                                                    { width: w1+"px", height: h1+"px", 
                                                      fixedcenter: true, 
                                                      close: true, 
                                                      draggable: true, 
                                                      zindex:2500000,
                                                      modal: true,
                                                      visible: true
                                                    } 
                                                );
			} else {
			YAHOO.example.container.wait.cfg.setProperty("width",w1+"px");
			YAHOO.example.container.wait.cfg.setProperty("height",h1+"px");
			}
            YAHOO.example.container.wait.setHeader("<div id=\"modal-title\"></div>");
            YAHOO.example.container.wait.setBody("<div style=\"width:100%;height:"+h2+"px;overflow-y:"+oOver+";overflow-x:hidden;background-color:white;\" id=\"wait-body\"><center><br><br><br><img src=\"http://us.i1.yimg.com/us.yimg.com/i/us/per/gr/gp/rel_interstitial_loading.gif\"/></center></div>");
            YAHOO.example.container.wait.render(document.body);
         
			document.getElementById("wait_c").style.display = "block" ;
      		YAHOO.example.container.wait.show(); 

            document.getElementById("wait-body").innerHTML = goTxt + "<div class=\"bouton-close\"><button id=\"hide2\" class=\"buttonCommand\">Close</button></div>" ;
			document.getElementById("modal-title").innerHTML = modalTitle;	


YAHOO.util.Event.addListener("hide2", "click", 	YAHOO.example.container.wait.hide, 	YAHOO.example.container.wait, true);


YAHOO.example.container.wait.hideEvent.subscribe(function () {
			document.getElementById("wait_c").style.display = "none" ;
			test=3;	

    });
			return false ;
            },
            failure : function(o) {
                YAHOO.example.container.wait.hide();
				return false ;
            }

        }

 
        // Show the Panel
        
        // Connect to our data source and load the data
        var conn = YAHOO.util.Connect.asyncRequest("GET", "/Pro/ContentProModal.aspx?id="+id , callback);


		return false ;
   }


    function modalBox2(id,url,titre,ww) {

		YAHOO.namespace("example.container");
        // Define the callback object for Connection Manager that will set the body of our content area when the content has loaded

        var callback2 = {
            success : function(o) {
			var goTxt2 = o.responseText ;
			var goTitre2 = titre;

			var pageTracker = _gat._getTracker("UA-4243291-2");
			pageTracker._initData();
			pageTracker._trackPageview();
	
            if(!YAHOO.example.container.wait) {
            YAHOO.example.container.wait = 
                     new YAHOO.widget.Panel("wait",  
                                                    { width: ww+"px", height: "431px",                                                       fixedcenter: true, 
                                                      close: true, 
                                                      draggable: true, 
                                                      zindex:2500000,
                                                      modal: true,
                                                      visible: true
                                                    } 
                                                );
			} else {
			YAHOO.example.container.wait.cfg.setProperty("width",ww+"px");
			}

            YAHOO.example.container.wait.setHeader("<div id=\"titre-modal\"></div>");
            YAHOO.example.container.wait.setBody("<div style=\"width:100%;height:367px;overflow-y:hidden;overflow-x:hidden;background-color:white;\" id=\"wait-body\"><center><br><br><br><img src=\"http://us.i1.yimg.com/us.yimg.com/i/us/per/gr/gp/rel_interstitial_loading.gif\"/></center></div>");
            YAHOO.example.container.wait.render(document.body);
         
			document.getElementById("wait_c").style.display = "block" ;
      		YAHOO.example.container.wait.show(); 

 

			document.getElementById("titre-modal").innerHTML = goTitre2 ;

			document.getElementById("wait-body").innerHTML = goTxt2 ;

			YAHOO.example.container.wait.hideEvent.subscribe(function () {
				document.getElementById("wait_c").style.display = "none" ;
				test=3;	
		    });
			return false ;
            },
            failure : function(o) {
                YAHOO.example.container.wait.hide();
				return false ;
            }

        }

        // Show the Panel
        
        // Connect to our data source and load the data


        var conn = YAHOO.util.Connect.asyncRequest("GET",url , callback2);

		return false ;
   }

	function showRef() {
		if(document.getElementById("fullreferences").style.display=="block"){
		document.getElementById("fullreferences").style.display="none";
		} else {
		document.getElementById("fullreferences").style.display="block";
		}
	}