var p="";
p +='<dl class="accordion" id="slider">';
p+='<dt><div id="souve"><div class="souverain"><span class="tit_prog">B&acirc;tir <br/>aujourd\'hui</span></div></div></dt>';
p+='<dd><ul>';
p+='<li class="souv"><a href="/page/desenclaver-au-coeur-du-plus">D&eacute;senclaver : au c&oelig;ur du plus grand hub europ&eacute;en</a></li>';
p+='<li class="souv"><a href="/page/amenager-pour-des-quartiers">Am&eacute;nager : pour des quartiers dynamiques, <br/>reli&eacute;s, r&eacute;nov&eacute;s</a></li>';
p+='<li class="souv"><a href="/page/preserver-pour-un-cadre-de">Pr&eacute;server : pour un cadre <br/>de vie plus vert</a></li>';
p+='<img src="http://static.ning.com/iledefrance2009/custom/img/fin_souverain2.jpg" />';
p+='</ul></dd>';
p +='<dt><div id="progra"><div class="progres"><span class="tit_prog">Investir pour demain</span></div></div></dt>';
p+='<dd><ul>';
p+='<li class="prog"><a href="/page/innover-pour-une-region">Innover : pour une r&eacute;gion pionni&egrave;re de <br/>l\'&eacute;cocroissance</a></li>';
p+='<li class="prog"><a href="/page/exceller-par-des-poles-de">Exceller par des p&ocirc;les de comp&eacute;titivit&eacute; mondiaux</a></li>';
p+='<li class="prog"><a href="/page/rayonner-par-la-formation-des">Rayonner par la formation des jeunes</a></li>';
p+='<img src="http://static.ning.com/iledefrance2009/custom/img/fin_progres2.jpg"  /></ul></dd>';
p+='<dt><div id="securi"><div class="securite"><span class="tit_prog">Accompagner <br/>au quotidien</span></div></div></dt>';
p+='<dd><ul>';
p+='<li class="secu"><a href="/page/objectif-emploi-les-pme-au">Objectif : emploi, les PME <br/>au c&oelig;ur de la relance</a></li>';
p+='<li class="secu"><a href="/page/proteger-les-europeens">Prot&eacute;ger les citoyens europ&eacute;ens</a></li>';
p+='<li class="secu"><a href="/page/vers-la-citoyennete-europeenne">Vers la citoyennet&eacute; europ&eacute;enne</a></li>';
p+='<img src="http://static.ning.com/iledefrance2009/custom/img/fin_securite2.jpg" />';
p+='</ul></dd></dl>';

document.getElementById("accordion").innerHTML = p;

var accordion=function(){
	var tm=10; var sp=10;
	function slider(n){
		this.nm=n; this.arr=[]; this.sel='';
	}
	slider.prototype.init=function(t,c,k){
		var a,h,s,l,i; 
                a=document.getElementById(t);
		h=a.getElementsByTagName('dt'); 
                s=a.getElementsByTagName('dd');
		l=h.length;
		for(i=0;i<l;i++){
			var d=h[i]; this.arr[i]=d; d.onclick=new Function(this.nm+".process(this)");
			if(k!=null&&c==i){this.sel=d.className=k}
		}
		l=s.length;
		for(i=0;i<l;i++){
			var d=s[i]; 
                        d.maxh=d.offsetHeight;
			if(c!=i){
                         d.style.height='0'; 
                         d.style.display='none';
                         }
		}
	}
	slider.prototype.process=function(d){
		var i,l; l=this.arr.length;
		for(i=0;i<l;i++){
			var h=this.arr[i]; var s=h.nextSibling;
			if(s.nodeType!=1){s=s.nextSibling}
			clearInterval(s.timer);
			if(h==d&&s.style.display=='none'){
				if(i==0){
					document.getElementById("progra").innerHTML = '<div class="progres_on"><span class="tit_prog">Investir pour demain</span></div>';
document.getElementById("securi").innerHTML = '<div class="securite"><span class="tit_prog">Accompagner <br/>au quotidien</span></div>';
document.getElementById("souve").innerHTML = '<div class="souverain"><span class="tit_prog">B&acirc;tir <br/>aujourd\'hui</span></div>';
				}
				if(i==1){
					document.getElementById("securi").innerHTML = '<div class="securite_on"><span class="tit_prog">Accompagner <br/>au quotidien</span></div>';
document.getElementById("progra").innerHTML = '<div class="progres"><span class="tit_prog">Investir pour demain</span></div>';
document.getElementById("souve").innerHTML = '<div class="souverain"><span class="tit_prog">B&acirc;tir <br/>aujourd\'hui</span></div>';
				}
				if(i==2){
					document.getElementById("souve").innerHTML = '<div class="souverain_on"><span class="tit_prog">B&acirc;tir <br/>aujourd\'hui</span></div>';
document.getElementById("progra").innerHTML = '<div class="progres"><span class="tit_prog">Investir pour demain</span></div>';
document.getElementById("securi").innerHTML = '<div class="securite"><span class="tit_prog">Accompagner <br/>au quotidien</span></div>';
				}
				s.style.display=''; setup(s,1); h.className=this.sel}
			else if(s.style.display==''){setup(s,-1); h.className=''}
		}
	}
	function setup(c,f){c.timer=setInterval(function(){slide(c,f)},tm)}
	function slide(c,f){
		
		var h,m,d; h=c.offsetHeight; m=c.maxh; d=(f==1)?Math.ceil((m-h)/sp):Math.ceil(h/sp);
		c.style.height=h+(d*f)+'px'; c.style.opacity=h/m; c.style.filter='alpha(opacity='+h*100/m+')';
		if(f==1&&h>=m){clearInterval(c.timer)}
		else if(f!=1&&h==1){c.style.display='none'; clearInterval(c.timer)}
	}
	return{slider:slider}
}();



var slider1=new accordion.slider("slider1");
slider1.init("slider");