var nextItem = false;
var prevItem = false;

window.addEvent('domready', function() {
	if($('gallery-left') && $('gallery-right')){
		var currentItem = -1;
		var previousItem;
		
		// Navigation entre les dates / artistes
		
		var histoireSections = $$('#gallery-right .section');
		histoireSections.each(function(e){
			e.setStyles({
			    display: 'none',
			    height: '425px',
			    overflow: 'hidden'
			});
			if(e.getElement('div.more')){
				e.getElement('div.more').setStyle('display','none');
			}
		});
		var histoireLinks = $$('#gallery-left #nav ul a');
		histoireLinks.each(function(e, index){
			e.addEvent('click', function(event){
				currentItem = index;
				histoireSections.each(function(e){
					e.setStyle('display','none');
				});
				histoireLinks.each(function(e){
					e.removeClass('current');	
				});
				e.addClass('current');
				histoireSections[index].setStyle('display','block');
				document.getElementById('presentation').style.display="none";
				prevnextLinkGallery();
				event.stop();
			});
		});
		//histoireLinks[0].addClass('current');
		//histoireSections[0].setStyle('display','block');
		document.getElementById('presentation').style.display="block";
		// Boutons suivant / précédent
		
		nextItem = function nextItem(event){
			previousItem=currentItem;
			currentItem+=1;
			prevnextLinkGallery();
			histoireSections.each(function(e){
				e.setStyle('display','none');
			});
			histoireSections[currentItem].setStyle('display','block');
			histoireLinks.each(function(e){
				e.removeClass('current');	
			});
			histoireLinks[currentItem].addClass('current');
			if(event){event.stop();}
		}
		prevItem = function prevItem(event){
			previousItem=currentItem;
			currentItem-=1;
			prevnextLinkGallery();
			histoireSections.each(function(e){
				e.setStyle('display','none');
			});
			histoireSections[currentItem].setStyle('display','block');
			histoireLinks.each(function(e){
				e.removeClass('current');	
			});
			histoireLinks[currentItem].addClass('current');
			if(event){event.stop();}
		}
		
		function prevnextLinkGallery(){
			//alert('okprev');
			if(document.getElement('#gallery-right a.prev')){
				if(currentItem==0 || currentItem==-1){
					document.getElement('#gallery-right a.prev').style.display="none";
				}
				else{
					document.getElement('#gallery-right a.prev').style.display="block";
				}
				if(currentItem==(histoireSections.length-1) || currentItem==-1){
					document.getElement('#gallery-right a.next').style.display="none";
				}
				else{
					document.getElement('#gallery-right a.next').style.display="block";
				}
			}
		}
		
		if(document.getElement('#gallery-right a.next') && document.getElement('#gallery-right a.prev')){
			
			//document.getElement('#gallery-right a.next').setStyle('display','block');
			document.getElement('#gallery-right a.next').addEvent('click', nextItem);
			//document.getElement('#gallery-right a.prev').setStyle('display','block');
			document.getElement('#gallery-right a.prev').addEvent('click', prevItem);	
			//alert('ok');
			prevnextLinkGallery();
		}
	
		
		// Initialisation du scroll 
		
		$('bottom-arrow').setStyle('display','block');
		$('top-arrow').setStyle('display','block');
		document.getElement('#gallery-left #nav').setStyles({
			height: '287px',
			overflow: 'hidden'
		});
		
		var goUp = false;
		var goDown = false;
		var listeDates = document.getElement('#gallery-left #nav ul');
		var currentPos;
		var listeDatesHeight = listeDates.getSize();
		listeDatesHeight = listeDatesHeight.y;
		var navHeight = document.getElement('#gallery-left #nav').getSize();
		navHeight = navHeight.y;
		
		
		$('top-arrow').addEvent('click', function(event){
			event.stop();
		});
		$('top-arrow').addEvent('mouseenter', function(event){
			goUp = true;
			scrollUp();
		});
		$('top-arrow').addEvent('mouseleave', function(event){
			goUp = false;
		});
		
		$('bottom-arrow').addEvent('click', function(event){
			event.stop();
		});
		$('bottom-arrow').addEvent('mouseenter', function(event){
			goDown = true;
			scrollDown();
		});
		$('bottom-arrow').addEvent('mouseleave', function(event){
			goDown = false;
		});
		
		

		// Fonctions Scroll
		
		function scrollUp(){
			currentPos = listeDates.getStyle('top').toInt();
			if((currentPos < 0) && (goUp == true)){
				listeDates.setStyle('top', currentPos + 1);
				(function(){ scrollUp(); }).delay(13);
			}
			else{
				goUp = false;
			}
		}
		function scrollDown(){
			currentPos = listeDates.getStyle('top').toInt();
			if((currentPos >= -(listeDatesHeight-navHeight)) && (goDown == true)){
				listeDates.setStyle('top', currentPos - 1);
				(function(){ scrollDown(); }).delay(13);
			}
			else{
				goDown = false;
			}
		}
		
		
		// Info-Bulles
		
		$$('a.h-tooltip').each(function(element) {
			if(element.get('title')){
				var content = element.get('title').split('::');  
				element.store('tip:title', content[0]);  
				if(content[1]){
					element.store('tip:text', content[1]); 			
				}
				else{
					element.store('tip:text', ''); 
				}
			}
			else{
				element.store('tip:title', '');
				element.store('tip:text', ''); 
			}
		});  
		var myTips = new Tips(('a.h-tooltip'),{
		    className: 'h-tool-tip',
			showDelay:50,
			hideDelay:0
		});
		
		$$('.tool-tip').each(function(element){
			element.setStyle('opacity', 0);
		});	
		
		myTips.addEvent('show', function(tip){
			tip.set('morph', {duration:1400, transition: 'cubic:in'});
			tip.morph({opacity: '100'});
		});
		myTips.addEvent('hide', function(tip){
			tip.set('morph', {duration:1, transition: 'cubic:out'});
			tip.morph({opacity: '0'});
		});
		
		
		
		

		
		
		
	}
	
	
	
	
	
	
	
	if($('histoire-left')&&$('histoire-right')){
		
		var currentItem = 0;
		var previousItem;
		
		// Navigation entre les dates / artistes
		
		var histoireSections = $$('#histoire-right .section');
		histoireSections.each(function(e){
			e.setStyles({
			    display: 'none',
			    height: '425px',
			    overflow: 'hidden'
			});
			if(e.getElement('div.more')){
				e.getElement('div.more').setStyle('display','none');
			}
		});
		var histoireLinks = $$('#histoire-left #nav ul a');
		histoireLinks.each(function(e, index){
			e.addEvent('click', function(event){
				currentItem = index;
				histoireSections.each(function(e){
					e.setStyle('display','none');
				});
				histoireLinks.each(function(e){
					e.removeClass('current');	
				});
				e.addClass('current');
				histoireSections[index].setStyle('display','block');
				prevnextLink();
				event.stop();
			});
		});
		histoireLinks[0].addClass('current');
		histoireSections[0].setStyle('display','block');
		
		// Boutons suivant / précédent
		
		nextItem = function nextItem(event){
			previousItem=currentItem;
			currentItem+=1;
			prevnextLink();
			histoireSections.each(function(e){
				e.setStyle('display','none');
			});
			histoireSections[currentItem].setStyle('display','block');
			histoireLinks.each(function(e){
				e.removeClass('current');	
			});
			histoireLinks[currentItem].addClass('current');
			if(event){event.stop();}
		}
		prevItem = function prevItem(event){
			previousItem=currentItem;
			currentItem-=1;
			prevnextLink();
			histoireSections.each(function(e){
				e.setStyle('display','none');
			});
			histoireSections[currentItem].setStyle('display','block');
			histoireLinks.each(function(e){
				e.removeClass('current');	
			});
			histoireLinks[currentItem].addClass('current');
			if(event){event.stop();}
		}
		
		function prevnextLink(){
			if(document.getElement('#histoire-right a.prev')){
				if(currentItem==0){
					document.getElement('#histoire-right a.prev').setStyle('display','none');
				}
				else{
					document.getElement('#histoire-right a.prev').setStyle('display','block');
				}
				if(currentItem==(histoireSections.length-1)){
					document.getElement('#histoire-right a.next').setStyle('display','none');
				}
				else{
					document.getElement('#histoire-right a.next').setStyle('display','block');
				}
			}
		}
		
		if(document.getElement('#histoire-right a.next') && document.getElement('#histoire-right a.prev')){
			
			document.getElement('#histoire-right a.next').setStyle('display','block');
			document.getElement('#histoire-right a.next').addEvent('click', nextItem);
			document.getElement('#histoire-right a.prev').setStyle('display','block');
			document.getElement('#histoire-right a.prev').addEvent('click', prevItem);	
			
			prevnextLink();
		}
	
		
		// Initialisation du scroll 
		
		$('bottom-arrow').setStyle('display','block');
		$('top-arrow').setStyle('display','block');
		document.getElement('#histoire-left #nav').setStyles({
			height: '287px',
			overflow: 'hidden'
		});
		
		var goUp = false;
		var goDown = false;
		var listeDates = document.getElement('#histoire-left #nav ul');
		var currentPos;
		var listeDatesHeight = listeDates.getSize();
		listeDatesHeight = listeDatesHeight.y;
		var navHeight = document.getElement('#histoire-left #nav').getSize();
		navHeight = navHeight.y;
		
		
		$('top-arrow').addEvent('click', function(event){
			event.stop();
		});
		$('top-arrow').addEvent('mouseenter', function(event){
			goUp = true;
			scrollUp();
		});
		$('top-arrow').addEvent('mouseleave', function(event){
			goUp = false;
		});
		
		$('bottom-arrow').addEvent('click', function(event){
			event.stop();
		});
		$('bottom-arrow').addEvent('mouseenter', function(event){
			goDown = true;
			scrollDown();
		});
		$('bottom-arrow').addEvent('mouseleave', function(event){
			goDown = false;
		});
		
		

		// Fonctions Scroll
		
		function scrollUp(){
			currentPos = listeDates.getStyle('top').toInt();
			if((currentPos < 0) && (goUp == true)){
				listeDates.setStyle('top', currentPos + 1);
				(function(){ scrollUp(); }).delay(13);
			}
			else{
				goUp = false;
			}
		}
		function scrollDown(){
			currentPos = listeDates.getStyle('top').toInt();
			if((currentPos >= -(listeDatesHeight-navHeight)) && (goDown == true)){
				listeDates.setStyle('top', currentPos - 1);
				(function(){ scrollDown(); }).delay(13);
			}
			else{
				goDown = false;
			}
		}
		
		
		// Info-Bulles
		
		$$('a.h-tooltip').each(function(element) {
			if(element.get('title')){
				var content = element.get('title').split('::');  
				element.store('tip:title', content[0]);  
				if(content[1]){
					element.store('tip:text', content[1]); 			
				}
				else{
					element.store('tip:text', ''); 
				}
			}
			else{
				element.store('tip:title', '');
				element.store('tip:text', ''); 
			}
		});  
		var myTips = new Tips(('a.h-tooltip'),{
		    className: 'h-tool-tip',
			showDelay:50,
			hideDelay:0
		});
		
		$$('.tool-tip').each(function(element){
			element.setStyle('opacity', 0);
		});	
		
		myTips.addEvent('show', function(tip){
			tip.set('morph', {duration:1400, transition: 'cubic:in'});
			tip.morph({opacity: '100'});
		});
		myTips.addEvent('hide', function(tip){
			tip.set('morph', {duration:1, transition: 'cubic:out'});
			tip.morph({opacity: '0'});
		});
		
		
		
	}
	
	
	
	
	
	
	
	
	
	
	
});