// JavaScript Document

<!--

/**********************************************************************************   
NewsSlideFade 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie8=(this.ver.indexOf("MSIE 8")>-1 && this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6||this.ie7||this.ie8
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie8 ||this.ie7 || this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()

/***************************************************************************
Use the style tag to change the placement and width of the layers.
If you are trying to place this into a table cell or something make the
position of the divNewsCont layer relative...Remeber that that might crash
Netscape 4 though, Good luck!
********************************************************************************/

/****
Variables to set 
****/

//How do you want the script to work? 
//0 = Fade in - Fade out
//1 = Slide in - Fade out
//2 = Random 
nWorks = 1

//If you use the slide set these variables:
nSlidespeed = 3 //in px
nNewsheight = 10 //This is how long down it should start the slide.

nBetweendelay = 9500 //The delay before fading out.
nFont = 'arial,helvetiva' //The font for the news.
nFontsize = 11 //Font size in pixel.
nFadespeed = 50 //The speed to fade in, in milliseconds.

//Set the colors, first color is same as background, last color is the color it stops at:
//You can have as many colors you want
nColor=new Array('#EFEFEF', '#EEEEEE','#CCCCCC','#999999','#666666','#333333','#000000')

//This is the news you wanna have, set the link and the text. If you don't wan't it to link anywhere
//use a # as the link
nNews=new Array()
//Copy there three lines and change the info and numbers to get more news.

///////////////////////////// liste des informations demographie //////////////////////////////////
nNews[0]=new Array()
nNews[0]["text"]="<b>Population totale 2010 </b>(Projection 2008 IHSI / CELADE)<br><b><font size=';5'; color=';#990000';>10 085 214</font> </b>habitants" 
nNews[0]["link"]="#" 
nNews[1]=new Array()
nNews[1]["text"]="<b>Service de distribution d'eau</b><br>(Recensement 2003) <br><b><font size=';5'; color=';#990000';>8.5%</font> </b>des logements connect&eacute;s " 
nNews[1]["link"]="#" 
nNews[2]=new Array()
nNews[2]["text"]="<b>Energie pour la cuisson</b>(Recensement 2003)<br><b><font size=';5'; color=';#990000';>68.5%</font></b> des m&eacute;nages utilisent le charbon de bois " 
nNews[2]["link"]="#" 
nNews[3]=new Array()
nNews[3]["text"]="<b>R&eacute;partition de la Population</b> <br>(recensement 2003)<br><b><font size=';5'; color=';#990000';>37%</font></b> dans le d&eacute;partement de l'ouest <br> <b><font size=';5'; color=';#990000';>16%</font></b> dans l'artibonite" 
nNews[3]["link"]="#" 
nNews[4]=new Array()
nNews[4]["text"]="<b>Age de la Polulation</b>(Recensement 2003)<br><b><font size=';5'; color=';#990000';>35%</font></b> a moins de 15 ans<br><b><font size=';5'; color=';#990000';>58.4%</font></b> entre 15 et 64 ans" 
nNews[4]["link"]="#"
nNews[5]=new Array()
nNews[5]["text"]="<b>Alphab&eacute;tisme</b>(Recensement 2003)<br><b><font size=';5'; color=';#990000';>61%</font></b> </b>alphabetis&eacute; parmi les 10 ans et plus" 
nNews[5]["link"]="#"

nNews[6]=new Array()
nNews[6]["text"]="<b>Indice synth&eacute;tique de F&eacute;condit&eacute;</b><br>(Recensement 2003)<br>Urbain :<b><font size=';2'; color=';#990000';> 3 enfants </font></b>par femme <br> rural :<b><font size=';2'; color=';#990000';> 4 enfants</font></b> par femme " 
nNews[6]["link"]="#"  
/////////////////////////////Début liste des informations demographie //////////////////////////////////
//nNews[1]["link"]="actualites/index.php?id_article=61"

/********************************************************************************
Object code...Object constructors and functions...
********************************************************************************/
function makeNewsObj(obj,nest,font,size,color,news,fadespeed,betweendelay,slidespeed,works,newsheight){
    nest=(!nest) ? "":'document.'+nest+'.' 
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
   	this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;
	if(font){this.color=new Array(); this.color=eval(color); this.news=new Array(); this.news=eval(news)
		this.font=font; this.size=size; this.speed=fadespeed; this.delay=betweendelay; this.newsheight=newsheight;
		this.fadeIn=b_fadeIn;this.fadeOut=b_fadeOut; this.newsWrite=b_newsWrite; this.y=1
		this.slideIn=b_slideIn; this.moveIt=b_moveIt; this.slideSpeed=slidespeed; this.works=works
		if(bw.dom || bw.ie4){this.css.fontFamily=this.font; this.css.fontSize=this.size; this.css.color=this.color[0]}
	}
	this.obj = obj + "Object"; 	eval(this.obj + "=this"); return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;}

function b_newsWrite(num,i){ 
	if (bw.ns4){ 
		this.writeref.write("<a href=\""+this.news[num]['link']+"\" target=\"_self\" style=\"text-decoration:none; font-size:"+this.size+"px\">" 
			+"<font face=\""+this.font+"\" color=\""+this.color[i]+"\">"+this.news[num]['text']+"</font></a>") 
		this.writeref.close() 
	}else this.writeref.innerHTML = '<a id="'+this.obj+'link' +'" target="_self"  style="text-decoration:none; font-size:'+this.size+'px; color:'+this.color[i]+'">'+this.news[num]['text']+'</a>' 
	//this.writeref.innerHTML = '<a id="'+this.obj+'link' +'" target="_self"  style="text-decoration:none; font-size:'+this.size+'px; color:'+this.color[i]+'" href="'+this.news[num]['link']+'">'+this.news[num]['text']+'</a>'
} 
////Slide in 
function b_slideIn(num,i){ 
	if (this.y>0){ 
		if (i==0){this.moveIt(0,this.newsheight); this.newsWrite(num,this.color.length-1)}
		this.moveIt(this.x,this.y-this.slideSpeed)
		i ++
		setTimeout(this.obj+".slideIn("+num+","+i+");",50)
	}else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)+")",this.delay)
}

////The fade functions

function b_fadeIn(num,i){
	if (i<this.color.length){
		if (i==0 || bw.ns4) this.newsWrite(num,i)
		else{
			obj = bw.ie4?eval(this.obj+"link"):document.getElementById(this.obj+"link") 
			obj.style.color = this.color[i] 
		} 
		i ++ 
		setTimeout(this.obj+".fadeIn("+num+","+i+")",this.speed) 
	}else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)+")",this.delay) 
}

function b_fadeOut(num,i){
	if (i>=0){
		if (i==0 || bw.ns4) this.newsWrite(num,i)
		else{
			obj = bw.ie4?eval(this.obj+"link"):document.getElementById(this.obj+"link")
			obj.style.color = this.color[i]
		}
		i --
		setTimeout(this.obj+".fadeOut("+num+","+i+")",this.speed)
	}else{
		num ++ 
		if(num==this.news.length) num=0 
		works = !this.works?0:this.works==1?1:Math.round(Math.random()) 
		if(works==0) setTimeout(this.obj+".fadeIn("+num+",0)",500) 
		else if (works==1){this.y=1; setTimeout(this.obj+".slideIn("+num+",0)",500) 
		} 
	}
}

//-->

<!--
/********************************************************************************************
The init function. Calls the object constructor and set some properties and starts the fade
*********************************************************************************************/
function fadeInit(){
	oNews = new makeNewsObj('divNews','divNewsCont',nFont,nFontsize,"nColor","nNews",nFadespeed,nBetweendelay,nSlidespeed,nWorks,nNewsheight)
	oNewsCont = new makeNewsObj('divNewsCont')
	works = !oNews.works?0:oNews.works==1?1:Math.round(Math.random())
	if (works==0) oNews.fadeIn(0,0)
	else if (works==1) oNews.slideIn(0,0)
	oNewsCont.css.visibility = "visible"
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

//-->