/*
* 	Author : Planet Bourgogne
*	Version : 1.05
*	Changelog : 
*		04/09/2008 : Passage en version 1.0
*		08/09/2008 : actions->setY + actions->setX : Amélioration de la fonction
*		09/09/2008 : action  : rajout de hidden="auto"
*		09/09/2008 : action : correction d un bug dans les balises styles (prob du retour a la ligne)
*		15/09/2008 : chargement : affiche un petit icone de chargelent en bas a droite pendant un appel ajax
*		15/09/2008 : styleCss : block Try Catch pour IE
*		18/09/2008 : Gestion du voile   voile="on"/voile="off"
*/



/*
Permet d integrer directement les fichiers JS necessaires
function include(fileName)
{  
	document.write("<script type='text/javascript' src='"+fileName+"'></script>" );
}  
include("/javascripts/scriptaculous/prototype.js" );  
include("/javascripts/scriptaculous/scriptaculous.js" );  
*/

function recupXML(requester)
{
	try //Internet Explorer
	{
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.loadXML(requester.responseText);
	}
	catch(e)
	{
		try //Firefox, Mozilla, Opera, etc.
		{
			//xmlDoc=document.implementation.createDocument("","",null);
			xmlDoc = requester.responseXML;
		}
		catch(e) {alert(e.message)}
	}
	return xmlDoc;
}
function recupXMLElement(xmlDoc, nomNoeud)
{
	var value = xmlDoc.getElementsByTagName(nomNoeud);
	return (value[0].firstChild.nodeValue);
}


function executeXML(requester)
{
	//////////////////////////////////////////////////////////////////////////////////////////
	//					Recupération du flux XML											//
	//////////////////////////////////////////////////////////////////////////////////////////
	try //Internet Explorer
	{
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.loadXML(requester.responseText);
	}
	catch(e)
	{
		try //Firefox, Mozilla, Opera, etc.
		{
			//xmlDoc=document.implementation.createDocument("","",null);
			xmlDoc = requester.responseXML;
		}
		catch(e) {alert(e.message)}
	}
	
	if(xmlDoc.firstChild.nodeName == 'parsererror' )
	{
		var msg = 'Erreur de ParserXml. XML non conforme.\n\n';
		msg += 'Description de l\'erreur : \n\n';
		msg += xmlDoc.firstChild.firstChild.nodeValue+'\n\n';
		msg += 'Contenu de la reponse : \n\n';
		msg += requester.responseText+'\n\n';
		alert(msg);
		return false;
	}
	
	//////////////////////////////////////////////////////////////////////////////////////////
	//					Gestion du mode DEBUG												//
	//////////////////////////////////////////////////////////////////////////////////////////
	var debug = xmlDoc.getElementsByTagName('debug');
	if(debug.length > 0)
	{
		if(!document.getElementById('div_debug'))
		{
			mondiv = document.createElement('div');
			mondiv.innerHTML = requester.responseText;
			mondiv.setAttribute("id","div_debug");
			
			mondiv.style.float = 'left';
			mondiv.style.position = 'absolute';
			mondiv.style.display = 'block';
			mondiv.style.background = 'black';
			mondiv.style.color = 'white';
			mondiv.style.border = '2px solid red';
			mondiv.style.width = '300px';
			mondiv.style.height = '500px';
			mondiv.style.top = '20px';
			mondiv.style.left = '20px';
			
			mondiv.setAttribute("onclick","document.getElementById('div_debug').style.display = 'none';");
			
			document.getElementsByTagName('body')[0].appendChild(mondiv);
		}
		else
		{
			mondiv = document.getElementById('div_debug');
			mondiv.innerHTML = requester.responseText;
			mondiv.style.display = 'block';
		}
	}
	
	
	//////////////////////////////////////////////////////////////////////////////////////////
	//					Actions																//
	//////////////////////////////////////////////////////////////////////////////////////////
	var actions = xmlDoc.getElementsByTagName('action');
	for (var i = 0; i < actions.length; i++)
	{
		
		node = actions.item(i);
		var src = $(node.getAttribute('blockId'));
		var src_id = node.getAttribute('blockId');
		if (node.getAttribute('frame') != null && node.getAttribute('frame') != "")
		{
			if(node.getAttribute('frame') == 'parent')
			{
				src = window.parent.document.getElementById(node.getAttribute('blockId'));
			}
			else
			{
				src = window.parent.frames[node.getAttribute('frame')].getElementById(node.getAttribute('blockId'));
			}
		}
		
		if (!src)
		{
			src = document.createElement('div');
			src.id = src_id;
			document.getElementsByTagName('body')[0].appendChild(src);
			src.style.zIndex = '500';
		}
		if (src)
		{
			/////////		VOILE				////////
			if ((node.getAttribute('voile') != null && node.getAttribute('voile') == "on"))
			{
				elt_div_voile = document.createElement('div');
				elt_div_voile.id = 'div_voile';
				document.getElementsByTagName('body')[0].appendChild(elt_div_voile);
				elt_div_voile.style.zIndex = '499';
				elt_div_voile.setAttribute('style','top:0;left:0;margin:0;padding:0;width:100%;height:100%;position:absolute;background:white;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);');
				elt_div_voile.innerHTML = 'ok';
			}
			if ((node.getAttribute('voile') != null && node.getAttribute('voile') == "off"))
			{
				destroy_element('div_voile');
			}
			
			
			/////////		CHANGE LE STYLE			//////
			if ( node.getElementsByTagName('styles').length > 0  )
			{
				var chaine_style = '';
				var styles = node.getElementsByTagName('styles');
				var elt = styles.item(0).firstChild;
				while ( elt != null )
				{
					if(elt.nodeName != '#text')//Corrige un bug du au retour à la ligne
					{
						chaine_style += elt.nodeName+':'+elt.firstChild.nodeValue+';';
						try {
							eval('src.style.'+elt.nodeName+' = "'+elt.firstChild.nodeValue+'";');
						}
						catch(err) 
						{
							//alert(err.description);
							//alert(elt.nodeName+':'+elt.firstChild.nodeValue+';');
							//src.setAttribute('style',elt.nodeName+':'+elt.firstChild.nodeValue+';');
							src.style.cssText  = elt.nodeName+':'+elt.firstChild.nodeValue+';';
						}
					}
					elt = elt.nextSibling;
				}
			}

			///////			INNERHTML		//////
			if ((node.getAttribute('type') != null && node.getAttribute('type') == "innerHTML"))
			{
				var value = ' ' + node.getElementsByTagName('content').item(0).firstChild.data;
				src.innerHTML = value;
			}
			
			///////			CHANGE LA CLASS CSS		/////
			if (node.getAttribute('cssBlock') != null && node.getAttribute('cssBlock') != "")
			{
				src.className = node.getAttribute('cssBlock');
			}
			////////		CHANGE LA POSITION Y	///////
			if (node.getAttribute('setY') != null && node.getAttribute('setY') != "")
			{
				var positionY = 0;
				positionY = getY(node.getAttribute('setY'));
				var parent = window.document.getElementById(node.getAttribute('setY')).offsetParent;
			 	while (parent) 
			 	{
				 	positionY = parent.offsetTop + positionY;
				 	parent = parent.offsetParent;
			 	}
				setY(src_id,positionY);
			}
			if (node.getAttribute('plusY') != null && node.getAttribute('plusY') != "")
			{
				setY(src_id, getY(src_id) + parseInt(node.getAttribute('plusY')) );
			}
			////////		CHANGE LA POSITION X	///////
			if (node.getAttribute('setX') != null && node.getAttribute('setX') != "")
			{
				var positionX = 0;
				positionX = getX(node.getAttribute('setX'));
				var parent = window.document.getElementById(node.getAttribute('setX')).offsetParent;
			 	while (parent) 
			 	{
				 	positionX = parent.offsetLeft + positionX;
				 	parent = parent.offsetParent;
			 	}
				setX(src_id,positionX);
				
			}
			if (node.getAttribute('plusX') != null && node.getAttribute('plusX') != "")
			{
				setX(src_id, getX(src_id) + parseInt(node.getAttribute('plusX')) );
			}
			
			/////////		STYLE DISPLAY			//////
			if ((node.getAttribute('display') != null) && (node.getAttribute('display') != ""))
			{
				src.style.display = node.getAttribute('display');
			}
			
			var onmouseover = '';
			var onmouseout = '';
			
			/////////		PRINT			//////
			if ((node.getAttribute('print') != null) && (node.getAttribute('print') == 'print'))
			{
				var name_div_print = 'print_div';
				src.innerHTML = '<div id="'+name_div_print+'" style="position:absolute;top:0px;right:0px;border:none;display:none;z-index:500;padding:0px;margin:2px 15px;"><img src="../charte/printer.png" alt="Imprimer" style="cursor:pointer;" onclick="javascript:window.print();"/></div>' + src.innerHTML;
				onmouseover += "$('"+name_div_print+"').style.display='block';";
				onmouseout += "$('"+name_div_print+"').style.display='none';";
			}
			/////////		CLOSE			//////
			if ((node.getAttribute('close') != null) && (node.getAttribute('close') == 'auto'))
			{
				//Pour virer le voile
				destroy_voile = '';
				if ((node.getAttribute('voile') != null && node.getAttribute('voile') == "on"))
				{
					destroy_voile = 'destroy_element(\'div_voile\');';
				}
				
				var name_div_close = 'close_div';
				src.innerHTML = '<div id="'+name_div_close+'" style="position:absolute;top:0px;right:0px;border:none;display:none;z-index:500;padding:0px;margin:2px;"><img src="../charte/x.gif" alt="Fermer" style="cursor:pointer;" onclick="javascript:destroy_element(\''+src_id+'\');'+destroy_voile+'"/></div>' + src.innerHTML;
				onmouseover += "$('"+name_div_close+"').style.display='block';";
				onmouseout += "$('"+name_div_close+"').style.display='none';";
			}
			/////////		HIDDEN			//////
			if ((node.getAttribute('hidden') != null) && (node.getAttribute('hidden') == 'auto'))
			{
				var name_div_close = 'close_div';
				src.innerHTML = '<div id="'+name_div_close+'" style="position:absolute;top:0px;right:0px;border:none;display:none;z-index:500;padding:0px;margin:2px;"><img src="../charte/x.gif" alt="Fermer" style="cursor:pointer;" onclick="javascript:$(\''+src_id+'\').style.display=\'none\';"/></div>' + src.innerHTML;
				onmouseover += "$('"+name_div_close+"').style.display='block';";
				onmouseout += "$('"+name_div_close+"').style.display='none';";
			}
			
			//	POUR FF setAttribute et POUR IE eval
			if(onmouseover != ''){src.setAttribute("onmouseover","javascript:"+onmouseover);eval ('src.onmouseover = function() { '+onmouseover+'; };');}
			if(onmouseout != ''){src.setAttribute("onmouseout","javascript:"+onmouseout);eval ('src.onmouseout = function() { '+onmouseout+'; };');}
			
			
			
			
			//////// 		TYPE SELECT			//////////
			if ((node.getAttribute('type') != null && node.getAttribute('type') == "select"))
			{
				src.options.length = 0;
				//src.options[src.options.length] = new Option('',0); //==> Permet de mettre le premier element a vide
				var options = node.getElementsByTagName('option');
				for (var o = 0; o < options.length; o++)
				{
					option = options.item(o);
					var valeur = option.getAttribute('value');
					var text = option.firstChild.data;
					src.options[src.options.length] = new Option(text,valeur);
					if(option.getAttribute('selected'))
					{
						src.selectedIndex = src.options.length - 1;
					}
				}
			}
		}
		
	}
	
	//////////////////////////////////////////////////////////////////////////////////////////
	//					Message																//
	//////////////////////////////////////////////////////////////////////////////////////////
	var messages = xmlDoc.getElementsByTagName('message');
	for (var i = 0; i < messages.length; i++)
	{
		node = messages.item(i);
		var src = $(node.getAttribute('blockId'));
		if (src)
		{
			//	Nouvel element crée
			createId = 'div_message';
			if (node.getAttribute('createId') != null && node.getAttribute('createId') != "")
			{
				createId = node.getAttribute('createId');
			}
			//Le temps que va rester afficher le block
			time = 0;
			if (node.getAttribute('time') != null && node.getAttribute('time') != "")
			{
				time = node.getAttribute('time');
			}
			//On supprime le bloc si il est deja créé
			if($(createId)){destroy_element(createId);}
			
			mondiv = document.createElement('div');
			mondiv.innerHTML = '';
			//si le temps est a 0 alors on propose une croix pour fermer le block
			if(time==0)
			{
				mondiv.innerHTML += '<img src="../charte/x.gif" alt="X" style="float:right;position:relative;margin:2px 2px;" onclick="javascript:destroy_element(\''+createId+'\');"/>';
			}//
			// Permet d afficher un texte au survol
			if (node.getAttribute('onmouseover') != null && node.getAttribute('onmouseover') != "")
			{
				eltSource = node.getAttribute('onmouseover');
				eltSource.setAttribute("onmouseout","destroy_element('"+createId+"');");
				eltSource.onmouseout = function() {destroy_element(createId);};// POUR IE
			}
			mondiv.innerHTML += node.getElementsByTagName('content').item(0).firstChild.data;
			mondiv.setAttribute('id',createId);
			mondiv.style.float = 'left';
			mondiv.style.position = 'absolute';
			mondiv.style.display = 'block';
			mondiv.style.background = '#F4F5F4';
			mondiv.style.color = 'black';
			mondiv.style.border = '1px solid black';
			mondiv.style.padding = '0px 0px';
			mondiv.style.align = 'left';
			//Si la taille du block est défini
			if (node.getAttribute('width') != null && node.getAttribute('width') != "")
			{
				mondiv.style.width = node.getAttribute('width')+'px';
			}
			
			insertAfter(mondiv,src);
			
			if(time!=0)
			{
				setTimeout("destroy_element('"+createId+"');", time);
			}
			
		}
	}
	
	//////////////////////////////////////////////////////////////////////////////////////////
	//					Completion															//
	//////////////////////////////////////////////////////////////////////////////////////////
	var completions = xmlDoc.getElementsByTagName('completion');
	for (var i = 0; i < completions.length; i++)
	{	
		node = completions.item(i);
		var target = node.getAttribute('target');
		$(target).value='';
		var source = node.getAttribute('blockId');
		
		var src = $(node.getAttribute('blockId'));
		if (src)
		{
			if($('div_completion')){destroy_element('div_completion');}
			var title = '';
			var titles = node.getElementsByTagName('title');
			if(titles.length > 0)
			{
				title = titles.item(0).firstChild.data;
			}
			var texte = '';
			var textes = node.getElementsByTagName('texte');
			if(textes.length > 0)
			{
				texte = textes.item(0).firstChild.data;
			}
			var options = node.getElementsByTagName('option');
			
			mondiv = document.createElement('div');
			mondiv.innerHTML = '<img src="../charte/x.gif" alt="X" style="float:right;position:relative;margin:2px 2px;" onclick="javascript:destroy_element(\'div_completion\');"/>';
			if(texte!='')
			{
				mondiv.innerHTML +=  texte;
			}
			if(options.length>0)
			{
				mondiv.innerHTML += '<ul style="background:#D4D0C8;font-weight:bold;margin:0;padding:0 2px;">'+title+'';
			}
			mondiv.setAttribute('id','div_completion');
			mondiv.style.float = 'left';
			mondiv.style.position = 'absolute';
			mondiv.style.display = 'block';
			mondiv.style.background = '#F4F5F4';
			mondiv.style.color = 'black';
			mondiv.style.border = '1px solid black';
			mondiv.style.padding = '0px 0px';
			if (node.getAttribute('width') != null && node.getAttribute('width') != "")
			{
				mondiv.style.width = node.getAttribute('width')+'px';
			}
			
			insertAfter(mondiv,src);

			for (var o = 0; o < options.length; o++)
			{
				option = options.item(o);
				var text = option.firstChild.data;
				var id_opt = option.getAttribute('id');
				var valeur = option.getAttribute('value');
				mondiv.innerHTML += "<li style='list-style-type:none;padding-left:10px;' onclick='javascript:$(\""+source+"\").value=\""+valeur+"\";$(\""+target+"\").value=\""+id_opt+"\";destroy_element(\"div_completion\");'>"+text+"</li>";
			}
			mondiv.innerHTML += '</ul>';
		}
	}
	
	//////////////////////////////////////////////////////////////////////////////////////////
	//					Script JS															//
	//////////////////////////////////////////////////////////////////////////////////////////
	var scrs = xmlDoc.getElementsByTagName('script');
	if (scrs.length >= 1)
	{
		for (var i = 0; i < scrs.length; i++)
		{
			try
			{
				node = scrs.item(i);
				var value = '' + node.getElementsByTagName('content').item(0).firstChild.data;
				eval(value);
			}
			catch (e)
			{
				throw e;
			}
		}
	}
	
}


function executeAjax(url, pars)
{
	affiche_chargement();
	var ajax = new Ajax.Updater(
		'',        // div id (XXX: doesnt work?)
		url ,        // URL
		{   
			parameters: pars,               // options
			method:'post',
			 onComplete:
				function(requester) 
				{
					
					executeXML(requester);	
					cache_chargement();
				}
		});
}

function getX(id) { return window.document.getElementById(id).offsetLeft; } 
function getY(id) { return window.document.getElementById(id).offsetTop; } 

function setX(id,value) { window.document.getElementById(id).style.left = value+'px'; } 
function setY(id,value) { window.document.getElementById(id).style.top = value+'px'; }

function destroy_element(element)
{
	document.getElementById(element).parentNode.removeChild(document.getElementById(element));
}

function insertAfter(newElement,targetElement)
{
	//target is what you want it to go after. Look for this elements parent.
	var parent = targetElement.parentNode;
	//if the parents lastchild is the targetElement...
	if(parent.lastchild == targetElement) 
	{
		//add the newElement after the target element.
		parent.appendChild(newElement);
	} 
	else 
	{
		// else the target has siblings, insert the new element between the target and it's next sibling.
		parent.insertBefore(newElement, targetElement.nextSibling);
	}
}

function show_miniature(path_img, origin, max_x, max_y)
{
	if(document.getElementById('img_thumbnail')){document.getElementById('img_thumbnail').parentNode.removeChild(document.getElementById('img_thumbnail'));}
	
	monimg = document.createElement('img');
	
	monimg.setAttribute('id','img_thumbnail');
	monimg.style.float = 'left';
	monimg.style.position = 'absolute';
	monimg.style.display = 'block';
	monimg.style.background = '#F4F5F4';
	monimg.style.color = 'black';
	monimg.style.border = '1px solid black';
	monimg.style.padding = '5px 5px';
	monimg.src = path_img;
	monimg.width = max_x;
	//monimg.height = max_y;
	
	monimg.setAttribute("onclick","destroy_element('img_thumbnail');");
	monimg.onclick = function() { destroy_element('img_thumbnail'); }
	insertAfter(monimg,document.getElementById(origin));
	
}


function affiche_chargement()
{
	mondiv = document.createElement('div');
	
	mondiv.setAttribute('id','div_chargement');
	mondiv.style.float = 'right';
	mondiv.style.right = '0px';
	mondiv.style.bottom = '0px';
	mondiv.style.position = 'absolute';
	mondiv.style.display = 'block';
	/*mondiv.style.background = '#D4D0C8';
	mondiv.style.color = 'black';
	mondiv.style.border = '1px solid black';*/
	mondiv.style.padding = '2px';
	
	mondiv.innerHTML = '<img src="../charte/ajax_loader.gif" alt="Chargement ... !" />';
	document.getElementsByTagName('body')[0].appendChild(mondiv);
}

function cache_chargement()
{
	destroy_element('div_chargement');
}