/*
	FONCTIONS UTILES :

	> DOM_outerText( node )
	> DOM_outerVisibleText( node )
	> DOM_outerHTML( node )
	> DOM_innerHTML( node )
	> DOM_outerColorHTML( node )
	> DOM_getStyle( p_oNode, p_styleProp )
	> DOM_getParentWindow( p_oNode ) ;
		
	> DOM_removeAllChilds( p_oNode )

	> DOM_showNode( p_oNode )
	> DOM_hideNode( p_oNode )

	> DOM_setNodeWidth ( p_oNode, w )
	> DOM_setNodeHeight ( p_oNode, h )

	> DOM_getNodePosX
	> DOM_getNodePosY( p_oNode )
	> DOM_getNodeWidth( p_oNode )
	> DOM_getNodeHeight( p_oNode )

	> DOM_hideOrShow( p_oNode )
	> DOM_execJavascript( p_oNode )
	> DOM_GetChildNodeByTagName( p_oNode, p_sNodeName, p_optionalParamName, p_optionalParamValue )
	> DOM_GetParentNodeByTagName( p_oNode, p_sNodeName, p_optionalParamName, p_optionalParamValue )
	
	API :
	
	CONSTRUCTEUR

		DOM_Manager( p_jsName )
		
	METHODES :
	
		DOM_Path	getPath ( node )
		node		appendHTML ( node, monHTML )
		node		appendText ( node, datas )
		node		appendElement ( node, tag_name, aAttributs, aValues )
		int			getNodePos ( node )
		node		getNodeByPath ( path )
		string		getJSName ( )
		void		addActionListener ( pFunction )
		void		_sendEvent ( eventCode, aMessages, NumMessages )
		void		_actionListener ( eventCode, aMessages, NumMessages )				{	}
		node		getDocumentNodeByNode( node );


	CONSTRUCTEUR

		DOM_Path ( p_node, p_dom )

	METHODES :

		int			getNumNodes (  )
		node		getRoot (  )
		string		toString ( )
		string		toHTML ( )
	

	---------------------------------------------------------------------------------------------------


	DOCUMENTATION - PENSE BETE :

	
	--- [ node Object ] ---

		<NamedNodeMap>	<node>.attributes;		// tableau d'objet attributes
		<NamedNodeMap>	<node>.childNodes;		// tableau d'objet elements enfants
		<NamedNodeMap>	<node>.data
		<node>			<node>.firstChild;					// premier enfant de l'element
		<node>			<node>.lastChild;					// dernier...
		<node>			<node>.nextSibling
		string			<node>.nodeName
		int				<node>.nodeType
		string			<node>.nodeValue
		<node>			<node>.parentNode
		<node>			<node>.previousSibling
		string			<node>.text
		string			<node>.xml	( IE !! )
		
		string			<node>.getAttribute( name )			// Recupere la valeur de l'attribut
		Attr			<node>.getAttributeNode( name )		// Recupere l'objet attribut	( IE6+ !!! )
		<node>			<node>.getElementById( id )			// no comment...
		<NodeList>		<node>.getElementsByTagName( name )	// no comment...
		boolean			<node>.hasChildNodes( );

		<node>			document.documentElement;				// pointe vers l'element parent du document

		
		// noeuds
		<node>.appendChild( <node> )
		<node>.insertBefore( newChild, refChild );
		<node> <node>.cloneNode( bool_clone_childs );	// fait une copie d'un element avec oui ou non ses enfants
		<node>.removeChild( <node> );
		<node>.replaceChild( <new_node>, <old_node> );

		// texte
		<node>.appendData( texte )						// rajoute du texte à la fin
		<node_text>.deleteData( offset, count ); 		// efface un certain nbr de caracteres
		<node>.insertData( offset, texte )				// insert du texte à la position
		<node>.replaceData( offset, count, texte )		// remplace count caracteres à la pos offset par texte
		<node> <node>.splitText( offset );				// coupe le noeud courant en 2 noeuds, et renvoie le nouveau créé
		string <node>.substringData( offset, count );	// remplace count caracteres à la pos offset par texte

		// attributs
		<node> document.createAttribute( name );		// Les 2 ...
		<element>.setAttribute( name, value );			//	  ...sont liées
		<element>.setAttributeNode( name );			//	  ...sont liées ( IE6+ !!! )
		<element>.removeAttribute( name );				// Efface par son nom
		<element>.removeAttributeNode( objAttr );		// Efface par son objet	( IE6+ !!! )

		// --- create node ---
		<node> document.createElement( name );
		<node> document.createTextNode( name );
		<node> document.createCDATASection( name );

		doc_frag = document.createDocumentFragment();
		<element>.appendChild( doc_frag );
		
		
		
		____________________________________________________________________________________________

		
	--- [ Attr Object ] ---

		<attr>.name
		<attr>.value

		____________________________________________________________________________________________

		
	--- [ NodeList Object ] ---

		int <NamedNodeMap>.length;					// nombre d'items
		<element> <NamedNodeMap>.item( int pos )			// renvoie l'item à la position pos

		____________________________________________________________________________________________

		
	--- [ NamedNodeMap Object ] ---
	
		int <NamedNodeMap>.length;					// nombre d'items
		<element> <NamedNodeMap>.item( int pos )			// renvoie l'item à la position pos

		<NamedNodeMap>.getNamedItem( str name )		// renvoie l'item nommée name
		<NamedNodeMap>.removeNamedItem( str name )		// efface et renvoie l'item effacée
		<NamedNodeMap>.setNamedItem( objItem )		// ajoute l'item ( seulement attribute ? )
		


	NOTES IMPORTANTES :
	
		Attributes / Style / IE
			Internet Explorer on Windows doesn't recognize styles created using setAttribute
		
*/

var NODE_ELEMENT				= 1;
var NODE_ATTRIBUTE				= 2;
var NODE_TEXT					= 3; 
var NODE_CDATA_SECTION			= 4; 
var NODE_ENTITY_REFERENCE		= 5; 
var NODE_ENTITY					= 6; 
var NODE_PROCESSING_INSTRUCTION	= 7; 
var NODE_COMMENT				= 8; 
var NODE_DOCUMENT				= 9; 
var NODE_DOCUMENT_TYPE			= 10; 
var NODE_DOCUMENT_FRAGMENT		= 11; 
var NODE_NOTATION				= 12; 

// --- Events ---
var DOM_EVENT_SELECT_PATH		= 1;

var DOM_Empty_Tags				= "[img][br][hr]";			// LOWER CASE !!!!


function DOM_Manager( p_jsName )
{
	this._jsName = p_jsName;				// nom de la variable Javascript pour pouvoir ecrire son nom quand on genere du HTML à la volé
	

	// --- renvoie un objet DOM_Path qui permet de recuperer l'arbre dans lequel on est ---
	this.getPath = function ( node )
	{
		return new DOM_Path( node, this );
	}
	
	
/*
	this.createNodeByString = function ( p_strXML )
	{
		
	
	}
*/

	// --- Fonction qui insere le HTML ( apres avoir parsé par HTML_Parser ) dans le noeud node
	this.appendHTML = function ( node, monHTML )
	{
		if ( ! node )
		{
			__DEBUG__( "DOM::appendHTML( ) .. param 1, <node> est null" );
			return;
		}
	
		var currentNode = node;
		var createdNode = null;
		var currentTag = null;
		
		// On parse le tag envoye
		var htmlParser = new HTML_Parser( );
		htmlParser.parseHTML( monHTML );

		currentTag = htmlParser.getRoot( );

		while ( currentTag )
		{
			switch( currentTag.getType( ) )
			{
				case HTML_ELEMENT :	createdNode = this.appendElement( currentNode, currentTag.getTagName( ), currentTag.getAttributs( ), currentTag.getValues( ) );
									break;
				case HTML_TEXT :	createdNode = this.appendText( currentNode, currentTag.getDatas( ) );
									break;
				
				// On ne fait rien
				default:
				case HTML_ROOT :
				
			}

			if ( currentTag.hasChilds( ) )
			{
				currentTag = currentTag._childs[ 0 ];
				if ( createdNode )
				{
					currentNode = createdNode;
//					alert( "move To " + this.getPath( currentNode ) );
				}
			}
			else
			{
				if ( currentTag.getNextTag( ) == null )
				{
					while ( currentTag.getParentNextTag( ) == null && currentTag.getType( ) != HTML_ROOT )
					{
//						alert( "move Back " + "\n\rFrom : " + this.getPath( currentNode ) + "\n\rTo : " + this.getPath( currentNode.parentNode ) );
						currentNode = currentNode.parentNode;
						currentTag = currentTag._parentTag;
					}
					
					currentNode = currentNode.parentNode;
					currentTag = currentTag.getParentNextTag( );
//					alert( "currentTag = " + currentTag );
				}
				else
				{
					if ( currentTag )
					currentTag = currentTag.getNextTag( );
				}
				
			}
		}
		
	}


	this.appendText = function ( node, datas )
	{
		var oNodeDocument = this.getDocumentNodeByNode( node );
//		var newTextNode = editor._rte.getDocument().createTextNode( datas )
		var newTextNode = oNodeDocument.createTextNode( datas )
		return node.appendChild( newTextNode );	// on renvoie le noeud créé ( et à la bonne position )
	}

	this.createDocumentFragmentFromHTML = function( p_oDoc, p_HTML )
	{
		var oDocFragment	= null;
		var node			= null;
		var currentNode	= null;
		var iNumNodes	= 0;
		var i				= 0;
		var nodeToClean	= null;
		
		if ( ie4 )
		{
			// On crée les noeuds à partir du HTML
			node = p_oDoc.createElement( "TEMP" )
			node.insertAdjacentHTML( "beforeEnd", p_HTML );
			
			// On crée le documentFragment et on le remplit !
			oDocFragment = p_oDoc.createDocumentFragment(  );
			currentNode = node.firstChild;
			do 
			{
				oDocFragment.appendChild( currentNode.cloneNode( true ) );
				currentNode = currentNode.nextSibling;
			} while( currentNode );
		}
		else
		{
			// A IMPLEMENTER POUR MOZILLA ...
		}
		return oDocFragment;
	}
	
	this.createTextNode = function ( oDoc, strText )
	{
		return oDoc.createTextNode( strText );
	}
	
	this.appendElement = function ( node, tag_name, aAttributs, aValues )
	{
		var oNodeDocument = this.getDocumentNodeByNode( node );
//		var newNode = editor._rte.getDocument().createElement( tag_name );
		var newNode = oNodeDocument.createElement( tag_name );
		
		if ( ! oNodeDocument.createAttribute ) return null;
		
		var i = 0;

		// Si les parametres attributs sont valides, on les ajoutes
		if ( aAttributs.length == aValues.length )
		{	
			for ( i = 0 ; i < aAttributs.length ; i++ )
			{
				oNodeDocument.createAttribute( aAttributs[ i ] );
				newNode.setAttribute( aAttributs[ i ], aValues[ i ], 0 );
			}
		}
		else
		{
			return null;		// nombre d'arguments / valeurs incoherent
		}
		// On ajoute le nouveau noeud
		return node.appendChild( newNode );		// on renvoie le noeud créé ( et à la bonne position )
	}
	
	this.moveNode = function ( p_sourceNode, p_destNode )
	{
		var oNodeDocument = this.getDocumentNodeByNode( p_sourceNode );
		p_destNode.parentNode.insertBefore( p_sourceNode.cloneNode( p_sourceNode ), p_destNode.nextSibling )
		p_sourceNode.parentNode.removeChild( p_sourceNode )


//		p_destNode.parentNode.replaceChild( p_destNode, p_sourceNode );
		
	}
	
	
	// --- Fonction qui renvoie la position d'un noeud par rapport à son parent ( de 0 à n ) ---
	this.getNodePos = function ( node )
	{
		var i = 0;
		while ( node )
		{
			node = node.previousSibling;
			i++;
		}
		return i - 1;
	}
	
	// --- Fonction qui renvoie le noeud se trouvant au chemin spécifié : chemin de type offest_document.offset.offset...offset.offest_noeud_cherche ---
	this.getNodeByPath = function ( path )
	{
		var node = document;
		var i = 0;
		var aOffsets = path.split( "." );
		
		for ( i = 1 ; i < aOffsets.length && node ; i++ )
		{
			node = node.childNodes.item( parseInt( aOffsets[ i ] ) );
		}
		return node;
	}
	
	
	this.getJSName = function ( )
	{
		return this._jsName;
	}
	
	
	this.getDocumentNodeByNode = function ( node )
	{
		var DocNode = node;
		
		while ( DocNode.parentNode )
		{
			DocNode = DocNode.parentNode;
			if ( DocNode.nodeType == NODE_DOCUMENT ) 
			{
				return DocNode;
			}
		}
		return document;	// par défaut on renvoie le document courrant ( objet HTML )
	}
	
	
	
	// --- GESTION DES EVENTS ---
	this.addActionListener = function ( pFunction )
	{
		this._actionListener = pFunction;
	}
	
	this._sendEvent = function ( eventCode, aMessages, NumMessages )
	{
		this._actionListener( eventCode, aMessages, NumMessages );
	}
	
	
	
	// --- Prototypes de fonction à étendre ---
	this._actionListener = function ( eventCode, aMessages, NumMessages )				{	}






	
	this.onDOMTreeSelect = function( oSourceItem, oEvent )		// oEvent.srcObject = this ( richtext )
	{
/*
		var oNode = oSourceItem.getLink( );
		var oRichEditor = oEvent.srcObject._oEditor;

		if ( oNode.nodeType != NODE_ELEMENT )
		{
			oNode = oNode.parentNode;
		}

		var oRange = new Document_Range( oRichEditor, true );
		oRange.selectionNode( oNode );
*/		
		/* --- On affiche le code HTML Colorisé --- */
/*
		var oDiv = getDiv( "DEBUG", false );
		writeToDiv( oDiv, DOM_outerColorHTML( oNode, 0, true ) )
*/
	}
	

	this.sendDOMStructureToTree = function ( oList, p_oNode )
	{
		var rootItem = createITEM( "item_root_normal" );
		rootItem.create( "BODY", "tree_bureau", "tree_bureau", this.onDOMTreeSelect, ITEM_LISTE, this );
		oList.clear( );
		oList.setRootItem( rootItem );
		rootItem.setCanBeDragged( false );

		var currentNode = p_oNode;

		rootItem.setLink( "", currentNode );
		currentNode = currentNode.firstChild;
		
		while( currentNode )
		{
			this.sendNodeToTree( currentNode, oList.getRootItem( ) );
			currentNode = currentNode.nextSibling;
		}
		oList.showAllChilds( );
		oList.paint( );
	}
	
	this.sendNodeToTree = function( oNode, oItem )
	{
        var tmpItem = createITEM( "item" );
		switch ( oNode.nodeType )
		{
			case NODE_ELEMENT :
		        tmpItem.create( oNode.nodeName, "tree_folder", "tree_folder_open", this.onDOMTreeSelect, ITEM_LISTE, this );
				break;
	
			case NODE_TEXT :
		        tmpItem.create( "Texte", "tree_bloc", "tree_bloc", this.onDOMTreeSelect, ITEM_LISTE, this );
				break;
	
			case NODE_CDATA_SECTION : 
				break;
	
			case NODE_ENTITY_REFERENCE :
				break;
	
			case NODE_COMMENT :
				break;
				
			case NODE_DOCUMENT_FRAGMENT :
				break;
		}
		tmpItem.setLink( "", oNode );
        oItem.appendItem( tmpItem );
		
		var currentNode = oNode.firstChild;
		
		while( currentNode )
		{
			this.sendNodeToTree( currentNode, tmpItem );
			currentNode = currentNode.nextSibling;
		}
	}
	





	
	
}


function DOM_GetChildNodeByTagName( p_oNode, p_sNodeName, p_optionalParamName, p_optionalParamValue )
{
	if ( typeof p_optionalParamName != "undefined" && typeof p_optionalParamValue != "undefined" )
	{
		p_optionalParamName = p_optionalParamName.toUpperCase( )
		p_optionalParamValue = p_optionalParamValue.toUpperCase( )
	}
	
	p_sNodeName = p_sNodeName.toUpperCase( );
	
	for ( var i = 0 ; i < p_oNode.childNodes.length ; i++ )
	{
		if ( p_oNode.childNodes[ i ].nodeName.toUpperCase( ) == p_sNodeName )
		{
			if ( typeof p_optionalParamName != "undefined" && typeof p_optionalParamValue != "undefined" )
			{
				if ( p_oNode.childNodes[ i ].getAttribute( p_optionalParamName, 0 ).toUpperCase( ) == p_optionalParamValue )
					return p_oNode.childNodes[ i ];
			}
			else
				return p_oNode.childNodes[ i ];
		}
	}
	return null;
}

function DOM_GetParentNodeByTagName( p_oNode, p_sNodeName, p_optionalParamName, p_optionalParamValue )
{
	if ( typeof p_optionalParamName != "undefined" && typeof p_optionalParamValue != "undefined" )
	{
		p_optionalParamName = p_optionalParamName.toUpperCase( )
		p_optionalParamValue = p_optionalParamValue.toUpperCase( )
	}
	
	p_sNodeName = p_sNodeName.toUpperCase( );
	
	
	if ( !p_oNode.parentNode ) 													return null;
	else if ( p_oNode.nodeName.toUpperCase( ) == p_sNodeName )	
	{
		if ( typeof p_optionalParamName != "undefined" && typeof p_optionalParamValue != "undefined" )	
		{
			if ( p_oNode.getAttribute( p_optionalParamName, 0 ).toUpperCase( ) == p_optionalParamValue )
				return p_oNode;
		}
		else
			return p_oNode.parentNode;
	}
	return DOM_GetParentNodeByTagName( p_oNode.parentNode, p_sNodeName, p_optionalParamName, p_optionalParamValue );
}



// --- Objet qui permet de recuperer et de gerer le chemin d'un noeud dans un document ---
function DOM_Path ( p_node )
{
	this._node		= p_node;
	this._nodePath	= Array( );			// tableau noeuds parents, de 0 ( pere ultime ) -> n ( node courant )
	this._numNodes	= 0;
	this._dom		= DOM;
	
	this.getNumNodes = function (  )	{		return this._numNodes;		}
	this.getRoot = function (  )		{		return this._nodePath[ 0 ];	}
	this.getLast = function (  )		{		return this._nodePath[ this._nodePath-1 ];	}
	this.getNodes = function ( )		{		return this._nodePath;		}
	
	// --- "Constructeur" ---
	if ( p_node )
	{
		var chaine		= "";
		var i = 0, pos	= 0;
		var node		= this._node;
		var node_path	= Array( );
		
		// On remonte dans l'arbre
		while ( node )
		{
			node_path[ pos++ ] = node;
			node = node.parentNode;
		}	

		// On inverse l'arbre de telle facon que nodPath[ 0 ] soit le pere ultime
		for ( i = 0 ; i < pos ; i++ )
		{
			this._nodePath[ i ] = node_path[ pos - i - 1 ]
			this._numNodes++;
		}
		
	}
	
	this.getParentByName = function( p_tagName )
	{
		for( var i = this._nodePath.length-1; i >= 0 ; i-- )
			if ( this._nodePath[ i ].nodeName.toUpperCase( ) == p_tagName.toUpperCase( ) )
				return this._nodePath[ i ];
	}
	
	this.getNextSiblingByName = function( p_tagName, p_oNode )
	{
		var oNode = p_oNode.nextSibling;
		while( oNode )
		{
			if ( oNode.nodeName == p_oNode.nodeName )	return oNode;
			oNode = oNode.nextSibling;
		}
	}
	this.getPreviousSiblingByName = function( p_tagName, p_oNode )
	{
		var oNode = p_oNode.previousSibling;
		while( oNode )
		{
			if ( oNode.nodeName == p_oNode.nodeName )	return oNode;
			oNode = oNode.previousSibling;
		}
	}
	
	
	// renvoie le chemin du noeud en String
	this.toString = function ( )
	{
		var i = 0;
		var chaine = "";
		
		for ( i = 0 ; i < this._numNodes ; i++ )
		{
			chaine += this._nodePath[ i ].nodeName;
			if ( i + 1 < this._numNodes ) chaine += " -> ";
		}
		
		return chaine;
	}
	

	// renvoie le chemin du noeud en HTML
	this.toHTML = function ( )
	{
		var i = 0;
		var chaine = "";
		var pos_path = "";
		
		for ( i = 0 ; i < this._numNodes ; i++ )
		{
			if ( pos_path != "" ) pos_path += ".";
			pos_path += this._dom.getNodePos( this._nodePath[ i ] )
			
			chaine += "<a onclick=\"" + this._dom.getJSName( ) + "._sendEvent(DOM_EVENT_SELECT_PATH,'" + pos_path + "',null);\">" + this._nodePath[ i ].nodeName + "</a>";
			if ( i + 1 < this._numNodes ) chaine += " - ";
		}
		
		return chaine;
	}
	
}


// Objet qui permet de parser toutes les tags enfants / parents facilement
function DOM_Parser( )
{
	this._oStartNode = null;
	this._oCurrentNode = null;
	
	this._bAllowNextSiblings = false;
	
	this._aArboNodes = Array( );
	this._iArboPos = 0;
	
	this._firstTime = false;
	
	this.init = function ( p_oNode, p_bAllowNextSiblings )			// p_bAllowNextSiblings, indique si le parser peut rechercher en dehors dans enfants de p_oNode, ces à dire les noeuds suivant, si false : que les childs
	{		
		this._oStartNode = p_oNode;
		this._oCurrentNode = null;		
		
		this._bAllowNextSiblings = p_bAllowNextSiblings;
		
		this._aArboNodes = null;
		this._aArboNodes = Array(  p_oNode );
		this._iArboPos = 0;
		this._firstTime = true;
	}
	
	this.getNextByName = function ( p_strName )
	{
		var oNode = this._oCurrentNode;
		p_strName = p_strName.toUpperCase( );
		
		while( ( oNode = this.getNext( ) )  )
		{
			if ( oNode.nodeName )
			{
				if ( oNode.nodeName.toUpperCase( ) == p_strName ) return oNode;
			}
		}
		return null;
	}
	
	this.getNext = function ( )
	{	
		if ( this._firstTime )
		{
			this._oCurrentNode = this._oStartNode;
			this._firstTime = false;
		}
		// Si enfant, on avance dans l'arbo ...	
		else if ( this._oCurrentNode.firstChild )
		{
			this._oCurrentNode = this._oCurrentNode.firstChild;
			this._iArboPos++;
		}
		else if ( this._oCurrentNode.nextSibling )
		{
			this._oCurrentNode = this._oCurrentNode.nextSibling
		}
		else
		{
			while( this._iArboPos-- > 0 )
			{
				if ( this._aArboNodes[ this._iArboPos ].nextSibling )
				{
//					if ( this._iArboPos == 0 && ! this._bAllowNextSiblings ) return false;
					this._oCurrentNode = this._aArboNodes[ this._iArboPos ].nextSibling;
					break;
				}
			}
			if ( this._iArboPos < 0 )
			{
				return null;
			}
		}
//		alert( " found " + this._oCurrentNode.nodeName + " value= '" + DOM_outerHTML( this._oCurrentNode.nodeName ) + "'" ) ;
		this._aArboNodes[ this._iArboPos ] = this._oCurrentNode;
		 return this._oCurrentNode;
		
	}

}



function DOM_innerHTML( node )
{
	if ( !node ) return "";
	var sHtml = "";
	for ( var i = 0 ; i < node.childNodes.length ; i++ )
	{
		sHtml += DOM_outerHTML( node.childNodes[ i ] );
	}
	return sHtml;
}


function DOM_outerHTML( node )
{
	var html = "";
	var i = 0;
	var nodeName = "";
		
	switch (node.nodeType)
	{
//		case NODE_DOCUMENT :
//			return;
			
		case NODE_ELEMENT :
		
			var cssStyle = "";
			
			nodeName = node.nodeName.toLowerCase( );
			
			// META, LINK ET STYLE DISABLE A CAUSE COPIER/COLLER WORD
			if ( nodeName == "meta" || nodeName == "link" || nodeName == "style" )
			{
				html += "";
				break;
			}
			
			// On regarde ( pour images ) si le node possède un style, et si oui un height, width, que l'on va virer de style pour le mettre en attribute
			/*
				Cette partie met à jours la chaine style="xxxxx" qui sera réafectée en part2
			*/
			if ( nodeName == "img" ) 
			{
				if ( ie4 && node.style )	cssStyle = DOM_outerIEStyleAttribute( node );
				else						cssStyle = node.getAttribute( "style" );	

				if ( cssStyle ) {
					cssStyle = cssStyle.toLowerCase( );
					var p1 = cssStyle.indexOf( "width:" );
					if ( p1 >= 0 ) {
						p2 = cssStyle.indexOf( "px;", p1 );
						node.setAttribute( "width", internalTrim( cssStyle.substring( p1+6, p2 ) ), 0 )
						cssStyle = cssStyle.substring( 0, p1 ) + cssStyle.substring( p2+3, cssStyle.length );
						if ( p2 >= 0 ) {
							p1 = cssStyle.indexOf( "height:" );
							p2 = cssStyle.indexOf( "px;", p2 );
							node.setAttribute( "height", internalTrim( cssStyle.substring( p1+7, p2 ) ), 0 )
							cssStyle = cssStyle.substring( 0, p1 ) + cssStyle.substring( p2+3, cssStyle.length );
						}
					}
				}
				// Si non renseigné, et bien on le renseigne ! Pwet
				else
				{
					if ( node.style )
					{
//						node.setAttribute( "width", node.offsetWidth, 0 ) 
//						node.setAttribute( "height", node.offsetHeight, 0 ) 
						node.setAttribute( "width", DOM_getNodeWidth( node ), 0 ) 
						node.setAttribute( "height", DOM_getNodeHeight( node ), 0 ) 
					}
				}
			}
		
			html += "<" + nodeName;
			
			/* part2 --- Corrige BUG IE ( getAttribute("style") ne renvoie pas la valeur, mais un objet ) --- */
			if ( ie4 && node.style )
			{
				if ( cssStyle == "" ) cssStyle = DOM_outerIEStyleAttribute( node )
				if ( cssStyle ) html += " style=\"" + cssStyle + "\"";
			}
			else if ( !ie4 && cssStyle )
			{
				node.setAttribute( "style", cssStyle, 0 );
			}

			for ( i = 0 ; i < node.attributes.length ; i++ )
			{
				if( node.attributes.item( i ).nodeValue && ( node.attributes.item( i ).nodeValue.length > 0 || typeof node.attributes.item( i ).nodeValue == "number" ) )
				{
					var ParameterName = node.attributes.item(i).nodeName.toLowerCase( );
					/* On n'oublie pas d'exclure les params poubelle... YEHH */
					if( ParameterName != "_moz_resizing" &&
						ParameterName != "contenteditable" &&
						ParameterName != "loop" &&
						ParameterName != "start" ) {
						html += " " + ParameterName + "=\"" + node.attributes.item(i).nodeValue + "\"";
					}
				}
			}

			// On regarde s'il s'agit ou non d'un TAG vide (autoclosed) comme BR
			if( node.childNodes.length == 0 && DOM_Empty_Tags.indexOf( nodeName ) > 0 )
			{
				html += "/>";
			}
			else
			{
//				html += ">" + node.innerHTML + "</" + node.nodeName + ">";
				html += ">";
				var nextNode = node.firstChild;
				while ( nextNode )
				{
					html += DOM_outerHTML( nextNode );
					nextNode = nextNode.nextSibling
				}
				html += "</" + nodeName + ">";

			}
			break;

		case NODE_TEXT :
			html += node.nodeValue;
			break;

		case NODE_CDATA_SECTION : 
			html += "<![CDATA[" + node.nodeValue + "]]>";
			break;

		case NODE_ENTITY_REFERENCE :
			html += "&" + node.nodeName + ";";
			break;

		case NODE_COMMENT :
			// COMMENTAIRES DISABLE A CAUSE COPIER/COLLER WORD
			html += "";
			
			//html += "<!--" + node.nodeValue + "-->";
			break;
			
		case NODE_DOCUMENT_FRAGMENT :
			for ( i = 0 ; i < node.childNodes.length ; i++ )
			{
				html += DOM_outerHTML( node.childNodes[ i ] );
			}
			break;
	}
	
	return html;
}


/*
	L'attribute style d'un node sous IE n'est pas une simple value ... donc on doit la décortiquer !
*/
function DOM_outerIEStyleAttribute( p_oNode )
{
	return p_oNode.style.cssText
}

function DOM_outerVisibleText( node )
{
	return DOM_outerText( node, true );
}


function DOM_outerText( node, p_bOptionalOnlyVisibleNodes )
{
	if ( !node ) return "";
	var html = "";
	var i = 0;
	
	if ( node.nodeType == NODE_ELEMENT && p_bOptionalOnlyVisibleNodes != "undefined" && 
		p_bOptionalOnlyVisibleNodes && node.style.display == "none" ) 
		return "";
	
	switch (node.nodeType)
	{
		case NODE_CDATA_SECTION :
			html += internalTrim( node.nodeValue ); 
			break;
		case NODE_ELEMENT :
			var nextNode = node.firstChild;
			while ( nextNode )
			{
				html += DOM_outerText( nextNode, p_bOptionalOnlyVisibleNodes );
				nextNode = nextNode.nextSibling;
			}
			break;

		case NODE_TEXT :
			html += internalTrim( node.nodeValue );
			break;

		case NODE_ENTITY_REFERENCE :
			html += "&" + node.nodeName + ";";
			break;
			
		case NODE_DOCUMENT_FRAGMENT :
			for ( i = 0 ; i < node.childNodes.length ; i++ )
			{
				html += DOM_outerText( node.childNodes[ i ], p_bOptionalOnlyVisibleNodes );
			}
			break;
		case NODE_COMMENT :
			if ( node.nodeValue.indexOf( "[CDATA[" ) == 0 )
				html += node.nodeValue.replace( "[CDATA[", "" ).replace( "]]", "" );
			else
				html += node.nodeValue;
			break;
		default:
			alert( "DOM_outerText noeud non traité : nodeType = " + node.nodeType )
			break;
	}
	return html;
}



/* --- Version dev en couleur ! --- */
function DOM_outerColorHTML( node, colonne )
{
	/* Pour l'instant desactivée car il faudrait se baser sur le moteur de rendu du DOM_outerHTML, et ajouter la couleur dessus, et ne pas dupliquer le code comme c'etait le cas !!! */
	return internalReplace( DOM_outerHTML( node ), "<", "&lt;" );
	
/*
	var html = "";
	var i = 0;

	var endOfTag = "";
	var mustStartLine = false;
	var mustEndLine = false;
		
	var currentNodeName = node.nodeName.toLowerCase( );
	
	switch (node.nodeType)
	{
	
		case NODE_ELEMENT :
		
			switch( currentNodeName )
			{
				case "p" :
				case "body" :
					mustStartLine = true;
					mustEndLine = true;
					colonne++;
					break;
					
				case "tbody" :
				case "table" :
					mustStartLine = true;
					mustEndLine = true;
					break;

				case "br" :
					mustEndLine = true;
					break;

				case "tr" :
					mustStartLine = true;
					mustEndLine = true;
					colonne++;
					break;

				case "td" :
					mustStartLine = true;
					colonne++;
					break;
				default:
			}

			if ( mustStartLine )	for ( i = 0 ; i < colonne - 1 ; i++ ) html += "&nbsp;&nbsp;&nbsp;&nbsp;"
		
			html += "<span class='HTMLTag_" + node.nodeName + "'>&lt;" + currentNodeName;
			// --- Corrige BUG IE ( getAttribute("style") ne renvoie pas la valeur, mais un objet ) ---
			if ( ie4 && node.style )
			{
				var cssForStyle = DOM_outerIEStyleAttribute( node )
				if ( cssForStyle ) html += " style=\"" + cssForStyle + "\"";
				html += " style=</span><span class='HTMLTag_params'>\"" + cssForStyle + "\"</span><span class='HTMLTag_" + node.nodeName + "'>";
			}

			for ( i = 0 ; i < node.attributes.length ; i++ )
			{
				if( node.attributes.item( i ).nodeValue != null && node.attributes.item( i ).nodeValue.length > 0 )
				{
					html += " ";
					html += node.attributes.item(i).nodeName;
					html += "=</span><span class='HTMLTag_params'>\"";
					html += node.attributes.item(i).nodeValue;
					html += "\"</span><span class='HTMLTag_" + node.nodeName + "'>";
				}
			}

			isOnNewLine = false;
			
			// On regarde s'il s'agit ou non d'un TAG vide (autoclosed) comme BR
			if( node.childNodes.length == 0 && DOM_Empty_Tags.indexOf( node.nodeName ) > 0 )
			{
				html += "/&gt;</span>";
				if ( mustEndLine ) 
				{
					html += "<br>";
					isOnNewLine = true;
				}
			}
			else
			{
				html += "&gt;</span>" 
				if ( mustEndLine ) 
				{
					html += "<br>";
					isOnNewLine = true;
				}

				html += "<span class='text'>"
				var nextNode = node.firstChild;
				while ( nextNode )
				{
					html += DOM_outerColorHTML( nextNode, colonne );
					nextNode = nextNode.nextSibling
				}
				html += "</span>";

				if ( mustStartLine )	for ( i = 0 ; i < colonne - 1 ; i++ ) html += "&nbsp;&nbsp;&nbsp;&nbsp;"
				html += "<span class='HTMLTag_" + node.nodeName + "'>&lt;/" + currentNodeName + "&gt;</span>";
				
				if ( mustEndLine || mustStartLine )
					html += "<br>"
				
			}

			

			break;

		case NODE_TEXT :
			html += node.nodeValue;
			break;

		case NODE_CDATA_SECTION : 
			html += "<![CDATA[" + node.nodeValue + "]]>";
			break;

		case NODE_ENTITY_REFERENCE :
			html += "&" + node.nodeName + ";";
			break;

		case NODE_COMMENT :
			html += "<!--" + node.nodeValue + "-->";
			break;
			
		case NODE_DOCUMENT_FRAGMENT :
			for ( i = 0 ; i < node.childNodes.length ; i++ )
			{
				html += DOM_outerColorHTML( node.childNodes[ i ], colonne );
			}
			break;
	}
//	alert(html);


	
	return html;
*/
}







// permet d'effacer les parametres vide d'un noeud, sert specialement à nettoyer le code qu'IE genere avec sa fonction "insertAdjacentHTML()" ?!? Peut etre lors d'un insert node ?!?
function DOM_cleanUpEmptyParams( p_oNode, p_bRecursive )
{
	var currentNode;
	var i = 0;
	var aListParamToDel = Array( );
	var oAttributes= p_oNode.attributes;

	if ( p_oNode.nodeName == "BODY" )
	{
		alert( p_oNode.nodeName + ": " + p_oNode.getAttribute( "class" ) );
	}
	if ( oAttributes )
	{
		// on recupere les parametres vides
		for ( i = 0 ; i < oAttributes.length ; i++ )
		{
			if ( oAttributes[ i ].nodeValue == "" )
			{
				aListParamToDel[ aListParamToDel.length ] = oAttributes.item( i ).name;
			}
		}
				
		// puis on nettoie le noeud...
		if ( aListParamToDel.length > 0 )
		{
			for ( i = 0 ; i < aListParamToDel.length ; i++ )
			{
				p_oNode.removeAttribute( aListParamToDel[ i ], 0 );
			}
		}
	}
	
	// ...et ses enfants ?!?
	currentNode = p_oNode.firstChild;
	if ( currentNode && p_bRecursive )
	{
		while( currentNode )
		{
			DOM_cleanUpEmptyParams( currentNode, true );
			currentNode = currentNode.nextSibling;
		}
	}
}


/*
	Version optimisée de htmlToNodes, au lieu de parser nous meme on ecrit le HTML puis on recupere le noeud
*/
function DOM_htmlToNodesVBetaNaze( p_xhtml, p_bInutileMaintenant )
{
	var id = 0;
	var pos1, pos2;
	pos1 = p_xhtml.indexOf( "id=" );
	pos1+= 4;
	pos2 = p_xhtml.indexOf( "\"", pos1 );
	id = p_xhtml.substring( pos1, pos2 );
	document.write( p_xhtml );
	
	var oNode = document.getElementById( id );

	if ( !oNode )
	{
		alert( "unable to create Object id : " + id );
		alert( "HTML = " + oNode );
	}
//	else
//		oNode.style.display = "none";

	document.write( DOM_outerHTML( oNode.cloneNode( true ) ) );

	return oNode;

}

/*
	Ancienne version mais qui fait bien ce qu'elle dit, pas comme l'autre !!!;)
*/
function DOM_htmlToNodes( p_xhtml, p_bReturnFirstNodeOnly, p_oOptionalDocument )
{
	var oParser = new XML_Parser( );
	var oRootDoc = oParser.parseXML( p_xhtml );
	var oNodes = new Array( );

	if ( oRootDoc )
	{
		for( var i = 0 ; i < oRootDoc.childNodes.length ; i++ )
		{
			oNodes[ i ] = XML_getNodes( oRootDoc.childNodes.item( i ), null, p_oOptionalDocument );
		}
	}
	if ( p_bReturnFirstNodeOnly ) return oNodes[ 0 ];
	return oNodes;
}

function XML_getNodes( p_oXmlNode, p_oRefNode, p_oOptionalDocument )
{
	var i = 0;
	var oDocument = document;

	// Si jamais on spŽcifie un document autre que le document courant pour la crŽation des noeus ( exemple : pour inserer dans une iframe ... )
	if ( typeof p_oOptionalDocument != "undefined" && p_oOptionalDocument ) oDocument = p_oOptionalDocument;
	
	if ( !p_oXmlNode ) return null;
	var oNode = null;
	
	switch( p_oXmlNode.nodeType )
	{
		case XML_Node.ELEMENT_NODE :
			oNode = oDocument.createElement( p_oXmlNode.nodeName );
			if ( p_oRefNode ) p_oRefNode.appendChild( oNode );
			break;
		case XML_Node.ATTRIBUTE_NODE :
		
			// patch pour IE dans le cas d'un colspan ou d'une class
			if ( p_oXmlNode.nodeName == "class" && ie4 )
				p_oRefNode.className = p_oXmlNode.nodeValue;
			else if ( p_oXmlNode.nodeName == "id" )
				p_oRefNode.setAttribute( "id", p_oXmlNode.nodeValue, 0 );		
			else
			if ( p_oXmlNode.nodeName == "colspan" && ie4 )
				p_oRefNode.setAttribute( "colSpan", p_oXmlNode.nodeValue, 0 );
			else if ( p_oXmlNode.nodeName != "" )
				try
				{
					p_oRefNode.setAttribute( p_oXmlNode.nodeName, p_oXmlNode.nodeValue, 0 );
				}
				catch( e )
				{
					alert( "erreur sur la value :" + p_oXmlNode.nodeName );
				}
			break;

		case XML_Node.CDATA_SECTION_NODE :
//			oNode = oDocument.createCDATASection( p_oXmlNode.nodeValue );  [ALEX] SEMBLERAIT POSER PROBLEME DANS FIREFOX
			oNode = oDocument.createTextNode( p_oXmlNode.nodeValue );
			if ( p_oRefNode ) p_oRefNode.appendChild( oNode );
			break;

			
		case XML_Node.TEXT_NODE :
			oNode = oDocument.createTextNode( p_oXmlNode.nodeValue );
			if ( p_oRefNode ) p_oRefNode.appendChild( oNode );
			break;
	}

	if ( p_oXmlNode.attributes )
	{
		for( i = 0 ; i < p_oXmlNode.attributes.length ; i++ )
			XML_getNodes( p_oXmlNode.attributes.item( i ), oNode, oDocument );
	}	
	for( i = 0 ; i < p_oXmlNode.childNodes.length ; i++ )
		XML_getNodes( p_oXmlNode.childNodes.item( i ), oNode, oDocument );
	
	return oNode;
}

function DOM_findNodeById( p_baseNode, p_id )
{
	var oNode = p_baseNode;
	while ( oNode )
	{
		if ( oNode.hasChildNodes( ) )
		{
			var returnNode = DOM_findNodeById( oNode.firstChild, p_id );
			if ( returnNode ) return returnNode;
		}
		if ( oNode.nodeType == NODE_ELEMENT && oNode.getAttribute( "id" ) == p_id ) return oNode;
		oNode = oNode.nextSibling;
	}
	return null;
}


function DOM_removeAllChilds( p_oNode )
{
	if ( ! p_oNode ) return;
	var num_nodes = p_oNode.childNodes.length;
	for ( var i = 0 ; i < num_nodes ; i++ )
	{
		p_oNode.removeChild( p_oNode.childNodes[ 0 ] )
	}

}

function DOM_showNode( p_oNode )
{
	if (!p_oNode ) return;
	if ( typeof p_oNode == "string" ) p_oNode = document.getElementById( p_oNode );
	
	var tagName = p_oNode.nodeName.toUpperCase( );
	/* Pour les tr/td/table, un cas special s'offre à nous, chouette ... ;) */
	if ( ( tagName == "TR" )  && !ie4 )
		p_oNode.style.display = "table-row";
	else if ( ( tagName == "TD" )  && !ie4 )
		p_oNode.style.display = "table-cell";
	else if ( tagName == "A" || tagName == "IMG" || tagName == "B" || tagName == "U" || tagName == "I" || tagName == "SPAN" )
		p_oNode.style.display = "inline";
	else				
		p_oNode.style.display = "block";
}


function DOM_hideNode( p_oNode )
{
	if (!p_oNode ) return 
	if ( typeof p_oNode == "string" ) p_oNode = document.getElementById( p_oNode );
	p_oNode.style.display = "none";
}

function DOM_setNodeVisible( p_oNode )
{
	if ( typeof p_oNode == "string" ) p_oNode = document.getElementById( p_oNode );
	p_oNode.style.visibility = "visible";
}

function DOM_setNodeInvisible( p_oNode )
{
	if ( typeof p_oNode == "string" ) p_oNode = document.getElementById( p_oNode );
	p_oNode.style.visibility = "hidden";
}


function DOM_getNodeWidth ( p_oNode )
{
	if ( !p_oNode ) return 0;
	var width = 0;
	if ( p_oNode.style.width && p_oNode.offsetWidth <= 0 && p_oNode.style.width != "auto" ) width = p_oNode.style.width.replace( "px", "" );
//	if ( !ie4 )	return parseInt( p_oNode.offsetWidth - 2 );
	else width = parseInt( p_oNode.offsetWidth - 2 );
	
	if ( width<0 ) width = 0;
	return width;
}

function DOM_getNodeHeight ( p_oNode )
{
	if ( !p_oNode ) return 0;
	var height = 0;
	if ( p_oNode.style.height && p_oNode.offsetHeight <= 0 && p_oNode.style.height != "auto" ) height = p_oNode.style.height.replace( "px", "" );
//	if ( !ie4 )	return parseInt( p_oNode.offsetHeight - 2 );
	else height = parseInt( p_oNode.offsetHeight - 2 );

	if ( height<0 ) height = 0;
	return height;
}

function DOM_setNodeWidth ( p_oNode, w )
{
	if ( ! p_oNode ) return;
	
	var iPaddingLeft = parseInt( DOM_getStyle( p_oNode, "padding-left" ).replace("px", "") );
	var iPaddingRight = parseInt( DOM_getStyle( p_oNode, "padding-right" ).replace("px", "") );
	// MOZZ
	if ( typeof p_oNode.style.borderLeftWidth != "undefined" )
	{
		var iBorderLeft = parseInt( p_oNode.style.borderLeftWidth )
		var iBorderRight = parseInt( p_oNode.style.borderRightWidth )
	}
	// IE
	else
	{
		var iBorderLeft = 0;
		var iBorderRight = 0;
	}
	var totalPaddingHorizontal = 0;
	if ( !isNaN( iPaddingLeft ) ) totalPaddingHorizontal += iPaddingLeft;
	if ( !isNaN( iPaddingRight ) ) totalPaddingHorizontal += iPaddingRight;
	if ( !isNaN( iBorderLeft ) ) totalPaddingHorizontal += iBorderLeft;
	if ( !isNaN( iBorderRight ) ) totalPaddingHorizontal += iBorderRight;
	p_oNode.style.width = (w - totalPaddingHorizontal  )  + "px";
}

function DOM_setNodeHeight( p_oNode, h )
{
	if ( ! p_oNode ) return;
	var iPaddingTop = parseInt( DOM_getStyle( p_oNode, "padding-top" ).replace("px", "") );
	var iPaddingBottom = parseInt( DOM_getStyle( p_oNode, "padding-bottom" ).replace("px", "") );
	var iBorderTop = parseInt( p_oNode.style.borderTopWidth )
	var iBorderBottom = parseInt( p_oNode.style.borderBottomWidth )
	var totalPaddingVertical = 0;
	if ( !isNaN( iPaddingTop ) ) totalPaddingVertical += iPaddingTop;
	if ( !isNaN( iPaddingBottom ) ) totalPaddingVertical += iPaddingBottom;
	if ( !isNaN( iBorderTop ) ) totalPaddingVertical += iBorderTop;
	if ( !isNaN( iBorderBottom ) ) totalPaddingVertical += iBorderBottom;
	p_oNode.style.height = (h - totalPaddingVertical)  + "px";
}


function DOM_getNodePosX( p_oNode )
{
	if ( !p_oNode ) return 0;
	var curleft = 0;
	if ( p_oNode.offsetParent )		{
		while ( p_oNode.offsetParent )		{		curleft += p_oNode.offsetLeft;	p_oNode = p_oNode.offsetParent;	}
	}
	else if ( p_oNode.x )	{ curleft += p_oNode.x;	}
	
	return curleft;
}


function DOM_setFloat( p_oNode, sFloatValue )
{
	if ( ie4 )	p_oNode.style.styleFloat = sFloatValue;
	else		p_oNode.style.cssFloat = sFloatValue;
}

function DOM_setNodePosX( p_oNode, p_iValue )
{
	p_oNode.style.left = p_iValue + "px";
}

function DOM_setNodePosY( p_oNode, p_iValue )
{
	p_oNode.style.top = p_iValue + "px";
}

function DOM_moveNodeTo( p_oNode, p_x, p_y )
{
	DOM_setNodePosX( p_oNode, p_x );
	DOM_setNodePosY( p_oNode, p_y );
}

function DOM_getFloat( p_oNode, sFloatValue )
{
	if ( ie4 )	return p_oNode.style.styleFloat;
	else		return p_oNode.style.cssFloat;
}

function DOM_getNodePosY( p_oNode )
{
	if ( !p_oNode ) return 0;
	var curtop = 0;
	if ( p_oNode.offsetParent )		{
		while (p_oNode.offsetParent)		{	curtop += p_oNode.offsetTop;p_oNode = p_oNode.offsetParent;	}
	}
	else if ( p_oNode.y )	{	curtop += p_oNode.y;	}

	return curtop;
}


function DOM_getStyle( p_oNode, p_styleProp )
{
	var sStyleValue = "";
	if ( p_oNode.currentStyle )
		sStyleValue = p_oNode.currentStyle[ p_styleProp ];
	else if ( window.getComputedStyle )
		sStyleValue = document.defaultView.getComputedStyle( p_oNode, null ).getPropertyValue( p_styleProp );
	
	if ( typeof sStyleValue == "undefined" ) sStyleValue = ""
	return sStyleValue;
}

function DOM_hideOrShow( p_oNode )
{
	if ( typeof p_oNode == "string" ) p_oNode = document.getElementById( p_oNode );
	if ( p_oNode.style.display == "none" )	DOM_showNode( p_oNode )
	else									DOM_hideNode( p_oNode )
}


function DOM_execJavascript( p_oNode )
{
	var aJScripts = p_oNode.getElementsByTagName( "SCRIPT" );
	for ( var i = 0 ; i < aJScripts.length ; i++ )
	{
		eval( aJScripts[ i ].innerHTML );
	}

	return aJScripts.length;	// On retourne le nombre de scripts HTML executés
}

function DOM_getParentWindow( p_oNode )
{
	// On test la précense d'une iframe
	if ( ismozilla )
		return p_oNode.defaultView;
		
	return p_oNode.parentWindow;
}


function DOM_setFontSize( p_oNode, p_iSize )
{
	if ( p_oNode.nodeType == NODE_ELEMENT )
	{
		if ( typeof p_oNode.style == "undefined" )
		{
			var sStyleString = "";
			if ( p_oNode.getAttribute( "style" ) != null ) sStyleString = p_oNode.getAttribute( "style" ).toLowerCase( );
			var index = sStyleString.indexOf( "font-size" );
			if ( index >= 0 )
			{
				var lastIndex = sStyleString.indexOf( ";", index );
				if ( lastIndex < 0 ) lastIndex = sStyleString.length-1;
				sStyleString = sStyleString.substring( 0, index ) + sStyleString.substring( lastIndex+1, sStyleString.length );
			}
			if ( sStyleString == "" )	sStyleString = "font-size:" + p_iSize + "px;"
			else						sStyleString += ";font-size:" + p_iSize + "px;"
			sStyleString = sStyleString.replace( /;;/gi, ";" );
			p_oNode.removeAttribute( "style" );
			p_oNode.setAttribute( "style", sStyleString );
		}
		else
		{
			p_oNode.style.fontSize = p_iSize + "px";
		}
		for ( var i = 0 ; i < p_oNode.childNodes.length ; i++ )
			DOM_setFontSize( p_oNode.childNodes[ i ], p_iSize )
	}
	else if ( p_oNode.nodeType == NODE_TEXT )
	{
		
	}
}

/*
	POUR L'INSTANT NE CHANGE QUE LA CLASSNAME ET SUPPRIMER PARAM COULEUR, DANS UN AVENIR PROCHE, FAUDRAIT COMPARER CHAQUE CLASS TROUVEE 
	ET APPLIQUER UN MASQUE SUR TOUT OU PARTIR DE LA CSS ... 
	ALEX A FAIRE
*/
function DOM_setClassName( p_oNode, p_sClassName )
{
	if ( p_oNode.nodeType == NODE_ELEMENT )
	{
		if ( typeof p_oNode.style == "undefined" && p_oNode.style )
		{
			p_oNode.style.color = "";
		}
		p_oNode.removeAttribute( "class" )
		p_oNode.setAttribute( "class", p_sClassName )
		try {
			p_oNode.className = p_sClassName;
		}
		catch( e )
		{
		}
		for ( var i = 0 ; i < p_oNode.childNodes.length ; i++ )
			DOM_setClassName( p_oNode.childNodes[ i ], p_sClassName );
	}
	else if ( p_oNode.nodeType == NODE_TEXT )
	{
		
	}
}


function DOM_getIframeDocument( p_iframeName )
{
	if ( ie4 )		return window.frames[p_iframeName].document;
	else			return document.getElementById( p_iframeName ).contentWindow.document;	
	
	return null;
}



function DOM_getWindowWidth( )
{
	if (self.pageXOffset) {
		return self.innerWidth - self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollWidth){	 // Explorer 6 Strict
		return document.documentElement.scrollWidth;
	} else if (document.body) {// all other Explorers
		return document.body.scrollWidth;
	}
	return -1;
}

function DOM_getWindowHeight( )
{
	if (self.pageYOffset) {
		return self.innerHeight - self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollHeight){	 // Explorer 6 Strict
		return document.documentElement.scrollHeight;
	} else if (document.body) {// all other Explorers
		return document.body.scrollHeight;
	}
	return -1;
}

function DOM_getDocumentWidth( )
{
	var xScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
	}	
	
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}

	return pageWidth;
}

function DOM_getDocumentHeight( )
{
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		yScroll = document.body.offsetHeight;
	}
	
	var windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	return pageHeight;
}



function DOM_forceDivInWindow( p_oNode, p_oOptionnalDivWindow )
{
	var x_limit, y_limit, w_limit, h_limit;
	if ( typeof p_oOptionnalDivWindow == "undefined" )
	{
		x_limit = 0;
		y_limit = 0;
		w_limit = DOM_getWindowWidth( );
		h_limit = DOM_getWindowHeight( );
	}
	else
	{
		x_limit = DOM_getNodePosX( p_oOptionnalDivWindow );
		y_limit = DOM_getNodePosY( p_oOptionnalDivWindow );
		w_limit = DOM_getNodeWidth( p_oOptionnalDivWindow );
		h_limit = DOM_getNodeHeight( p_oOptionnalDivWindow );
	}
	
	var x, y, w, h;
	x = DOM_getNodePosX( p_oNode );
	y = DOM_getNodePosY( p_oNode );
	w = DOM_getNodeWidth( p_oNode );
	h = DOM_getNodeHeight( p_oNode );

	var bMoved = false;
	if ( x < x_limit ) 				{		x = x_limit;				bMoved = true;		}
	if ( y < y_limit )	 			{		y = y_limit;				bMoved = true;		}
	if ( x+w > x_limit+w_limit )	{		x = (x_limit+w_limit) - w;	bMoved = true;		}
	if ( y+h > y_limit+h_limit ) 	{		y = (y_limit+h_limit) - h;	bMoved = true;		}
	if ( bMoved ) DOM_moveNodeTo( p_oNode, x, y );
}




var DOM = new DOM_Manager( "DOM" );