/* infoBar 1.0
   By: Alex Barberis
   Created on 3.11.2009 */

function showInfoBar(caption){
	hideInfoBar();
	$(document.body).append("<div id=infoBar><table width=100% height=20px><tr nowrap id=infoContent><td width=10></td><td align=left style='color:#FFF;font-weight:bold'>" + caption + "</td><td width=92 align=left><div id=infoClose style='color:#FF0000'>[Fermer]</div></td></tr></table></div>");
	$("#infoClose").click(hideInfoBar);
	$("#infoClose").css("border-color","#ffffff");
	$("#infoClose").css("border","7");
	$("#infoClose").css("cursor","pointer");
	$("#infoBar").hide();
	$("#infoContent").css("font-weight","bold");
	$("#infoContent").css("font","15px Arial,Verdana,sans-serif;");
	$("#infoContent").css("color","white");
	$("#infoBar").css("background-color","#161D21");
	$("#infoBar").css("position","absolute");
	$("#infoBar").css("height","30px");
	$("#infoBar").css("padding-top","15px");
	$("#infoBar").css("border-bottom","2px solid #FFF");
	$("#infoBar").css("z-index","1000");
    $(window).resize(info_position);
    $(window).scroll(info_position);
	info_position();
	$("#infoBar").slideDown(400); //i like sliding in more than fade in this case. i think it catches the users attention more effectively
	//$("#infoBar").fadeIn(800); //if you like this more remark the previous line

}

function hideInfoBar(){
	$("#infoBar").fadeOut(400)
	$("#infoBar").remove();
}

function info_position() {
	var scrollPosition = $(window).scrollTop();
	$("#infoBar").css("top",scrollPosition +"px");
	$("#infoContent").css("height","45px");
	$("#infoBar").css("left","0px");
	$("#infoBar").css("width",$(window).width());
}