// JavaScript Document - focus on and focus off

window.onload = initBehavior;
function initBehavior() {
	initFocusBehavior();
	initInfobulleBehavior();
}

/*	FocusBehavior */
function initFocusBehavior() {
	var div_focus_top_link = document.getElementById('focus_top_link');
	var div_focus_middle_link = document.getElementById('focus_middle_link');
	var div_focus_bottom_link = document.getElementById('focus_bottom_link');
	div_focus_top_link.onmouseout = new Function("focusoff(this)");
	div_focus_middle_link.onmouseout = new Function("focusoff(this)");
	div_focus_bottom_link.onmouseout = new Function("focusoff(this)");
}

var imgFocus1 = new Image();
var imgFocus2 = new Image();
var imgFocus3 = new Image();

function initImagesFocus(src1,src2,src3){
	imgFocus1.src = src1;
	imgFocus2.src = src2;
	imgFocus3.src = src3;
	/*imgFocus3.src =	"http://qvidlcs1.france.airfrance.fr/iw-mount/Intranet/main/SiteMajeur/AFIKLMEM/WORKAREA/Contrib/htdocs/AFIKLMEM/img/exemple_background_focus_container_bottom_link.jpg";
	imgFocus2.src =	"http://qvidlcs1.france.airfrance.fr/iw-mount/Intranet/main/SiteMajeur/AFIKLMEM/WORKAREA/Contrib/htdocs/AFIKLMEM/img/exemple_background_focus_container_middle_link.jpg";
	imgFocus1.src =	"http://qvidlcs1.france.airfrance.fr/iw-mount/Intranet/main/SiteMajeur/AFIKLMEM/WORKAREA/Contrib/htdocs/AFIKLMEM/img/exemple_background_focus_container_top_link.jpg";*/
}

/* function focuson(element,img){
	if (img != document.getElementById("test1").style.backgroundImage){
	if (img==1){document.getElementById("test1").style.backgroundImage="url("+imgFocus1.src+")"; element.parentNode.style.backgroundImage="url("+imgFocus1.src+")";
	}else if (img==2){document.getElementById("test1").style.backgroundImage="url("+imgFocus2.src+")";element.parentNode.style.backgroundImage="url("+imgFocus2.src+")";
	} else {document.getElementById("test1").style.backgroundImage="url("+imgFocus3.src+")";element.parentNode.style.backgroundImage="url("+imgFocus3.src+")";}
	}
	element.parentNode.style.backgroundImage="url("+img+")";
	element.getElementsByTagName("div")[0].className="focus_link_on";
	element.getElementsByTagName("p")[0].className="focus_link_on";
}*/


// variable globale pour eviter le rechagement des images inutilement sur les roll over (IE6)
var imagebckg;	

function focuson(element,img){
	if (imagebckg != img){
		element.parentNode.style.backgroundImage="url("+img+")";	
		imagebckg = img;
	}
		element.getElementsByTagName("div")[0].className="focus_link_on";
		element.getElementsByTagName("p")[0].className="focus_link_on";
}

function focusoff(element){
	element.getElementsByTagName("div")[0].className=" ";
	element.getElementsByTagName("p")[0].className=" ";
}


/* InfobulleBehavior */
function initInfobulleBehavior() {
	var titleNews = document.getElementById("box_left").getElementsByTagName("p");
	for (var i=0;i<titleNews.length;i++) {
		titleNews[i].onmousemove = new Function("displayBull(this,"+i+")");
		titleNews[i].onmouseout = new Function("hiddenBull(this)");
	}
}

function displayBull(element,i){
    var dateNews = document.getElementById("box_left").getElementsByTagName("h1");
    var descriptionNews = document.getElementById("box_left").getElementsByTagName("h2");
	var infobulle_area = document.getElementById("infobulle");
	infobulle_area_date=dateNews[i].innerHTML;
	// infobulle_area_title=element.innerHTML;
	infobulle_area_title=descriptionNews[i].innerHTML; 
	infobulle_area.innerHTML="<h1>"+infobulle_area_date+"</h1>"+infobulle_area_title;
	infobulle_area.style.display="block";
	if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
	 document.onmousemove=move;
	}
	else {
 		move(element);
	}


}
function hiddenBull(element){
	var infobulle_area = document.getElementById("infobulle");
	infobulle_area.style.display="none";
}
function move(e){
	if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
		document.getElementById("infobulle").style.left=e.pageX-100 + 5+"px";
		document.getElementById("infobulle").style.top=e.pageY-400 + 10+"px";
	}
	else {
		document.getElementById("infobulle").style.left=40+event.x+document.body.scrollLeft+"px";
		document.getElementById("infobulle").style.top=-30+event.y+document.body.scrollTop+"px";
    }
}