function getKeyWords(){
	
//==> loading image
$('result_title').update('<div class="loading_image"><img  src="'+ gLPBoxImages+'ajax-loader3.gif" /></div>' );
	
	var url = "/C125766B005567EC/wSearchKeyWords?openagent&L=" + gup("L")+"&date="+new Date().getTime();
	var myAjax = new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport){
			afficheKeyWords(transport.responseText.evalJSON())
		}
	});
}

function afficheKeyWords(json){

	var isError = json.isError;
	var data;
	
	if (!isError) {
		data = json.data;
		
		for (j = 0; j < data.length; j++) {
			createListKeyWords(data[j].letter, data[j].keyWords);
		}
				
		/* Affiche le contenu du JSON */
		$("FAQkeyWords").update('<ul id="menuDeroulant">' + html + '</ul>');
	}
	else {
		// delete all previous content
		$('result_title').update();
		$("FAQkeyWords").update("Erreur");
	}
}

var html="";

function createListKeyWords(letter, keyWords){

	if (keyWords != "") {
	
		html += '<li><a class="KeyWordsOK" href="#">' + letter + '</a>';
		html += '<ul class="sousmenu">';
		
		for (x in keyWords) {
			if (keyWords.hasOwnProperty(x)) {
				html += "<li><a href='javascript:postSearch(\""+keyWords[x].replace(/'/g, "!")+"\")'>" + keyWords[x] + "</a></li>"
			}
		}
		html += "</ul></li>"
	}
	else {
		html += '<li><a class="noKeyWords" href="#">' + letter + '</a></li>';
	}
	
	// delete all previous content
	$('result_title').update();
}

function postSearch(txtToSearch){
	$("queryLPBox").value = txtToSearch.replace(/!/g, "'");
	$("LPBoxFAQTitle").style.display = "block";
	
	// Appelle de la fonction de recherche
	DoAjaxRequest(1);
}

function addslashes(ch){
	ch = ch.replace(/\\/g, "\\\\")
	ch = ch.replace(/\'/g, "\\'")
	ch = ch.replace(/\"/g, "\\\"")
	return ch
}

/* Détection du type de navigateur */
var browserType = {
	Browser: {
		IE: !!(window.attachEvent &&
		navigator.userAgent.indexOf('Opera') === -1),
		Opera: navigator.userAgent.indexOf('Opera') > -1,
		WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
		Gecko: navigator.userAgent.indexOf('Gecko') > -1 &&
		navigator.userAgent.indexOf('KHTML') === -1,
		MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
	}
}

/* Pour IE uniquement : correction d'un bug car il n'affiche pas le sousMenu CSS */
sfHover = function() {
	var sfEls = $("menuDeroulant").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

/* Uniquement IE : lance le remplacement la fonction js sfHover une fois le dom charger */
if (browserType.Browser.IE == true) {
	Event.observe(window, "load", function(){
		window.setTimeout(function(){
			sfHover();
		}, 1500);
	});
}


Event.observe(window, "load", function(){
window.setTimeout(function(){getKeyWords();}, 500);
});

