<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_showHideLayers() { //v6.0
   
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}



function Browser() {

  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var browser = new Browser();

// Global object to hold drag information.

var dragObj = new Object();
dragObj.zIndex = 0;

function dragStart(event, id) {

  var el;
  var x, y;

  // If an element id was given, find it. Otherwise use the element being
  // clicked on.

  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;

    // If this is a text node, use its parent element.

    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Save starting positions of cursor and element.

  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;

  // Update element's z-index.

  dragObj.elNode.style.zIndex = ++dragObj.zIndex;

  // Capture mousemove and mouseup events on the page.

  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGo);
    document.attachEvent("onmouseup",   dragStop);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGo,   true);
    document.addEventListener("mouseup",   dragStop, true);
    event.preventDefault();
  }
}

function dragGo(event) {

  var x, y;

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }
  var testX=dragObj.elStartLeft + x - dragObj.cursorStartX;
  var testY=dragObj.elStartTop  + y - dragObj.cursorStartY;
  // Move drag element by the same amount the cursor has moved.
    if( (dragObj.elStartLeft + x - dragObj.cursorStartX)>0 && (dragObj.elStartTop  + y - dragObj.cursorStartY)>0){
      
      dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
      dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
  }
  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}

function dragStop(event) {

  // Stop capturing mousemove and mouseup events.

  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGo);
    document.detachEvent("onmouseup",   dragStop);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGo,   true);
    document.removeEventListener("mouseup",   dragStop, true);
  }
}



function dragStart2(event, id) {

  var el;
  var x, y;

  // If an element id was given, find it. Otherwise use the element being
  // clicked on.

  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;

    // If this is a text node, use its parent element.

    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Save starting positions of cursor and element.

  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;

  // Update element's z-index.

  dragObj.elNode.style.zIndex = ++dragObj.zIndex;

  // Capture mousemove and mouseup events on the page.

  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGo2);
    document.attachEvent("onmouseup",   dragStop2);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGo2,   true);
    document.addEventListener("mouseup",   dragStop2, true);
    event.preventDefault();
  }
}

function dragGo2(event) {

  var x, y;

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }
  var testX=dragObj.elStartLeft + x - dragObj.cursorStartX;
  var testY=dragObj.elStartTop  + y - dragObj.cursorStartY;
  // Move drag element by the same amount the cursor has moved.
   if(  (dragObj.elStartTop  + y- dragObj.cursorStartY )>-150 &&(dragObj.elStartLeft  + x - dragObj.cursorStartX )>-350){
       
      dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
      dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
      }
 
  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}


function dragStop2(event) {

  // Stop capturing mousemove and mouseup events.

  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGo2);
    document.detachEvent("onmouseup",   dragStop2);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGo2,   true);
    document.removeEventListener("mouseup",   dragStop2, true);
  }
}






function dragStartConstruire(event, id) {

  var el;
  var x, y;

  // If an element id was given, find it. Otherwise use the element being
  // clicked on.

  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;

    // If this is a text node, use its parent element.

    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Save starting positions of cursor and element.

  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;

  // Update element's z-index.

  dragObj.elNode.style.zIndex = ++dragObj.zIndex;

  // Capture mousemove and mouseup events on the page.

  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGoConstruire);
    document.attachEvent("onmouseup",   dragStopConstruire);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGoConstruire,   true);
    document.addEventListener("mouseup",   dragStopConstruire, true);
    event.preventDefault();
  }
}

function dragGoConstruire(event) {

  var x, y;

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }
  var testX=dragObj.elStartLeft + x - dragObj.cursorStartX;
  var testY=dragObj.elStartTop  + y - dragObj.cursorStartY;
  // Move drag element by the same amount the cursor has moved.
      dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
      dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
 
  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}


function dragStopConstruire(event) {

  // Stop capturing mousemove and mouseup events.

  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGoConstruire);
    document.detachEvent("onmouseup",   dragStopConstruire);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGoConstruire,   true);
    document.removeEventListener("mouseup",   dragStopConstruire, true);
  }
}


//-------------------------------------Fonctions utilisées pour le plier/déplier des composants
function actualiseMask()
{
    var valeurMask=document.getElementById("valeurHiddenMask");
    tabDuo=valeurMask.value.split(';');
    for(i=0;i<tabDuo.length-1;i++)
    {
        tabValeur=tabDuo[i].split(",");
        if(document.getElementById(tabValeur[0])){
            document.getElementById(tabValeur[0]).value=tabValeur[1];
        }
    }
    verifMask();
}

function verifMask()
{
    var cpt=1;
    var cible1 = "panMask"+cpt;
    var cible2 = "panMask100"+cpt;
    var cible3 = "hidMask"+cpt;
    var cible4 = "LinkMask"+cpt;
    
    var cible5 = "encartCompo"+cpt;
    while(document.getElementById(cible1)!=null && document.getElementById(cible1)!="undefined")
    {
        var tabCible1=document.getElementById(cible1);
        var tabCible2=document.getElementById(cible2);
        var tabCible3=document.getElementById(cible3);
        var tabCible4=document.getElementById(cible4);
        var tabCible5=document.getElementById(cible5);
        if(tabCible3.value=="0")
        {
            tabCible1.style.display='none';
            tabCible2.style.display='none';
           if(tabCible5.value=="1") tabCible4.src="iso_framework/iso_icons/btn_rediger_deplier.png";
           else tabCible4.src="iso_framework/iso_icons/btn_rediger_deplier.png";
        }
        else
        {
           tabCible1.style.display='';
           tabCible2.style.display='';
           if(tabCible5.value=="1") tabCible4.src="iso_framework/iso_icons/btn_rediger_plier.png";
           else tabCible4.src="iso_framework/iso_icons/btn_rediger_plier.png";
        }
        cpt++;
        cible1 = "panMask"+cpt;
        cible2 = "panMask100"+cpt;
        cible3 = "hidMask"+cpt;
        cible4 = "LinkMask"+cpt;
        cible5 = "encartCompo"+cpt;
    }
}

function maskComposant(cible1,cible2,cible3,cible4,isEncart)
{
    var tabCible1=document.getElementById(cible1);
    var tabCible2=document.getElementById(cible2);
    var tabCible3=document.getElementById(cible3);
    var tabCible4=document.getElementById(cible4);
    var tabCible5=document.getElementById(isEncart);
    var valeurMask=document.getElementById("valeurHiddenMask");
    if(tabCible3.value=="0")
    {
        tabCible1.style.display='';
        tabCible2.style.display='';
        tabCible3.value="1"
        if(tabCible5.value=="1")tabCible4.src="iso_framework/iso_icons/btn_rediger_plier.png";
        else tabCible4.src="iso_framework/iso_icons/btn_rediger_plier.png";
        ajoutValeurHiddenMask(cible3,1)
    }
    else
    {
        tabCible1.style.display='none';
        tabCible2.style.display='none';
        tabCible3.value="0";
        if(tabCible5.value=="1")tabCible4.src="iso_framework/iso_icons/btn_rediger_deplier.png";
        else tabCible4.src="iso_framework/iso_icons/btn_rediger_deplier.png";
        ajoutValeurHiddenMask(cible3,0)
    }
}


function compoMouseOver(idImg){
    if(document.getElementById(idImg).src.indexOf("btn_rediger_deplier.png")!=-1){
        document.getElementById(idImg).src="iso_framework/iso_icons/btn_rediger_deplier_hover.png";
    }
    else if(document.getElementById(idImg).src.indexOf("btn_rediger_plier.png")!=-1){
      document.getElementById(idImg).src="iso_framework/iso_icons/btn_rediger_plier_hover.png";
      }
}


function compoMouseOut(idImg){
    if(document.getElementById(idImg).src.indexOf("btn_rediger_deplier_hover.png")!=-1){
        document.getElementById(idImg).src="iso_framework/iso_icons/btn_rediger_deplier.png";
    }
    else if(document.getElementById(idImg).src.indexOf("btn_rediger_plier_hover.png")!=-1){
      document.getElementById(idImg).src="iso_framework/iso_icons/btn_rediger_plier.png";
      }
}

function maskAll(lien)
{
    var cpt=1;
    var cible1 = "panMask"+cpt;
    var cible2 = "panMask100"+cpt;
    var cible3 = "hidMask"+cpt;
    var cible4 = "LinkMask"+cpt;
    var cible5 = "encartCompo"+cpt;
    while(document.getElementById(cible1)!=null && document.getElementById(cible1)!="undefined")
    {
        var tabCible1=document.getElementById(cible1);
        var tabCible2=document.getElementById(cible2);
        var tabCible3=document.getElementById(cible3);
        var tabCible4=document.getElementById(cible4);
        var tabCible5=document.getElementById(cible5);
       if(document.getElementById("visibleComponent").value=="1")
        {
            tabCible1.style.display='none';
            tabCible2.style.display='none';
            tabCible3.value="0";
            if(tabCible5.value=="1") tabCible4.src="iso_framework/iso_icons/btn_rediger_deplier.png";
            else tabCible4.src="iso_framework/iso_icons/btn_rediger_deplier.png";
            document.getElementById("LinkMaskAll").innerHTML="<img src='iso_framework/iso_icons/icon_rediger_deplier.png' border='0' style='vertical-align:middle;' alt='Déplier tous les composants' />&nbsp;D&eacute;plier tous les composants";
            ajoutValeurHiddenMask(cible3,0)
        }
        else
        {
            tabCible1.style.display='';
            tabCible2.style.display='';
            tabCible3.value="1";
            if(tabCible5.value=="1") tabCible4.src="iso_framework/iso_icons/btn_rediger_plier.png";
            else tabCible4.src="iso_framework/iso_icons/btn_rediger_plier.png";
            document.getElementById("LinkMaskAll").innerHTML="<img src='iso_framework/iso_icons/icon_rediger_plier.png' border='0' style='vertical-align:middle;' alt='Plier tous les composants' />&nbsp;Plier tous les composants";
            ajoutValeurHiddenMask(cible3,1)
            
        }
        cpt++;
        cible1 = "panMask"+cpt;
        cible2 = "panMask100"+cpt;
        cible3 = "hidMask"+cpt;
        cible4 = "LinkMask"+cpt;
     cible5 = "encartCompo"+cpt;
    }
    if(document.getElementById("visibleComponent").value=="1")
    {
        lien.src="iso_framework/iso_icons/icon_agrandir_white.gif";
        document.getElementById("visibleComponent").value="0";
        ajoutValeurHiddenMask("visibleComponent",1)
    }
    else
    {
        lien.src="iso_framework/iso_icons/icon_reduire_white.gif";
        document.getElementById("visibleComponent").value="1";
        ajoutValeurHiddenMask("visibleComponent",1)
    }
}

function ajoutValeurHiddenMask(cible,val)
{
   
    var valeurMask=document.getElementById("valeurHiddenMask");
    var tabCible=document.getElementById(cible);
    if(valeurMask.value.indexOf(cible)!=-1)
    {
        tabDuo=valeurMask.value.split(';');
        valeurMask.value="";
        for(i=0;i<tabDuo.length-1;i++)
        {
            tabValeur=tabDuo[i].split(",");
            if(cible==tabValeur[0])
            {
                tabValeur[1]=val;
            }
            valeurMask.value+=tabValeur.join(",")+";";
        }
    }
    else
    {
        valeurMask.value+=cible+","+val+";"
    }
}


/*******************************Methode de prevention de fin de session**************************/
function sessionPreventionFermeture()
{
    alert("Attention il n'y a pas eut d'activit\351 sur le site depuis 15 minutes vous risquez de perdre vos changements");
}
//setTimeout('sessionPreventionFermeture();',5000);

function sessionFin()
{
    alert("Votre session est termin\351e il faudra vous reconnecter, les changements non valid\351s ont \351t\351 perdus");
}
//setTimeout('sessionFin();',7000);


function WhereMouse( e ){
  var DocRef;    // Variable pour IE uniquement


  // L'événement est passée à la fonction
  // donc tous sauf IE…
  if( e){                     // Dans ce cas on obtient directement la position dans la page
    Mouse_X = e.pageX;
    Mouse_Y = e.pageY;
  }
  else{                      // Dans ce cas on obtient la position relative à la fenêtre d'affichage
    Mouse_X = event.clientX;
    Mouse_Y = event.clientY;


    //-- Il faut traiter le CAS des DOCTYPE sous IE
    if( document.documentElement && document.documentElement.clientWidth) // Donc DOCTYPE
      DocRef = document.documentElement;   // Dans ce cas c'est documentElement qui est réfèrence
    else
      DocRef = document.body;                    // Dans ce cas c'est body qui est réfèrence

    //-- On rajoute la position liée aux ScrollBars
    Mouse_X += DocRef.scrollLeft;
    Mouse_Y += DocRef.scrollTop;
  }
  //alert(Mouse_X+","+Mouse_Y);
}
//document.onmousedown = WhereMouse;



/******************************Positionner lees popups personnaliser selon le click**************************/


function positionPopup(link, adjX, adjY,idpopup) {


	/***********************/
	//Variable Declarations
	/***********************/
	
	var adjustment = new Array();
	if (adjX)
		adjustment['x'] = adjX;
	else
		adjustment['x'] = 0;
	if (adjY)
		adjustment['y'] = adjY;
	else
		adjustment['y'] = 0;
	var rgb = new Array();
	var hsv = new Array();
	var hex = new Array();
	var offset = new Array();
	offset['x'] = 0;
	offset['y'] = 0;
	var H,S,V,sliderX,sliderY,dotX,dotY;
	
	//Set Drag Status To False
	var isdrag=false;
	
	//Set browser variables
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	var colorselector = "default";
	var scrollLeftOffset = '0';
	var scrollTopOffset = '0';
	var detect = navigator.userAgent.toLowerCase();
	var OS,browser,total,thestring;
	var version = 0;

	//document.getElementById('ColourMod').style.display = "block";

	if (document.getElementById(idpopup).style.left == 0 && document.getElementById(idpopup).style.top == 0) {
		cmOffsetLeft = document.getElementById(idpopup).offsetLeft;
		cmOffsetTop = document.getElementById(idpopup).offsetTop;
	}
	if( link.offsetParent ) {
		for( var posX = 0, posY = 0; link.offsetParent; link = link.offsetParent ) {
			offset['x'] += link.offsetLeft;
			offset['y'] += link.offsetTop;
		}
	} else {
		offset['x'] = link.x;
		offset['y'] = link.y;
	}
	if (self.innerWidth) {
		frameWidth = self.innerWidth;
		frameHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		frameWidth = document.documentElement.clientWidth;
		frameHeight = document.documentElement.clientHeight;
	} else if (document.body) {
		frameWidth = document.body.clientWidth;
		frameHeight = document.body.clientHeight;
	} else  { 
		return;
	}
	scrollOffset = getScrollXY();

	//alert(offset['x']+' ' +offset['y']);
	if (offset['y']+50 + adjustment['y'] > frameHeight+scrollOffset['y']) {
		offset['y'] = frameHeight+scrollOffset['y'] - 50;
	} else if (offset['y'] + adjustment['y'] < scrollOffset['y']) {
		offset['y'] = scrollOffset['y'];
	} else {
		offset['y'] = offset['y'] + adjustment['y'];
	}
    if(offset['x']>160)offset['x']=offset['x']-150;
    if(offset['y']>160)offset['y']=offset['y']-150;
	if(offset['x']>500){
	    offset['x']=300;
	    offset['y']=offset['y']-50;
	}
	//cas particulier popupfondPage
	if(offset['y']<0)offset['y']=100;
	document.getElementById(idpopup).style.left = offset['x'] + "px";
	document.getElementById(idpopup).style.top = offset['y'] + "px";
	

}


	function getScrollXY() {
	
		var scrollOffset = new Array();
		if (document.documentElement && document.documentElement.scrollTop)
			// Explorer 6 Strict
		{
			scrollOffset['x'] = document.documentElement.scrollLeft;
			scrollOffset['y'] = document.documentElement.scrollTop;
		}
		else if (document.body) // all other Explorers
		{
			scrollOffset['x'] = document.body.scrollLeft;
			scrollOffset['y'] = document.body.scrollTop;
		}
	
		  return scrollOffset;
	}

/* Retourne le nombre de composant visible dans la page construire*/
function getNumberVisibleCompo(hiddenCompo,compoActif){
var nbCompo=0;
//alert(hiddenCompo);
var startVis= hiddenCompo.indexOf(',1;',0);
//alert(startVis+' '+compoActif);
if(startVis!=-1 &&  startVis<compoActif){
   nbCompo= getNumberVisibleCompo(hiddenCompo.substring(startVis+3,hiddenCompo.length),compoActif)+1;
}
return nbCompo;

}


/* Positon du layer ajouter un composant dans la vue construire*/
function positionPopupConstruire(link, adjX, adjY,idpopup,idorder,tailleCompo,hiddenCompo) {

	/***********************/
	//Variable Declarations
	/***********************/
	
	var adjustment = new Array();
	if (adjX)
		adjustment['x'] = adjX;
	else
		adjustment['x'] = 0;
	if (adjY)
		adjustment['y'] = adjY;
	else
		adjustment['y'] = 0;
	var rgb = new Array();
	var hsv = new Array();
	var hex = new Array();
	var offset = new Array();
	offset['x'] = 0;
	offset['y'] = 0;
	var H,S,V,sliderX,sliderY,dotX,dotY;
	
	//Set Drag Status To False
	var isdrag=false;
	
	//Set browser variables
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	var colorselector = "default";
	var scrollLeftOffset = '0';
	var scrollTopOffset = '0';
	var detect = navigator.userAgent.toLowerCase();
	var OS,browser,total,thestring;
	var version = 0;

	//document.getElementById('ColourMod').style.display = "block";

	if (document.getElementById(idpopup).style.left == 0 && document.getElementById(idpopup).style.top == 0) {
		cmOffsetLeft = document.getElementById(idpopup).offsetLeft;
		cmOffsetTop = document.getElementById(idpopup).offsetTop;
	}
	if( link.offsetParent ) {
		for( var posX = 0, posY = 0; link.offsetParent; link = link.offsetParent ) {
			offset['x'] += link.offsetLeft;
			offset['y'] += link.offsetTop;
		}
	} else {
		offset['x'] = link.x;
		offset['y'] = link.y;
	}
	if (self.innerWidth) {
		frameWidth = self.innerWidth;
		frameHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		frameWidth = document.documentElement.clientWidth;
		frameHeight = document.documentElement.clientHeight;
	} else if (document.body) {
		frameWidth = document.body.clientWidth;
		frameHeight = document.body.clientHeight;
	} else  { 
		return;
	}
	scrollOffset = getScrollXY();


	if (offset['y']+50 + adjustment['y'] > frameHeight+scrollOffset['y']) {
		offset['y'] = frameHeight+scrollOffset['y'] - 50;
	} else if (offset['y'] + adjustment['y'] < scrollOffset['y']) {
		offset['y'] = scrollOffset['y'];
	} else {
		offset['y'] = offset['y'] + adjustment['y'];
	}
    if(offset['x']>160)offset['x']=offset['x']-150;
    if(offset['y']>160)offset['y']=offset['y']-150;
    
    var nbOrderVis=idorder;
    var compoActif=  hiddenCompo.indexOf('hidMask'+idorder,0);
    //alert(compoActif);
    if(hiddenCompo!='' ) nbOrderVis=getNumberVisibleCompo(hiddenCompo,compoActif);
    var nbOrderNoVis=(idorder-nbOrderVis);
  if(nbOrderVis>0)  nbOrderVis=nbOrderVis-1;
    //alert(nbOrderVis+'  '+nbOrderNoVis);
    if(tailleCompo=="2"){
	    offset['y']=offset['y']+(nbOrderVis)*1000 + nbOrderNoVis*70 ;
    }
    else{
    var regul=0;
    if(nbOrderVis>2)regul=-150;
    if(nbOrderNoVis<0)nbOrderNoVis=0;
    if(nbOrderVis<0)nbOrderVis=0;
    if(nbOrderNoVis>2) nbOrderVis--;
    //alert(nbOrderVis);
       // offset['y']=offset['y']+(nbOrderVis*475)+regul+ nbOrderNoVis*70 ;
	 //  alert(offset['y']);
	    offset['y']=200;
     }
    
	//alert(offset['x']+' ' +offset['y']);
	document.getElementById(idpopup).style.left = offset['x'] + "px";
	document.getElementById(idpopup).style.top = offset['y'] + "px";


}

/* Fonction javascript pour activer un flash*/
function RunFoo(swf, hauteur, largeur, couleur, nom) {
document.write("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\""+hauteur+"\" height=\""+largeur+"\" id=\""+nom+"\" align=\"middle\">\n");
document.write("<param name=\"allowScriptAccess\" value=\"always\" />\n");
document.write("<param name=\"movie\" value=\""+swf+"\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\""+couleur+"\" /><embed src=\""+swf+"\" quality=\"high\" bgcolor=\""+couleur+"\" width=\""+hauteur+"\" height=\""+largeur+"\" name=\""+nom+"\" align=\"middle\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />\n");
document.write("</object>\n");
}


/* Fonction javascript pour activer un flash*/
function activeFlash(swf, hauteur, largeur, couleur, nom) {
document.write("<object  onfocusin=\"document.getElementById('markChangement').value=2;\"  classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\""+hauteur+"\" height=\""+largeur+"\" id=\""+nom+"\" align=\"middle\">\n");
document.write("<param name=\"wmode\" value=\"opaque\" />\n");
document.write("<param name=\"allowScriptAccess\" value=\"sameDomain\" />\n");
document.write("<param name=\"movie\" value=\""+swf+"\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\""+couleur+"\" /><embed wmode=\"opaque\" src=\""+swf+"\" quality=\"high\" bgcolor=\""+couleur+"\" width=\""+hauteur+"\" height=\""+largeur+"\" name=\""+nom+"\" align=\"middle\" allowScriptAccess=\"sameDomain\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />\n");
document.write("</object>\n");
}



      /*Ouverture de la popup gestionnaire d'album*/
     function openAlbum(url){
         window.open(url,"album", 'width=1000,height=680,resizable=yes,scrollbars=yes');
     }
     
     
      /*Ouverture de la popup gestionnaire de lien*/
     function openLien(url){
         window.open(url,"album", 'width=650,height=350');
     }
     
     
     
     //---------------------------------------------------------------------------------------------//
     //                                              BULLE                                          //
     //---------------------------------------------------------------------------------------------//
     
     var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;

fDomOffset = function( oObj, sProp )
{ 
 // oObj : [Object] - Objet dont on désire le positionnement 
 // sProp : [String] - Propriété désirée : offsetLeft - offsetTop 
 var iVal = 0; 
 // On boucle tant que l'on n'est pas à la racine du document 
 while (oObj && oObj.tagName != 'BODY') { 
  eval('iVal += oObj.' + sProp + ';');
  oObj = oObj.offsetParent; 
 } 
 return iVal; 
}  

fSwapSelect = function( sId ) 
{ 
 oObj = document.getElementById(sId); 

 Top_Element  = fDomOffset(oObj, 'offsetTop'); 
 Left_Element  = fDomOffset(oObj, 'offsetLeft'); 
 Largeur_Element  = oObj.offsetWidth; 
 Hauteur_Element  = oObj.offsetHeight; 
 oSelects = document.getElementsByTagName('SELECT'); 
 if (oSelects.length > 0) { 
  for (i = 0; i < oSelects.length; i++) { 
   oSlt = oSelects[i]; 
   Top_Select = fDomOffset(oSlt, 'offsetTop'); 
   Left_Select = fDomOffset(oSlt, 'offsetLeft'); 
   Largeur_Select = oSlt.offsetWidth; 
   Hauteur_Select = oSlt.offsetHeight; 
   isLeft = false; 
   if ((Left_Element > (Left_Select - Largeur_Element)) && (Left_Element < (Left_Select + Largeur_Select))) { 
    isLeft = true; 
   } 
   isTop = false; 
   if ((Top_Element > (Top_Select - Hauteur_Element)) && (Top_Element < (Top_Select + Hauteur_Select))) { 
    isTop = true; 
   } 
   if (isLeft && isTop) { 
    sVis = (oObj.style.visibility == 'hidden') ? 'visible' : 'hidden'; 
    if (oSlt.style.visibility != sVis) {oSlt.style.visibility = sVis;} 
   } else { 
    if (oSlt.style.visibility != 'visible') {oSlt.style.visibility = 'visible';} 
   } 
  } 
 } 
} 

function AffBulle(texte) 
{
	contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE>&nbsp;";

	var finalPosX=posX-xOffset;
	var finalPosY=posY+yOffset;
	//alert(finalPosY);
	if (finalPosX<0) finalPosX=0;
	if (document.layers) 
	{
		document.layers["bulle"].document.write(contenu);
		document.layers["bulle"].document.close();
		document.layers["bulle"].top=finalPosY;
		document.layers["bulle"].left=finalPosX;
		document.layers["bulle"].visibility="show";
	}

	if (document.all) 
	{
		bulle.innerHTML=contenu;
		document.all["bulle"].style.top=finalPosY;
		document.all["bulle"].style.left=finalPosX;
		document.all["bulle"].style.visibility="visible";
	}
	else if (document.getElementById) {
		document.getElementById("bulle").innerHTML=contenu;
		document.getElementById("bulle").style.top=finalPosY;
		document.getElementById("bulle").style.left=finalPosX;
		document.getElementById("bulle").style.visibility="visible";
	}

	fSwapSelect('bulle')	
}

function getMousePos(e) 
{
	if (document.all) 
	{
		posX=event.x+document.body.scrollLeft; 
		posY=event.y-document.body.scrollTop;
	}
	else 
	{
		posX=e.pageX; 
		posY=e.pageY; 
	}
}


function HideBulle() 
{
	if (document.layers) 
	{
		document.layers["bulle"].visibility="hide";
	}

	if (document.all) 
	{
		document.all["bulle"].style.visibility="hidden";
	}
	else if (document.getElementById)
	{
		document.getElementById("bulle").style.visibility="hidden";
	}
	fSwapSelect('bulle')	
}

function InitBulle(ColTexte,ColFond,ColContour,NbPixel) 
{
	IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
	if (document.layers) 
	{
		window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
		document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'></LAYER>");
	}
	
	if (document.all) 
	{
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden;z-index:10'></DIV>");
		document.onmousemove=getMousePos;
	}
	else if (document.getElementById) 
	{
		document.onmousemove=getMousePos;
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
	}
}


//Ouverture PopupRichText
function openPopupRichText(urlPopup,idTitre,idChkCadre,idTemplate,idChkPoint){
            var height=  window.screen.availHeight-150;
            var width=  window.screen.availWidth-100;
            var valeurTitre= document.getElementById(idTitre).value;
            var isCadre= document.getElementById(idChkCadre).value;
            var isCadrePoint= document.getElementById(idChkPoint).checked;
            var nomTemplate= document.getElementById(idTemplate).value;
            window.open(urlPopup+"&isCadre=" + isCadre + "&templateCadre=" + nomTemplate + "&titreCadre=" + valeurTitre + "&isCadrePoint=" + isCadrePoint +"&type=iso_rich_text",'RichText','history=no,toolbar=0,location=0,directories=0,status=0,menubar=1,scrollbars=no,resizable=yes,top=10,left=10,width='+width+',height='+height);
        }
        
        //Ouverture PopupRichText
function openPopupRichTextForColonne(urlPopup,idTitre,idChkCadre,idTemplate,idChkPoint){
          var height=  window.screen.availHeight-150;
          var width=  window.screen.availWidth-100;
          var valeurTitre= document.getElementById(idTitre).value;
           var isCadre= document.getElementById(idChkCadre).value;
           var isCadrePoint= document.getElementById(idChkPoint).checked;
           var nomTemplate= document.getElementById(idTemplate).value;
          // alert(isCadrePoint +' vs '+nomTemplate);
         // &isCadre=" + chkCadre.Value + "&templateCadre=" + txtNameTemplate.Value + "&titreCadre=" + txtTitre.Text + "&isCadrePoint=" + chkPoint.Checked 
          window.open(urlPopup+"&isCadre=" + isCadre + "&templateCadre=" + nomTemplate + "&titreCadre=" + valeurTitre + "&isCadrePoint=" + isCadrePoint+"&type=iso_colonne" ,'RichText','history=no,toolbar=0,location=0,directories=0,status=0,menubar=1,scrollbars=no,resizable=yes,top=10,left=10,width='+width+',height='+height);
        }
        
        
        
function getWindowHeight() {
    var h = 0;
    if (typeof(window.innerHeight) == 'number') { // Netscape
        h = window.innerHeight;
    }
    else {
        if (document.documentElement && document.documentElement.clientHeight) {
        h = document.documentElement.clientHeight;
    }
    else {
        if (document.body && document.body.offsetHeight) { //client
            h = document.body.offsetHeight;
        }
    }
    }
    return h;
}


//*********************** VUE PLAN *********************************//


  
    
    function supprimeLien(){
        document.getElementById('txtURLLien').innerText='';
        document.getElementById('hidden_txtURLLien').value='';
        document.getElementById('hidden_options').value='';
        document.getElementById('hidden_info_bulle').value='';
    }

    /*Montre les panels qui correspondent au type */
    function showHideSepType(){
        var ddlSep=document.getElementById('ddlSepType');
        if(ddlSep){
            if(ddlSep.options[ddlSep.options.selectedIndex].value=="texte"){
                document.getElementById('trValSepTexte').style.display='block';
                document.getElementById('trValSepImage').style.display='none';
            }
            else if(ddlSep.options[ddlSep.options.selectedIndex].value=="image"){
                document.getElementById('trValSepTexte').style.display='none';
                document.getElementById('trValSepImage').style.display='block';
            }
            else {
                document.getElementById('trValSepTexte').style.display='none';
                document.getElementById('trValSepImage').style.display='none';
            }
        }
    }
    
      
    
      

    /* Selection d'un alignement pour le raccourcis dans vue plan*/
    function selectAlignRaccBasPlan(){
        if(document.getElementById('txtAlignBas')){
            var txtAlign=document.getElementById('txtAlignBas').value;
            switch(txtAlign){
                case 'left' : 
                    document.getElementById('alignLeftRaccBas').style.border='solid red 1px;';
                    document.getElementById('alignCenterRaccBas').style.border='solid white 0px;';
                    document.getElementById('alignRightRaccBas').style.border='solid white 0px;';
                      break;
                case 'center' : 
                    document.getElementById('alignCenterRaccBas').style.border='solid red 1px;';
                    document.getElementById('alignLeftRaccBas').style.border='solid white 0px;';
                    document.getElementById('alignRightRaccBas').style.border='solid white 0px;';
                      break;
                case 'right' : 
                    document.getElementById('alignRightRaccBas').style.border='solid red 1px;';
                    document.getElementById('alignCenterRaccBas').style.border='solid white 0px;';
                    document.getElementById('alignLeftRaccBas').style.border='solid white 0px;';
                      break;
            }
        }
    }


//****************************************************************************************************//
//*************************************** VUE PLAN ***************************************************//
//****************************************************************************************************//



 //-------------------------- MENU CONTEXTUEL SUPPRIMER PAGE -------------------------------------//
        
        //Evenement sur le lien Supprimer une page dans le menu contextuel
         function DeleteNode(){    
             var extender=$find("tvSite");
             var n=extender.selectedNode; 
             document.getElementById('lblNamePage1').innerHTML="&nbsp;nomm&eacute;e&nbsp<b>"+n.text.toUpperCase()+"</b>&nbsp;";
             document.getElementById('div_container_sup_page').style.display='block';
        }
        
        //Evenement sur le lien Supprimer une page dans le menu contextuel
         function DeleteNode2(){    
            document.getElementById('lblNamePage').innerHTML="&nbsp;nomm&eacute;e&nbsp<b>"+document.getElementById('txtNamePage').value.toUpperCase()+"</b>&nbsp;";
             document.getElementById('div_container_sup_page_2').style.display='block';
        }
        //Evenement sur le bouton Yes dans le alert/confirm pour supprimer une page
        function confirmDelete(btn){
            if(btn=="yes"){
                var extender=$find("tvSite");
                var n=extender.selectedNode;    
                extender.removeNode();
                deleteListPage(n.text);
                HideDivSupprimerPage();
                document.getElementById('hiddenIDSupPage').value=n.id;
                __doPostBack('lnkSupPage','');  
            }
        }
        /*Supprime la page dans la liste de page */
        function deleteListPage(namePage){
            var listPage= document.getElementById('hiddenListPage').value;
            if(namePage!=""){
                var MonReg = new RegExp(","+namePage, "g");
                listPage=listPage.replace(MonReg,"");
            }
            document.getElementById('hiddenListPage').value=listPage;
        }
        
        /*Cacher box pour  supprimer une page*/
        function HideDivSupprimerPage(){
            document.getElementById('div_container_sup_page').style.display='none';
        }
           /*Cacher box pour  supprimer une page*/
        function HideDivSupprimerPage2(){
            document.getElementById('div_container_sup_page_2').style.display='none';
        }

        //-------------------------- MENU CONTEXTUEL AJOUTER PAGE -------------------------------------//
      
        //evenement sur le menu contextuel du treeview Site 
        function CreateNode(){  
            var extender=$find('tvSite');
            var selNode=extender.selectedNode;
            ShowDivCreateNode();
            document.getElementById('txtNameNode').focus();
            document.getElementById('hiddenIDParentAdd').value=selNode.id;
        } 
         
        
         
        /*Montrer le div pour ajouter un noeud */        
        function ShowDivCreateNode(){
            document.getElementById('div_container').style.display='block';
            document.getElementById('txtNameNode').value='';
            document.getElementById('txtNameNode').focus();
        }
        
         //evenement sur le menu contextuel du treeview Site 
        function RedigerPage(){  
            var extender=$find('tvSite');
            var selNode=extender.selectedNode;
            window.location.href='page_rediger_v3.aspx?idPage='+selNode.id;
        } 
        
        /*Cacher le div pour ajouter un noeud */
        function HideDivCreateNode(){
            document.getElementById('div_container').style.display='none';
        }
        
        //-------------------------- MENU CONTEXTUEL AJOUTER RACCOURCIS -------------------------------------//
      
        
        /*  Afficher box pour ajouter un raccourcis*/
        function ShowDivCreateNodeRacc(){
            document.getElementById('div_container_raccourcis').style.display='block';
            document.getElementById('txtNameRaccoucis').value='';
            document.getElementById('txtNameRaccoucis').focus();
        }
        
        /*Cacher box pour ajouter un raccourcis*/
        function HideDivCreateNodeRacc(){
            document.getElementById('div_container_raccourcis').style.display='none';
        }
          
        //-------------------------- MENU CONTEXTUEL DUPLIQUER PAGE -------------------------------------//
     
        /*  Afficher box pour dupliquer une page*/
        function ShowDivDupliquePage(){
            document.getElementById('div_container_dupliquer').style.display='block';
            document.getElementById('txtNamePageDupliquer').value='';
            document.getElementById('txtNamePageDupliquer').focus();
        }
        
        /*Cacher box pour  dupliquer une page*/
        function HideDivDupliquePage(){
            document.getElementById('div_container_dupliquer').style.display='none';
        }
        
        //-------------------------- MENU CONTEXTUEL SUPPRIMER RACCOURCIS HAUT -------------------------------------//
           
        
         //Evenement sur le lien Supprimer une page dans le menu contextuel
         function DeleteNodeRH(){
         
             document.getElementById('div_container_sup_racc').style.display='block';
             document.getElementById('hiddenTypeRaccBox').value="RH";
           // Ext.MessageBox.confirm('Confirm', 'Etes-vous sûr de vouloir supprimer ce raccourcis?', confirmDeleteRH);
        }
        //Evenement sur le bouton Yes dans le alert/confirm pour supprimer une page
        function confirmDeleteRH(btn,type){
            if(btn=="yes"){
                var typeDelete="tvRB";
                if(type=="RH")typeDelete="tvRH";
                var extender=$find(typeDelete);      
                extender.removeNode();
                HideSupRaccourcisHaut();
            }
        }
        function HideSupRaccourcisHaut(){
            document.getElementById('div_container_sup_racc').style.display='none';
        }
         
         //-------------------------- BOUTON MSG 1024 MODELE PAGE -------------------------------------//
      
        function HideMsgModelePage2(){
            document.getElementById('div_msg_modele_page').style.display='none';
        }

        function ShowMsgModelePage2(){
            document.getElementById('div_msg_modele_page').style.display='';
        }

        
         //-------------------------- BOUTON SUPPRIMER RACCOURCIS HAUT -------------------------------------//
           
        
         //Evenement sur le lien Supprimer une page dans le menu contextuel
         function DeleteNodeRH2(){
         
             document.getElementById('div_container_sup_racc2').style.display='block';
             document.getElementById('hiddenTypeRaccBox').value="RH";
        }
        function HideSupRaccourcisHaut2(){
            document.getElementById('div_container_sup_racc2').style.display='none';
        }

        //-------------------------- MENU CONTEXTUEL AJOUTER RACCOURCIS HAUT -------------------------------------//
     
        //evenement sur le menu contextuel du treeview Site 
        function CreateNodeRH(){  
            var extender=$find('tvRH');
            var selNode=extender.selectedNode;
            ShowDivCreateNodeRacc();
            document.getElementById('txtNameRaccoucis').focus();
            document.getElementById('hiddenTypeRaccourcis').value="RH";
        } 
         
         //-------------------------- MENU CONTEXTUEL SUPPRIMER RACCOURCIS BAS -------------------------------------//
       
        //Evenement sur le lien Supprimer une page dans le menu contextuel
         function DeleteNodeRB(){
           // Ext.MessageBox.confirm('Confirm', 'Etes-vous sûr de vouloir supprimer ce raccourcis?', confirmDeleteRB);
           document.getElementById('div_container_sup_racc').style.display='block';
             document.getElementById('hiddenTypeRaccBox').value="RB";
         }
        
        //-------------------------- MENU CONTEXTUEL AJOUTER RACCOURCIS BAS -------------------------------------//
       
        //evenement sur le menu contextuel du treeview Site 
        function CreateNodeRB(){  
            var extender=$find('tvRB');
            var selNode=extender.selectedNode;
            ShowDivCreateNodeRacc();
            document.getElementById('txtNameRaccoucis').focus();
            document.getElementById('hiddenTypeRaccourcis').value="RB";
        } 
        //-------------------------- FONCTIONS COMMUNES -------------------------------------//
      
      
        //Vérifie si le nom de page existe déjà dans la liste des pages du site
        function isAlreadyPageName(namePage){
            var listPage= document.getElementById('hiddenListPage').value;
            var reg=new RegExp("[,]+", "g");
            var tableau=listPage.split(reg);
            for (var i=0; i<tableau.length; i++) {
                //alert("|"+tableau[i]+"|"+namePage+"|");
                if(tableau[i]==namePage) return true;
            }
            return false;
        }
      
          /*Ajout de la nouvelle page dans la liste des pages*/
          function addListPage(){
            var namePage=document.getElementById('txtNameNode').value;
            var listPage= document.getElementById('hiddenListPage').value;
            listPage+=","+namePage;
            document.getElementById('hiddenListPage').value=listPage;
          }
          
          
          function verifFormAddPage(){
            if(isAlreadyPageName(document.getElementById('txtNameNode').value)){
                alert('Ce nom de page est deja utilise.');
                return false;
             }
             else{
                addListPage();
                 HideDivCreateNode();
                 return true;
             }
          }
          
          /* Changement de style de les onglets Site et raccourcis */
          function changeStyleOnglet(onglet){
            if(onglet=="site"){
                document.getElementById('Tabs_Site_tab').className='ajax__tab_active';
                document.getElementById('Tabs_Racc_tab').className='';
            }
            else{
                document.getElementById('Tabs_Site_tab').className='';
                document.getElementById('Tabs_Racc_tab').className='ajax__tab_active';        
            }
          }
          
         /*Fct javascript appelée depuis le gestionaire d'album quand modification de l'image du titre */
        function modifImage(idImage){
            if(idImage.indexOf('imgSep')!=-1){
             __doPostBack('lnkModifImageRacc','');                
            }
            else if(idImage.indexOf('imgFond')!=-1){
             __doPostBack('lnkModifImageFond','');      
            }
            else if(idImage.indexOf('imgItemMenu')!=-1){
             __doPostBack('lnkModifImageItemMenu','');      
            }
            else{
             __doPostBack('lnkModifImage','');
           }
        }
        
        /*Fct javascript appelée depuis le gestionaire d'album quand modification de l'image du titre */
        function modifImgItemMenu(){
            __doPostBack('lnkModifImgItemMenu','');                
        }
        
        
        
        //evenemnt sur le bouton supprimer une page
        function confirmDeleteBtn(){
           __doPostBack('lnkSupPage','');           
            var namePage=document.getElementById('txtLibellePage').value;
           deleteListPage(namePage);
           HideDivSupprimerPage2();
        }
        
        
        /*Sauvegarde de la valeur choisie dans curseur flash Taille Encart*/    
        function saveParamEncart(){
           __doPostBack('lnkSaveParamEncart','');
        }
                  
        /*Sauvegarde de la valeur choisie dans curseur flash Espacement Haut-Bas des raccourcis*/    
        function saveMargeRaccourcisHB(){
            document.getElementById('hiddenTypeEspaceRacc').value='HB';
           __doPostBack('lnkSaveMargeRaccourcis','');
        }  
              
        /*Sauvegarde de la valeur choisie dans curseur flash Espacement Gauche-Droite des raccourcis*/    
        function saveMargeRaccourcisLR(){
            document.getElementById('hiddenTypeEspaceRacc').value='LR';
           __doPostBack('lnkSaveMargeRaccourcis','');
        }  
              
                  
        function modifLien(){
            __doPostBack('lnkModifLienRacc','');
        }  
        
        
        function modifLienExterne(){
            __doPostBack('lnkModifLienExterne','');
        }  
        
        
        /*Appeler quand click sur valider visualiser(postback) -> erreur*/
        function RefreshParent(){
            var urlPageParent=window.parent.location.href.replace(/#/g,'');
            window.parent.location.href = urlPageParent;
        }
        /*Appeler quand click sur valider visualiser(postback)*/
         function RefreshParentGo(url){
             window.parent.location.href = url;
        }
        
        
        
        /*Ouvrir les popup de la vue Personnaliser*/
        function openPopupPerso(popup,ulLienPerso){
            document.getElementById(popup).style.left='300px';
            document.getElementById(popup).style.top='50px';
            MM_showHideLayers(popup,'','show');
            document.getElementById(ulLienPerso).style.display='none';
        }
        
        
        
        
        /*Montrer la liste déroulante paramétrer*/
        function showHidePerso(ulPerso){
           if(document.getElementById(ulPerso).style.display=='block')
                document.getElementById(ulPerso).style.display='none';
            else document.getElementById(ulPerso).style.display='block';
        }
        
        
        /*Montrer la liste déroulante paramétrer*/
        function showPerso(ulPerso){
           document.getElementById(ulPerso).style.display='block';
        }
        
        
        /*Cacher la liste déroulante paramétrer*/
        function hidePerso(ulPerso){
                document.getElementById(ulPerso).style.display='none';
        }
        
        //********************************* COMPOSANT LIENS *****************************************//
        
            //clique l'onglet Titre
          function showLienOngletTitre(id){
               document.getElementById('divLienTitre'+id).style.display='block';
                document.getElementById('divLienDimension'+id).style.display='none';   
                document.getElementById('divLienRendu'+id).style.display='none';   
                document.getElementById('divLienCadre'+id).style.display='none';   
                document.getElementById('tdLienTitre'+id).className='isoComponentOngletActif';
                document.getElementById('tdLienDimension'+id).className='isoComponentOngletInactif';  
                document.getElementById('tdLienCadre'+id).className='isoComponentOngletInactif';        
                document.getElementById('tdLienRendu'+id).className='isoComponentOngletInactif';   
                document.getElementById('aLienTitre'+id).className='isoComponentOngletActifTxt';
                document.getElementById('aLienDimension'+id).className='isoComponentOngletInactifTxt';  
                document.getElementById('aLienRendu'+id).className='isoComponentOngletInactifTxt';        
                document.getElementById('aLienCadre'+id).className='isoComponentOngletInactifTxt';  
            }
            
            //clique l'onglet Rendu
        function showLienOngletRendu(id){
                document.getElementById('divLienTitre'+id).style.display='none';
                document.getElementById('divLienDimension'+id).style.display='none';
                document.getElementById('divLienCadre'+id).style.display='none';   
                document.getElementById('divLienRendu'+id).style.display='block';   
                document.getElementById('tdLienTitre'+id).className='isoComponentOngletInactif';
                document.getElementById('tdLienDimension'+id).className='isoComponentOngletInactif'; 
                document.getElementById('tdLienCadre'+id).className='isoComponentOngletInactif';        
                document.getElementById('tdLienRendu'+id).className='isoComponentOngletActif';       
                document.getElementById('aLienTitre'+id).className='isoComponentOngletInactifTxt';
                document.getElementById('aLienDimension'+id).className='isoComponentOngletInactifTxt';   
                document.getElementById('aLienCadre'+id).className='isoComponentOngletInactifTxt';          
                document.getElementById('aLienRendu'+id).className='isoComponentOngletActifTxt';                      
            }
            
              
            //clique l'onglet Cadre
            function showLienOngletCadre(id){
                document.getElementById('divLienTitre'+id).style.display='none';
                document.getElementById('divLienDimension'+id).style.display='none';
                document.getElementById('divLienRendu'+id).style.display='none';   
                document.getElementById('divLienCadre'+id).style.display='block';   
                document.getElementById('tdLienTitre'+id).className='isoComponentOngletInactif';
                document.getElementById('tdLienDimension'+id).className='isoComponentOngletInactif'; 
                document.getElementById('tdLienRendu'+id).className='isoComponentOngletInactif';   
                document.getElementById('tdLienCadre'+id).className='isoComponentOngletActif';           
                document.getElementById('aLienTitre'+id).className='isoComponentOngletInactifTxt';
                document.getElementById('aLienDimension'+id).className='isoComponentOngletInactifTxt';     
                document.getElementById('aLienRendu'+id).className='isoComponentOngletInactifTxt';         
                document.getElementById('aLienCadre'+id).className='isoComponentOngletActifTxt';                              
            }    
            
            //clique l'onglet Dimension
               function showLienOngletDimension(id){
                document.getElementById('divLienTitre'+id).style.display='none';
                document.getElementById('divLienDimension'+id).style.display='block';
                document.getElementById('divLienRendu'+id).style.display='none';   
                document.getElementById('divLienCadre'+id).style.display='none';   
                document.getElementById('tdLienTitre'+id).className='isoComponentOngletInactif';
                document.getElementById('tdLienDimension'+id).className='isoComponentOngletActif';  
                document.getElementById('tdLienCadre'+id).className='isoComponentOngletInactif';       
                document.getElementById('tdLienRendu'+id).className='isoComponentOngletInactif';     
                document.getElementById('aLienTitre'+id).className='isoComponentOngletInactifTxt';
                document.getElementById('aLienDimension'+id).className='isoComponentOngletActifTxt';  
                document.getElementById('aLienRendu'+id).className='isoComponentOngletInactifTxt';      
                document.getElementById('aLienCadre'+id).className='isoComponentOngletInactifTxt';                   
            }
            
            
                //change de type de titre pour les liens
                function changeLienTypeTitre(id,ddlTypeTitre){
                var objetSelect=document.getElementById(ddlTypeTitre);
                if(objetSelect){
                    switch(objetSelect.options[objetSelect.selectedIndex].value){
                        case "Aucun": 
                            document.getElementById('trlienTextuel'+id).style.display='none';
                            document.getElementById('trlienImage'+id).style.display='none';
                            break;
                        case "Textuel": 
                            document.getElementById('trlienTextuel'+id).style.display='block';
                            document.getElementById('trlienImage'+id).style.display='none';
                            break;
                        case "Image": 
                            document.getElementById('trlienTextuel'+id).style.display='none';
                            document.getElementById('trlienImage'+id).style.display='block';
                            break;
                    }
                } 
            }
            
              //Dans le composant cadre -> si checke "insérer cadre" -> modif de style sur le reste 
      function changefocusCadre(idUnique,idTxtTitre,idCheckboxPoint,nameCompo){
         var idCompoCadre=getIdCompo(idUnique,idTxtTitre,nameCompo)+'chkCadre';
                                     
         if(document.getElementById('chkCadre'+idUnique).checked==true)
           {
               document.getElementById(idCompoCadre).value='True';
               document.getElementById(idTxtTitre).disabled=false;
               document.getElementById(idTxtTitre).style.backgroundColor="#FFFFFF";
               document.getElementById(idCheckboxPoint).disabled=false;
            }
         else{

             document.getElementById(idCompoCadre).value='False';
             document.getElementById(idTxtTitre).disabled=true;
             document.getElementById(idTxtTitre).style.backgroundColor="#C0C0C0";
             document.getElementById(idCheckboxPoint).disabled=true;
           }
    }
    
   //Dans le composant cadre -> si checke "insérer cadre" -> modif de style sur le reste 
      function changefocusCadreLien(idUnique,idCheckboxPoint,chkCadre){
         if(document.getElementById('chkCadre'+idUnique).checked==true)
           {
               document.getElementById(chkCadre).value='True';
               document.getElementById(idCheckboxPoint).disabled=false;
            }
         else{

             document.getElementById(chkCadre).value='False';
             document.getElementById(idCheckboxPoint).disabled=true;
           }
    }
    
    
 function refreshVisu() {
    if(event.ctrlKey) //Touche Ctrl enfoncée
    {
        //Touche c ou C enfoncée
        if(event.keyCode == 50 ) {           
                __doPostBack("lnkValider","");
                event.returnValue = false;
        }
    }
}
      
    
	    function tailleDiv(divID,tailleMenu)
        {
	        var h="";
	        var w="";
	        var center = document.getElementById(divID);
	        if (document.all)
	        {
		        h=document.documentElement.clientHeight;
	        }
	        else
	        {
		        h=window.innerHeight;
	        }
	        center.style.height = (h - tailleMenu) + "px";
        }
        
    
      
    //Fonction appellée dans l'edition des composant pour le choix de l'alignement
    function selectAlignComposant(id_compo,txtAlign,id){
       if(document.getElementById(txtAlign)){
         var txtAlign=document.getElementById(txtAlign).value;
         switch(txtAlign){
            case 'left' : 
                document.getElementById(id+"Left"+id_compo).style.border='solid  1px red';
                document.getElementById(id+"Center"+id_compo).style.borderStyle='none';
                document.getElementById(id+"Right"+id_compo).style.borderStyle='none';
                  break;
            case 'center' : 
                document.getElementById(id+"Center"+id_compo).style.border='solid 1px red';
                document.getElementById(id+"Left"+id_compo).style.borderStyle='none';
                document.getElementById(id+"Right"+id_compo).style.borderStyle='none';
                  break;
            case 'right' : 
                document.getElementById(id+"Right"+id_compo).style.border='solid 1px red';
                document.getElementById(id+"Center"+id_compo).style.borderStyle='none';
                document.getElementById(id+"Left"+id_compo).style.borderStyle='none';
                  break;
        }
    }
}