// JavaScript Document
Ext.onReady(function() {


	//Index.html atout partenamut
	///////////////////////////////////	
	titreAtout = Ext.DomQuery.select('div#atoutsIndex div[class*=atoutsIndexQ]')
	for (var i = 0; i < titreAtout.length; i++) {
		Ext.get(titreAtout[i]).on('mouseover', expandContentAtout, null, {
					id_block : i
				});
		Ext.get(titreAtout[i]).addClassOnOver('atoutsIndexQ_' + i + '_sel_');
	}
	collapseAllAtout(0);
	function collapseAllAtout(id_block_sel) {
		titreAtout = Ext.DomQuery.select('div#atoutsIndex div[class*=atoutsIndexQ]')
		for (var i = 0; i < titreAtout.length; i++) {
			qaitem = Ext.get(Ext.DomQuery.select('div#atoutsIndex div[class*=atoutsIndexA]')[i])
			
			if (i != id_block_sel) {
				//qaitem.enableDisplayMode('block');
				if (qaitem.isVisible()) {
					qaitem.enableDisplayMode().hide();
				}
				qatitre = Ext.get(Ext.DomQuery
						.select('div#atoutsIndex div[class*=atoutsIndexQ]')[i])
				
				qatitre.removeClass('atoutsIndexQ_' + i + '_sel');
				qatitre.addClass('atoutsIndexQ_' + i);				
			}
		}
	}

	function expandContentAtout(ev, target, obj_arg) {
		var item = Ext
				.get(Ext.DomQuery.select('div#atoutsIndex div[class*=atoutsIndexA]')[obj_arg['id_block']])
		var indexCouv=Ext.get("atoutsIndexCouv");		
		if (indexCouv.isVisible()) {
			indexCouv.enableDisplayMode().hide();
		}
		if (item.isVisible() == false) {
			qatitre = Ext.get(Ext.DomQuery.select('div#atoutsIndex div[class*=atoutsIndexQ]')[obj_arg['id_block']])
			qatitre.removeClass('atoutsIndexQ_' + obj_arg['id_block']);
			qatitre.addClass('atoutsIndexQ_' + obj_arg['id_block'] + '_sel');
			//qatitre.removeClass("unsel")
			//qatitre.addClass("sel")
			item.slideIn('l', {
						duration : 0.5,
						useDisplay : true
					});
			collapseAllAtout(obj_arg['id_block']);
		}

	}
	/////////////////////////////////////////////////////	
	
	//close atout box
	/////////////////
	itemClose=Ext.DomQuery.select('div#atoutsIndex span[class*=closeBoxAtouts]')
	for (var i=0;i<itemClose.length;i++) {
		Ext.get(itemClose[i]).on('click', closeAtout, null, {id_block : i});
	}	
	function closeAtout(ev, target, obj_arg) {
		Ext.get(Ext.DomQuery.select('div#atoutsIndex div[class*=atoutsIndexA]')[obj_arg['id_block']]).enableDisplayMode().hide();
		Ext.get("atoutsIndexCouv").enableDisplayMode().show();
	}
	/////////////////
		
	// Manage header banner in the index page
	var tabLien = new Array("premieremploi.jsp","demenagement.jsp","enfants.jsp","bebe.jsp","independant.jsp","pension.jsp","expats.jsp");
	var navBanner = Ext.DomQuery.select('ul#navBanner li[class*=navBanner]');
	for (var i = 0; i < navBanner.length; i++) {
		Ext.get(navBanner[i]).on('click',manageHeaderBanner,null,{id_header:i});
		Ext.get(navBanner[i]).addClassOnOver('navBanner_' + i + '_sel');
	}
	var selectedBanner = 0;
	Ext.get(navBanner[selectedBanner]).addClass('navBanner_' + selectedBanner + '_sel_');
	function manageHeaderBanner(ev, target, obj_arg) {
		Ext.TaskMgr.stop(task);
		Ext.get(navBanner[selectedBanner]).removeClass('navBanner_' + selectedBanner + '_sel_');
		Ext.get(navBanner[obj_arg['id_header']]).addClass('navBanner_' + obj_arg['id_header'] + '_sel_');
		Ext.get('linkBanner').dom.href = tabLien[obj_arg['id_header']];
		headerBanner = Ext.get('navBanner_situation');
		headerBanner.removeClass("bannerSituation_"+selectedBanner);
		headerBanner.addClass("bannerSituation_"+obj_arg['id_header']);
		headerBanner.fadeIn({duration: 0.5});				
		selectedBanner=obj_arg['id_header'];
	}
	Ext.get('navBanner_situation').on("click",function () { document.location = tabLien[0];} );
	var defil=1
	var task = {
	    run: function(){
			var current
			if (defil==7) 
				defil=0;
			if (defil==0)
				current=6;
			else
				current=defil-1
	        Ext.get(navBanner[current]).removeClass('navBanner_' + current + '_sel_');
			Ext.get(navBanner[defil]).addClass('navBanner_' + defil + '_sel_');
			headerBanner = Ext.get('navBanner_situation');
			headerBanner.removeClass("bannerSituation_"+current);
			headerBanner.addClass("bannerSituation_"+defil);
			headerBanner.fadeIn({duration: 0.5});
			Ext.get('linkBanner').dom.href = tabLien[defil];		
			selectedBanner=defil;
			defil++;
	    },
	    interval: 5000 //5 secondes
	}
	delayer= new Ext.util.DelayedTask();
	delayer.delay(5000,function() {Ext.TaskMgr.start(task);})	
})