
document.write("<table width=\"1005\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr>");
document.write("<td width=\"1005\" height=\"185\" colspan=\"3\" align=\"right\" background=\"http://www.cej-pentecote.com/Images/header.jpg\">");
document.write("<br>");
document.write("<br>");
document.write("<br>");
document.write("<br>");
document.write("<br>");
document.write("<br>");
document.write("<br>");
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================

// Set the font color, face, size, and style...

// Acceptable TheFontFace values are those you
// normally use in HTML, for instance:
//     Arial
//     TimesRoman
//     Courier

// Acceptable TheFontColor values are any #RRGGBB
// same as HTML. Remember to use the # sign and
// enclose in quotes.  Typical values:
//     #FF0000 is red
//     #00FF00 is green
//     #0000FF is blue

// Acceptable TheFontSize values are 2-7.

// Acceptable TheFontStyle values are (exactly!):
//     plain
//     bold
//     italic
//     bolditalic

var TheFontFace  = "Times Roman";
var TheFontColor = "#ffffff";
var TheFontSize  = "3";
var TheFontStyle = ""; 

// Set the separator between the date elements;
// usually use either - or /.

var TheSeparator = " ";

// Show or do not show the day of the week; set
// yes to show, no not to show.

var ShowDay ="yes";

// Do Not Edit Below This Line
// ==============================================

var Days = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
var Months = new Array("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre");
var TheDate = new Date();

var TheWeekDay = TheDate.getDay();
var Day ="";
if (ShowDay == "yes"){
    Day = Days[TheWeekDay];
    Day += " ";}

var TheMonth = TheDate.getMonth() + 1;
if (TheMonth < 10) TheMonth = "0" + TheMonth;
TheMonth = Months[TheMonth - 1];
var TheMonthDay = TheDate.getDate();
if (TheMonthDay < 10) TheMonthDay = "0" + TheMonthDay;

var TheYear = TheDate.getYear();
if (TheYear < 1000) TheYear += 1900;

var FontTagLeft  = "";
var FontTagRight = "";

if (TheFontStyle == "bold"){
    FontTagLeft = "<b>";
    FontTagRight ="</b>";}
    
if (TheFontStyle == "italic"){
    FontTagLeft = "<i>";
    FontTagRight ="</i>";}
    
if (TheFontStyle == "bolditalic"){
    FontTagLeft = "<b><i>"; 
    FontTagRight = "</i></b>";}    

var D = "";
D += "<font color='"+TheFontColor+"' face='"+TheFontFace+"' size='"+TheFontSize+"'>";
D += FontTagLeft+Day+ ", " + TheMonthDay+TheSeparator+TheMonth+TheSeparator+TheYear+FontTagRight;
D += "</font>";

document.write(D);
//-->
document.write("&nbsp;&nbsp;");
document.write("</td>");
document.write("</tr>");
document.write("</table>");


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
document.write("<table width=\"1005\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr>");
document.write("<td width=\"5\" height=\"60\" bgcolor=\"#11578A\"></td>");
document.write("<td width=\"995\" height=\"60\" align=\"center\" valign=\"top\" background=\"http://www.cej-pentecote.com/Images/menu_bkgr.gif\">");
	
	
	

/*** SET BUTTON'S FOLDER HERE ***/
var buttonFolder = "http://www.cej-pentecote.com/buttons/";
/*** SET BUTTONS' FILENAMES HERE ***/
upSources = new Array("button1up.png","button2up.png","button3up.png","button4up.png","button5up.png","button6up.png","button7up.png","button8up.png");

overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png","button6over.png","button7over.png","button8over.png");

// SUB MENUS DECLARATION, YOU DONT NEED TO EDIT THIS
subInfo = new Array();
subInfo[1] = new Array();
subInfo[2] = new Array();
subInfo[3] = new Array();
subInfo[4] = new Array();
subInfo[5] = new Array();
subInfo[6] = new Array();
subInfo[7] = new Array();
subInfo[8] = new Array();


//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//

subInfo[2][1] = new Array("Qui nous sommes","http://www.cej-pentecote.com/qui_nous_sommes/qui_nous_sommes.htm","_self");
subInfo[2][2] = new Array("Notre foi","http://www.cej-pentecote.com/qui_nous_sommes/foi.htm","_self");
subInfo[2][3] = new Array("Notre vision","http://www.cej-pentecote.com/qui_nous_sommes/vision.htm","_self");

subInfo[3][1] = new Array("À propos","http://www.cej-pentecote.com/ministeres/ministeres.htm","_self");
subInfo[3][2] = new Array("Jeunesse","http://www.cej-pentecote.com/ministeres/jeunesse.htm","_self");

subInfo[4][1] = new Array("Audio et vidéo","http://www.cej-pentecote.com/audio_video/videos.htm","_self");
subInfo[4][2] = new Array("Témoignages","http://www.cej-pentecote.com/temoignages/temoignages.htm","_self");

subInfo[5][1] = new Array("La Bible","http://www.cej-pentecote.com/bible_php","_self");
subInfo[5][2] = new Array("Ils ont écrit...","http://www.cej-pentecote.com/lectures/psaumes/psaume.htm","_self");
subInfo[5][3] = new Array("Réflexions","http://www.cej-pentecote.com/lectures/reflexions/Reflexions.html","_self");


//*** SET SUB MENU POSITION ( RELATIVE TO BUTTON ) ***//
var xSubOffset = 1;
var ySubOffset = 31;



//*** NO MORE SETTINGS BEYOND THIS POINT ***//
var overSub = false;
var delay = 1000;
totalButtons = upSources.length;

// GENERATE SUB MENUS
for ( x=0; x<totalButtons; x++) {
	// SET EMPTY DIV FOR BUTTONS WITHOUT SUBMENU
	if ( subInfo[x+1].length < 1 ) { 
		document.write('<div id="submenu' + (x+1) + '">');
	// SET DIV FOR BUTTONS WITH SUBMENU
	} else {
		document.write('<div id="submenu' + (x+1) + '" class="dropmenu" ');
		document.write('onMouseOver="overSub=true;');
		document.write('setOverImg(\'' + (x+1) + '\',\'\');"');
		document.write('onMouseOut="overSub=false;');
		document.write('setTimeout(\'hideSubMenu(\\\'submenu' + (x+1) + '\\\')\',delay);');
		document.write('setOutImg(\'' + (x+1) + '\',\'\');">');


		document.write('<ul>');
		for ( k=0; k<subInfo[x+1].length-1; k++ ) {
			document.write('<li>');
			document.write('<a href="' + subInfo[x+1][k+1][1] + '" ');
			document.write('target="' + subInfo[x+1][k+1][2] + '">');
			document.write( subInfo[x+1][k+1][0] + '</a>');
			document.write('</li>');
		}
		document.write('</ul>');
	}
	document.write('</div>');
}

document.write('<link rel="stylesheet" type="text/css" href="http://www.cej-pentecote.com/menustyle.css" media="screen, print">'); 

//*** MAIN BUTTONS FUNCTIONS ***//
// PRELOAD MAIN MENU BUTTON IMAGES
function preload() {
	for ( x=0; x<totalButtons; x++ ) {
		buttonUp = new Image();
		buttonUp.src = buttonFolder + upSources[x];
		buttonOver = new Image();
		buttonOver.src = buttonFolder + overSources[x];
	}
}

// SET MOUSEOVER BUTTON
function setOverImg(But, ID) {
	document.getElementById('button' + But + ID).src = buttonFolder + overSources[But-1];
}

// SET MOUSEOUT BUTTON
function setOutImg(But, ID) {
	document.getElementById('button' + But + ID).src = buttonFolder + upSources[But-1];
}



//*** SUB MENU FUNCTIONS ***//
// GET ELEMENT ID MULTI BROWSER
function getElement(id) {
	return document.getElementById ? document.getElementById(id) : document.all ? document.all(id) : null; 
}

// GET X COORDINATE
function getRealLeft(id) { 
	var el = getElement(id);
	if (el) { 
		xPos = el.offsetLeft;
		tempEl = el.offsetParent;
		while (tempEl != null) {
			xPos += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		} 
		return xPos;
	} 
} 

// GET Y COORDINATE
function getRealTop(id) {
	var el = getElement(id);
	if (el) { 
		yPos = el.offsetTop;
		tempEl = el.offsetParent;
		while (tempEl != null) {
			yPos += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		}
		return yPos;
	}
}

// MOVE OBJECT TO COORDINATE
function moveObjectTo(objectID,x,y) {
	var el = getElement(objectID);
	el.style.left = x;
	el.style.top = y;
}

// MOVE SUBMENU TO CORRESPONDING BUTTON
function showSubMenu(subID, buttonID) {
	hideAllSubMenus();
	butX = getRealLeft(buttonID);
	butY = getRealTop(buttonID);
	moveObjectTo(subID,butX+xSubOffset, butY+ySubOffset);
}

// HIDE ALL SUB MENUS
function hideAllSubMenus() {
	for ( x=0; x<totalButtons; x++) {
		moveObjectTo("submenu" + (x+1) + "",-500, -500 );
	}
}

// HIDE ONE SUB MENU
function hideSubMenu(subID) {
	if ( overSub == false ) {
		moveObjectTo(subID,-500, -500);
	}
}



//preload();

document.write("<table width=\"995\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
document.write("<tr>");
document.write("<td>");
document.write("<a href=\"http://www.cej-pentecote.com/index.htm\" onMouseOver=\"setOverImg(\'1\',\'\');overSub=true;showSubMenu(\'submenu1\',\'button1\');\" onMouseOut=\"setOutImg(\'1\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu1\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button1up.png\" border=\"1\" id=\"button1\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"#\" onMouseOver=\"setOverImg(\'2\',\'\');overSub=true;showSubMenu(\'submenu2\',\'button2\');\" onMouseOut=\"setOutImg(\'2\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu2\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button2up.png\" border=\"1\" id=\"button2\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"#\" onMouseOver=\"setOverImg(\'3\',\'\');overSub=true;showSubMenu(\'submenu3\',\'button3\');\" onMouseOut=\"setOutImg(\'3\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu3\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button3up.png\" border=\"1\" id=\"button3\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"#\" onMouseOver=\"setOverImg(\'4\',\'\');overSub=true;showSubMenu(\'submenu4\',\'button4\');\" onMouseOut=\"setOutImg(\'4\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu4\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button4up.png\" border=\"1\" id=\"button4\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"#\" onMouseOver=\"setOverImg(\'5\',\'\');overSub=true;showSubMenu(\'submenu5\',\'button5\');\" onMouseOut=\"setOutImg(\'5\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu5\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button5up.png\" border=\"1\" id=\"button5\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"http://www.cej-pentecote.com/Activites/activites.html\" onMouseOver=\"setOverImg(\'6\',\'\');overSub=true;showSubMenu(\'submenu6\',\'button6\');\" onMouseOut=\"setOutImg(\'6\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu6\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button6up.png\" border=\"1\" id=\"button6\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"http://www.cej-pentecote.com/agenda/agenda.pdf\" onMouseOver=\"setOverImg(\'7\',\'\');overSub=true;showSubMenu(\'submenu7\',\'button7\');\" onMouseOut=\"setOutImg(\'7\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu7\\')\',delay);\" target=\"_blank\"><img src=\"http://www.cej-pentecote.com/buttons/button7up.png\" border=\"1\" id=\"button7\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("<td>");
document.write("<a href=\"http://www.cej-pentecote.com/liens/liens.htm\" onMouseOver=\"setOverImg(\'8\',\'\');overSub=true;showSubMenu(\'submenu8\',\'button8\');\" onMouseOut=\"setOutImg(\'8\',\'\');overSub=false;setTimeout(\'hideSubMenu(\\'submenu8\\')\',delay);\" target=\"\"><img src=\"http://www.cej-pentecote.com/buttons/button8up.png\" border=\"1\" id=\"button8\" vspace=\"0\" hspace=\"0\"></a><br>");
document.write("</td>");
document.write("</tr>");
document.write("</table>");




document.write("</td>");
document.write("<td width=\"5\" height=\"60\" bgcolor=\"#11578A\"></td>");
document.write("</tr>");
document.write("</table>");

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
