/* Menu accordeon */

var eltClicked = false;
var eltClickedLevel1 = false;

var accordion = {

	init:function(){
		var isSideMenu = $('side-menu');
		if(!isSideMenu) {return;}
		var menuLis = $$('.isAccordion');
		for (var i = 0; i < menuLis.length; i++) {
			menuLis[i].onclick = function(){
				accordion.reset(this);
				accordion.show(this);
				return false;
			}
		}
		var menusLisLevel1 = $$('.level1');
		for (var j=0; j<menusLisLevel1.length;j++) {
			menusLisLevel1[j].onclick = function(){
				accordion.resetLevel1(this);
				accordion.showLevel1(this);
				return false;				
			}
		}
	},
	
	reset:function(arg){
		var oLis = arg.parentNode.parentNode.getElementsByTagName('li');
		for(var i=0; i<oLis.length;i++){
			$(oLis[i]).removeClassName('on');	
			$(oLis[i]).setStyle({
				height: 'auto'
			})			
		}
	},
	
	show:function(arg){			
		if (eltClicked) {
			$(eltClicked).removeClassName('on');
					$(eltClicked).setStyle({
						height: 'auto'
					})
			
			if(arg.clicked == eltClicked) {
				$(eltClicked).removeClassName('on');
					$(eltClicked).setStyle({
						height: 'auto'
					})
				eltClicked = null;
				arg.clicked = null;				
			}
		}		
		$(arg.parentNode).addClassName('on');			
		eltClicked = arg.parentNode;
		arg.clicked = true;
		if($(arg.parentNode).hasClassName('isScrollable')) {
			$(arg.parentNode).setStyle({
				height: '126px'
			})
		}		
	},
	
	resetLevel1:function(arg){
		var oLis = arg.parentNode.parentNode.getElementsByTagName('li');
		for(var i=0; i<oLis.length;i++){
			$(oLis[i]).removeClassName('on');
			(oLis[i]).setStyle({
				height: 'auto'
			})
		}
	},
	
	showLevel1:function(arg){			
		if (eltClickedLevel1) {
			$(eltClickedLevel1).removeClassName('on');
			if($(eltClickedLevel1).hasClassName('isScrollable')) {
				$(eltClickedLevel1).setStyle({
					height: 'auto'
				})
			}			
			
			if(arg.clicked == eltClicked) {
				$(eltClickedLevel1).removeClassName('on');
				eltClickedLevel1 = null;
				arg.clicked = null;
			if($(eltClickedLevel1).hasClassName('isScrollable')) {
				$(eltClickedLevel1).setStyle({
					height: 'auto'
				})
			}				
				
			}
		}		
		$(arg.parentNode).addClassName('on');			
		eltClickedLevel1 = arg.parentNode;
		arg.clicked = true;
		if($(arg.parentNode).hasClassName('isScrollable')) {
			$(arg.parentNode).setStyle({
				height: '124px'
			})
		}
	}
		
 }


sideMenuInit = function(){
		// onglets niveau 1
		if (initOng) {
			$(initOng).addClassName('on');
				if($(initOng).hasClassName('isScrollable')) {
					$(initOng).setStyle({
						height: '124px'
					})
				}				
		}
		
		// onglets niveau 2
		if (initNav) {
			var oInitNav = $($$('a[href$=#'+initNav+']')[0].parentNode);
			$(oInitNav).addClassName('on');
				if($(oInitNav).hasClassName('isScrollable')) {
					$(oInitNav).setStyle({
						height: '126px'
					})
				}				
		}
} 
 
var scrollZone = {};
var buildSliders = {
	init:function(){
		var oLis = $$('#side-menu .isScrollable');
		for(var i = 0; i < oLis.length; i++) {
				var refLi = oLis[i];
				buildSliders.setSlide(refLi, i);
		}		
	},
	setSlide:function(LiScrollable, identifiant){
		var oToPositionAround = LiScrollable.getElementsByTagName('ul')[0];

		var btnPrevious = new Element('a');
		btnPrevious.href = '#';
		btnPrevious.id = 'prevMenu'+identifiant;
		btnPrevious.className = 'directionLink';
		btnPrevious.innerHTML = '<img src="/imagerie/commun/side-menu/arrow-up.gif" alt="" />';

		var btnNext = new Element('a');
		btnNext.href = '#';
		btnNext.id = 'nextMenu'+identifiant;
		btnNext.className = 'directionLink';
		btnNext.innerHTML = '<img src="/imagerie/commun/side-menu/arrow-down.gif" alt="" />';

		var divScroll = new Element('div');
		divScroll.id = 'scrollZoneMenu'+identifiant;
		
		$(oToPositionAround).insert({before:$(btnPrevious)});
		$(oToPositionAround).insert({after:$(btnNext)});
		$(oToPositionAround).insert({after:$(divScroll)});
		$(divScroll).appendChild($(oToPositionAround));

		scrollZone[identifiant] = new configCycleNoh('scrollZoneMenu'+identifiant, 3, 'li', 'prevMenu'+identifiant, 'nextMenu'+identifiant, 25, 'top');	
	}
}




var configCycleNoh = function(scrollElement, itemsDisplayedNumber, itemsElement, previousHandler, nextHandler, moveBy, directionMove){
	var indexPlace;
	var slide = $(scrollElement);
	itemsCollection = $$('#' + scrollElement + ' ' + itemsElement);
		
	$$('#' + scrollElement + ' ' + itemsElement)[0].setStyle({
		height: 'auto'
	});
	
	if ($(slide.parentNode.parentNode).hasClassName('level2')) {	
		$(previousHandler).setStyle({
			position: 'absolute',
			textAlign: 'center',
			width: '258px',
			height: '10px',
			top: '29px',
			left: '0px',
			padding: '0',
			border: '0'
		});
		$$('#'+previousHandler+' img')[0].setStyle({
			marginTop: '3px'
		});
		$(nextHandler).setStyle({
			position: 'absolute',
			textAlign: 'center',
			width: '258px',
			height: '10px',
			top: '116px',
			padding: '0',
			border: '0'
		});
		$$('#'+nextHandler+' img')[0].setStyle({
			marginTop: '3px'
		});
		$(scrollElement).setStyle({
			height: '77px',
			top: '40px',
			position: 'absolute',
			overflow: 'hidden',
			width: '258px'
		});
		$$('#' + scrollElement + ' ul')[0].setStyle({
			overflow: 'hidden',
			position: 'relative',
			height: '78px'
		})
	} else {

		$(previousHandler).setStyle({
			position: 'absolute',
			textAlign: 'center',
			width: '258px',
			height: '10px',
			top: '29px',
			left: '0px',
			padding: '0',
			border: '0',
			background: '#E1CABC'
		});
		$$('#'+previousHandler+' img')[0].setStyle({
			marginTop: '3px'
		});
		$(nextHandler).setStyle({
			position: 'absolute',
			textAlign: 'center',
			width: '258px',
			height: '10px',
			top: '114px',
			left: '0',
			padding: '0',
			border: '0',
			background: '#E1CABC'
		});
		$$('#'+nextHandler+' img')[0].setStyle({
			marginTop: '3px'
		});
		$(scrollElement).setStyle({
			height: '77px',
			top: '39px',
			position: 'absolute',
			overflow: 'hidden',
			width: '258px'
		});
		$$('#' + scrollElement + ' ul')[0].setStyle({
			overflow: 'hidden',
			position: 'relative',
			height: '78px'
		})		
		
	}
		if(initPlace){
			for (var i = 0; i < itemsCollection.length; i++) {
				if (itemsCollection[i].id == initPlace) {
					indexPlace = i;
				}
			}
		}

	itemsCollection = $$('#' + scrollElement + ' ' + itemsElement);
				
				new slideCycle({
					context: slide,
					next: nextHandler,
					prev: previousHandler,
					items: itemsCollection,
					itemsDisplayed: itemsDisplayedNumber,
					move: moveBy,
					offScreen: -10000,
					direction: directionMove,
					start: indexPlace
				});
				if (initPlace) {
					$(initPlace).addClassName('on');
				}

}	

document.observe("dom:loaded", 
function(){
	accordion.init();
	sideMenuInit();
	buildSliders.init();	
}, false);