Event.observe(window,'load',initAccordeon);

	function initAccordeon()
	{
		var accordeonItem = $$('ul.accordion > li');
		/*bouton toggle*/
		var accBtn = $$('a[class^="btnToggleUnit"]');
		accBtn.each(function(el){
			el.href = 'javascript:;';
			el.observe('click',toggleItem);
		});	
	}
/*callback*/
	function toggleItem(clickEvent)
	{
		var elInfo = clickEvent.element();
		/*Accordion item*/
		var elInfo = elInfo.up(0);
                $(elInfo).toggleClassName("deploy");
		var linkBtnToHide =elInfo.down(0);
		var btnSeeAllUnit = elInfo.down(1); 
		if(btnSeeAllUnit.className!='btnSeeAllUnit') var blocImage = $(elInfo).down(1);
		else var blocImage = $(elInfo).down(2);
                blocImage.toggleClassName("btnToggleUnitOn");
                blocImage.toggleClassName("btnToggleUnit");
	
	}


Event.observe(window,'load',webTv);
function webTv(){
	$('btnWebTv').observe('mouseover', respondToShow);
	$('btnWebTv').observe('mouseout', respondToHide);
	$$('.videoService').each(function(s){
		s.observe('mouseover', videoServiceShow);
		s.observe('mouseout', videoServiceHide);
		s.observe('mouseover', respondToShow);
		s.observe('mouseout', respondToHide);
	});

	function respondToShow(event) {
		$$('.videoService').each(function(s){
			if(!s.hasClassName('show')){
				s.addClassName('show');
			}
			
		});
	}

	function respondToHide() {
		$$('.videoService').each(function(s){
			if(!s.hasClassName('videoServiceOver')){
				s.removeClassName('show');
			}
		});
	}
	
	function videoServiceShow(event) {
		$$('.videoService').each(function(s){
			if(!s.hasClassName('videoServiceOver')){
				s.addClassName('videoServiceOver');
			}
			
		});
	}

	function videoServiceHide() {
		$$('.videoService').each(function(s){
			s.removeClassName('videoServiceOver');
		});
	}
}