Ext.onReady(function(){
		var pos = 16;
		var catalog = [{
  title: 'Côte d\'ivoire',
  iconCls:'icon-apps',
	
  samples: [
  {
      text: 'Côte d\'Ivoire: l\'opposition doit "saisir la main tendue" par',
      url:  '?_m=actualite&r=12&a=338322',
      icon: '',
      desc: 'L\'opposition ivoirienne, fidèle à l\'ex-président Laurent Gbagbo, doit "saisir la main tendue par le '
},{
      text: 'Nounous noires, employeurs blancs: une relation complexe décryptée par',
      url:  '?_m=actualite&r=12&a=338290',
      icon: '',
      desc: 'Nounous noires de bébés blancs, les "nouvelles prolétaires de la mondialisation": dans son livre "Qui gardera '
},{
      text: 'Obama prolonge le gel des avoirs de trois Ivoiriens, dont Blé Goudé',
      url:  '?_m=actualite&r=12&a=338222',
      icon: '',
      desc: 'Le président américain Barack Obama a prolongé vendredi d\'un an le gel des avoirs de trois Ivoiriens accu'
},{
      text: 'Côte d\'Ivoire: le patron d\'un journal pro-Ouattara retenu 24',
      url:  '?_m=actualite&r=12&a=337895',
      icon: '',
      desc: 'Le patron d\'un quotidien ivoirien favorable au président Alassane Ouattara a été arrêté mardi pour public'
},{
      text: 'Côte d\'Ivoire: le patron d\'un journal pro-Ouattara arrêté',
      url:  '?_m=actualite&r=12&a=337808',
      icon: '',
      desc: 'Le patron d\'un quotidien ivoirien favorable au président Alassane Ouattara a été arrêté pour "publication'
},{
      text: 'Législatives en Côte d\'Ivoire: l\'élection de 11 députés annu',
      url:  '?_m=actualite&r=12&a=337665',
      icon: '',
      desc: 'L\'élection de onze députés aux législatives de décembre dernier en Côte d\'Ivoire, remportées par le '
}
	]
 },{
  title: 'Afrique',
  iconCls:'icon-apps',
	
  samples: [
  {
      text: 'Egypte: heurts entre policiers et manifestants pour le troisième jour',
      url:  '?_m=actualite&r=4&a=338405',
      icon: 'photo_1328380558859-4-0.jpg',
      desc: ' Des affrontements ont opposé samedi pour le troisième jour consécutif la police à des manifestants en Egypte,'
},{
      text: 'CAN: la Zambie bat le Soudan et va en demi-finale',
      url:  '?_m=actualite&r=4&a=338399',
      icon: 'photo_1328379959421-3-0.jpg',
      desc: ' La Zambie a tenu son pari: faire mieux qu\'en 2010 en accédant aux demi-finales de la CAN-2012, grâce à u'
},{
      text: 'CAN: la Zambie bat le Soudan et va en demi-finale',
      url:  '?_m=actualite&r=4&a=338396',
      icon: 'photo_1328378292827-2-0.jpg',
      desc: 'La Zambie s\'est qualifiée pour les demi-finales de la CAN-2012 en battant le Soudan 3-0 (mi-temps: 1-0), '
},{
      text: 'CAN: la Zambie bat le Soudan et va en demi-finale',
      url:  '?_m=actualite&r=4&a=338393',
      icon: 'photo_1328378292827-1-0.jpg',
      desc: 'La Zambie s\'est qualifiée pour les demi-finales de la CAN-2012 en battant le Soudan 3-0 (mi-temps: 1-0), '
},{
      text: 'CAN: la Zambie bat le Soudan et va en finale',
      url:  '?_m=actualite&r=4&a=338389',
      icon: 'photo_1328378292827-1-0.jpg',
      desc: 'La Zambie s\'est qualifiée pour les demi-finales de la CAN-2012 en battant le Soudan 3-0 (mi-temps: 1-0), '
},{
      text: 'Sénégal: l\'opposition promet un front commun face à Wade pour la ',
      url:  '?_m=actualite&r=4&a=338379',
      icon: 'photo_1328366550373-2-0.jpg',
      desc: 'Huit candidats à la présidentielle du 26 février au Sénégal ont rejeté tout boycott du scrutin et se sont enga'
}
	]
 },{
  title: 'International',
  iconCls:'icon-apps',
	
  samples: [
  {
      text: 'Egypte: heurts entre policiers et manifestants pour le troisième jour',
      url:  '?_m=actualite&r=5&a=338404',
      icon: 'photo_1328380558859-4-0.jpg',
      desc: ' Des affrontements ont opposé samedi pour le troisième jour consécutif la police à des manifestants en Egypte,'
},{
      text: 'Concordia: une femme enceinte perd son bébé après le naufrage',
      url:  '?_m=actualite&r=5&a=338403',
      icon: 'photo_1328380047478-1-0.jpg',
      desc: 'Une femme enceinte, qui effectuait une croisière sur le Costa Concordia, a perdu son enfant après le naufrage '
},{
      text: 'Alfredo Perez Rubalcaba élu chef des socialistes espagnols',
      url:  '?_m=actualite&r=5&a=338397',
      icon: 'photo_1328379044932-1-0.jpg',
      desc: 'Alfredo Perez Rubalcaba, ancien vice-président du gouvernement battu par la droite lors des législatives de no'
},{
      text: 'Alfredo Perez Rubalcaba élu chef des socialistes espagnols',
      url:  '?_m=actualite&r=5&a=338394',
      icon: 'photo_1328379044932-1-0.jpg',
      desc: 'Alfredo Perez Rubalcaba, ancien vice-président du gouvernement battu par la droite lors des législatives de no'
},{
      text: 'Etats-Unis: la police saisit des tentes d\'anticapitalistes de Was',
      url:  '?_m=actualite&r=5&a=338392',
      icon: 'photo_1328365290530-2-0.jpg',
      desc: 'La police a saisi samedi une partie des tentes des manifestants anticapitalistes d\'Occupy de Washington, '
},{
      text: 'Syrie: plus de 230 morts à Homs, veto de Pékin et Moscou à l\'ONU',
      url:  '?_m=actualite&r=5&a=338390',
      icon: 'photo_1328368281360-1-0.jpg',
      desc: 'La Chine et la Russie ont opposé leur veto samedi à un projet de résolution du Conseil de sécurité de l\'O'
}
	]
 },{
  title: 'Ntic',
  iconCls:'icon-apps',
	
  samples: [
  {
      text: 'La patronne de Hewlett-Packard a gagné 16,5 millions de dollars l&#039',
      url:  '?_m=actualite&r=8&a=338360',
      icon: 'photo_1328370891240-1-0.jpg',
      desc: 'La directrice générale du groupe informatique américain Hewlett-Packard a gagné quelque 16,5 millions de dolla'
},{
      text: 'La patronne de Hewlett-Packard a gagné 16,5 millions de dollars l&#039',
      url:  '?_m=actualite&r=8&a=338359',
      icon: 'photo_1328370891240-1-0.jpg',
      desc: 'La directrice générale du groupe informatique américain Hewlett-Packard a gagné quelque 16,5 millions de dolla'
},{
      text: 'Free Mobile: selon SFR, plusieurs appels transitent par le réseau d&#0',
      url:  '?_m=actualite&r=8&a=338270',
      icon: 'photo_1328308382647-1-0.jpg',
      desc: 'L\'opérateur téléphonique SFR a écrit au régulateur des télécoms Arcep pour lui faire part du résultat des'
},{
      text: 'Les pirates informatiques Anonymous diffusent une conversation du FBI',
      url:  '?_m=actualite&r=8&a=338232',
      icon: 'photo_1328288209816-2-0.jpg',
      desc: 'Les pirates informatiques Anonymous ont diffusé vendredi une conversation téléphonique entre le FBI et Scotlan'
},{
      text: 'Les pirates informatiques Anonymous mettent en ligne une conversation ',
      url:  '?_m=actualite&r=8&a=338198',
      icon: 'photo_1328288209816-1-0.jpg',
      desc: 'Les pirates informatiques Anonymous ont mis en ligne vendredi une conversation téléphonique entre le FBI et Sc'
},{
      text: 'Les pirates informatiques Anonymous mettent en ligne une conversation ',
      url:  '?_m=actualite&r=8&a=338196',
      icon: 'photo_1328288209816-1-0.jpg',
      desc: 'Les pirates informatiques Anonymous ont mis en ligne vendredi une conversation téléphonique entre le FBI et Sc'
}
	]
 },{
  title: 'Sport',
  iconCls:'icon-apps',
	
  samples: [
  {
      text: 'Six nations: entrée en scène réussie pour la France face à l\'Ital',
      url:  '?_m=actualite&r=20&a=338406',
      icon: 'photo_1328379772151-1-0.jpg',
      desc: 'Le XV de France a réussi ses débuts dans le Tournoi des six nations 2012, en remportant face à l\'Italie u'
},{
      text: 'Fed Cup: Rezaï est partie, Razzano maintient le cap contre la Slovaqui',
      url:  '?_m=actualite&r=20&a=338402',
      icon: 'photo_1328380164912-1-0.jpg',
      desc: 'Virginie Razzano, victorieuse de Dominika Cibulkova, a permis à l\'équipe de France d\'aborder la jour'
},{
      text: 'Six nations: entrée en scène réussie pour la France face à l\'Ital',
      url:  '?_m=actualite&r=20&a=338398',
      icon: 'photo_1328379772151-1-0.jpg',
      desc: 'Le XV de France a réussi ses débuts dans le Tournoi des six nations 2012, en remportant face à l\'Italie u'
},{
      text: 'Fed Cup: la République tchèque et la Russie posent une option',
      url:  '?_m=actualite&r=20&a=338400',
      icon: 'photo_1328378512778-1-0.jpg',
      desc: 'La République tchèque, tenante du titre, et la Russie, finaliste sortante, ont pris un excellent départ dans l'
},{
      text: 'CAN: la Zambie bat le Soudan et va en demi-finale',
      url:  '?_m=actualite&r=20&a=338401',
      icon: 'photo_1328379959421-3-0.jpg',
      desc: ' La Zambie a tenu son pari: faire mieux qu\'en 2010 en accédant aux demi-finales de la CAN-2012, grâce à u'
},{
      text: 'CAN: la Zambie bat le Soudan et va en demi-finale',
      url:  '?_m=actualite&r=20&a=338395',
      icon: 'photo_1328378292827-2-0.jpg',
      desc: 'La Zambie s\'est qualifiée pour les demi-finales de la CAN-2012 en battant le Soudan 3-0 (mi-temps: 1-0), '
}
	]
 },{
  title: 'Insolite',
  iconCls:'icon-apps',
	
  samples: [
  {
      text: 'Des pavillons perchés sur les toits: le HLM innove près de Paris',
      url:  '?_m=actualite&r=19&a=338293',
      icon: 'photo_1328350992844-1-0.jpg',
      desc: 'Jean-Pierre Marx va perdre quelques m2 mais il va prendre de la hauteur: quittant sa barre HLM promise à la dé'
},{
      text: 'Les animaux souffrent aussi du froid : plus d\'eau, nourriture et ',
      url:  '?_m=actualite&r=19&a=338277',
      icon: 'photo_1328337682803-1-0.jpg',
      desc: 'Les animaux, domestiques et sauvages, souffrent du froid, comme les hommes, surtout les plus âgés: comme les h'
},{
      text: 'L\'aéroport de San Francisco ouvre une salle de yoga',
      url:  '?_m=actualite&r=19&a=338236',
      icon: 'photo_1328296158851-1-0.jpg',
      desc: 'La position du lotus n\'est plus réservée aux studios spécialisés ou aux clubs de gym: l\'aéroport de '
},{
      text: 'Drôme: un collectionneur de serpents dangereux arrêté après son passag',
      url:  '?_m=actualite&r=19&a=338218',
      icon: 'photo_1328291955723-1-0.jpg',
      desc: 'Un collectionneur de serpents non autorisés, qui avait témoigné anonymement au cours d\'un reportage télév'
},{
      text: 'Zambie: l\'ex-ministre des Mines accusé du vol de... vingt vélos',
      url:  '?_m=actualite&r=19&a=338173',
      icon: 'photo_1328281531818-1-0.jpg',
      desc: 'L\'ex-ministre des Mines zambien Maxwell Mwale a été arrêté vendredi et inculpé d\'abus de pouvoir et '
},{
      text: 'Un voleur trahi par ses traces de pas dans la neige',
      url:  '?_m=actualite&r=19&a=338141',
      icon: 'photo_1328273160230-1-0.jpg',
      desc: 'Un voleur de métaux a été arrêté dans la nuit de vendredi à Neumünster dans le nord de l\'Allemagne non sa'
}
	]
 }];    for(var i = 0, c; c = catalog[i]; i++){
        c.id = 'sample-' + i;
       //alert(c.id); 
    }

	var menu = Ext.get('sample-menu-inner'); 
	var ct = Ext.get('sample-box-inner');
	
	var templ1='<div id="sample-ct"><tpl for="."><div><a name="{id}" id="{id}"></a><h2><div unselectable="on">{title}</div></h2><dl><tpl for="samples">'+
        '                 <dd ext:url="{url}"><img title="{text}" src="http://www.aviso.ci/includes/actualite/images/mini_120/{icon}"/>'+
         '               <h4>{text}</h4><p>{desc}</p>'+
          '          </dd>'+
           '     </tpl>'+
            '<div style="clear:left"></div></dl></div>'+
            '</tpl></div>';
    var templ2 = '<tpl for="."><a href="#{id}" hidefocus="on" class="{cls}" id="a4{id}"><img src="s.gif" class="{iconCls}">{title}</a></tpl>';
   // alert(templ1);
   // alert(templ2);
   // alert("ct="+ct);	
	if(ct ==null)
	{
	//	alert("est null")
		document.location.href="index.php";
	}
	var tpl = new Ext.XTemplate(templ1);
	tpl.overwrite(ct, catalog);
	
	var tpl2 = new Ext.XTemplate(templ2);
    tpl2.overwrite(menu, catalog);
    
	function calcScrollPosition(){
		var found = false, last;
		ct.select('a[name]', true).each(function(el){
			last = el;
			if(el.getOffsetsTo(ct)[1] > -5){
				activate(el.id)
				found = true;
				return false;
			}
		});
		if(!found){
			activate(last.id);
		}
	}
	var bound;
	function bindScroll(){
		ct.on('scroll', calcScrollPosition, ct, {buffer:250});
		bound = true;
	}
	function unbindScroll(){
		ct.un('scroll', calcScrollPosition, ct);
		bound = false;
	}
	function activate(id){
		Ext.get('a4' + id).radioClass('active');
	}

	
	
	ct.on('mouseover', function(e, t){
        if(t = e.getTarget('dd')){
            Ext.fly(t).addClass('over');
        }
    });
    ct.on('mouseout', function(e, t){
        if((t = e.getTarget('dd')) && !e.within(t, true)){
            Ext.fly(t).removeClass('over');
        }
    });
	ct.on('click', function(e, t){
        if((t = e.getTarget('dd', 5)) && !e.getTarget('a', 3)){
            var url = Ext.fly(t).getAttributeNS('ext', 'url');
			if(url){
				//window.open(url.indexOf('http') === 0 ? url : ('/deploy/dev/examples/' + url));
				//window.open(url);
				document.location.href=url;
			}
        }else if(t = e.getTarget('h2', 3, true)){
			t.up('div').toggleClass('collapsed');
		}		
    });
    
	menu.on('click', function(e, t){
		e.stopEvent();
		if((t = e.getTarget('a', 2)) && bound){
			var id = t.href.split('#')[1];
			var top = Ext.getDom(id).offsetTop;
			Ext.get(t).radioClass('active');
			unbindScroll();
			pos=top;
			ct.scrollTo('top', top, {callback:bindScroll});
		}
	});
	/*
	Ext.get('samples-cb').on('click', function(e){
		var img = e.getTarget('img', 2);
		if(img){
			Ext.getDom('samples').className = img.className;
			calcScrollPosition.defer(10);
		}
	});
	*/
	bindScroll();
	
	 //$j('#jscroll').jscroll({height:390,inc:10});
	 $j('#jscroll').css('height',390);
		
		$j('#jscroll').addClass('jscroll');
		
		$j('#jscroll').wrapInner('<div id="jscroll_div_content" class="jscroll_content"></div>');
		
		$j('<span class="jscroll_down" id="jscroll_down_id"></span>').insertAfter($j('#jscroll').children('.jscroll_content')).click(function(){
			movex(50);
		});
		
		$j('<span class="jscroll_up"  id="jscroll_up_id"></span>').insertAfter($j('#jscroll').children('.jscroll_content')).click(function(){
			movex(-50);
		});
		
		function movex(inc)
		{
			unbindScroll();
			pos +=inc
			if(pos<16) pos=16;
			var p = parseFloat($j('#sample-ct').css('height').replace(/px$/,''))-400;
			if(pos>p) pos = p;
			ct.scrollTo('top', pos, {callback:bindScroll});
		}
		
		movex(0);
		
});