window.addEvent('domready', function() {


	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		// show:0,
		opacity: false,
		alwaysHide: true
	});
	
	$$('.Content').setStyles({'display':'block'});
	
	var ImageHeight = window.getHeight()-487;
	$('images_start').setStyles({'height':ImageHeight+'px'});
	
	var chapBt = $$('.toggler');
	
	chapBt.each(function(bt){
		bt.addEvents({
			'click': function(){
				$$('.toggler').removeClass('open');
				bt.toggleClass('open');
			}
		})
	})
	
	// Bottom menu
	
	var BtBottom = $('BottomMenuLeft').getElements('a');
	
	BtBottom.each(function(bt){
		bt.addEvents({
			click : function(){
				$('Popup').empty();
				// $('Popup').setStyles({'display':'none'});
				moveOmbre();

				var WebpageContent;
				var file = "webpage.json.php?id="+bt.get('alt')+"&lang="+lang;

				var request = new Request.JSON({
					url: file,
					onComplete: function(jsonObj) {
						var WebpageContent = jsonObj;
						var close = new Element('a',{'class':'BtClosePopUp'}).set('html',WebpageContent.close).injectInside($('Popup'));
						close.addEvents({
							click: function(){
								$('Popup').setStyles({
									'display':'none'
									});
								moveOmbre();
							}
						})
						var h4 = new Element('h4').set({'html':WebpageContent.title}).injectInside($('Popup'));
						var hr = new Element('hr').injectInside($('Popup'));
						WebpageContent.images.each(function(img){
							var p = new Element('div',{'class':'p'}).injectInside($('Popup'));
							var myImage = new Asset.image(img.large);
							p.adopt(myImage);
						});
						var p = new Element('div',{'class':'p'}).set({'html':WebpageContent.content}).injectInside($('Popup'));
						$('Popup').set({'class':'bghome'});
						$('Popup').setStyles({
							'display':'block',
							'top': window.getScroll().y+15+'px'
							});
						moveOmbre();
					}
				}).send();
			}
		})
	})
	
	
	// Projet menu
	
	var Btprojet = $$('.ProjetsLink');
	
	Btprojet.each(function(bt){
		bt.addEvents({
			click : function(){
				$('Popup').empty();
				// $('Popup').setStyles({'display':'none'});
				moveOmbre();				
				
				var WebpageContent;
				var file = "projet.json.php?id="+bt.get('alt')+"&lang="+lang;
				
				var request = new Request.JSON({
					url: file,
					onComplete: function(jsonObj){
						var WebpageContent = jsonObj;
						var close = new Element('a',{'class':'BtClosePopUp'}).set('html',WebpageContent.close).injectInside($('Popup'));
						close.addEvents({
							click: function(){
								$('Popup').setStyles({'display':'none'});
								moveOmbre();
							}
						});
						var h4 = new Element('h4').set({'html':WebpageContent.title}).injectInside($('Popup'));
						var hr = new Element('hr').injectInside($('Popup'));
						var p = new Element('div',{'class':'p'}).set({'html':WebpageContent.content}).injectInside($('Popup'));
						WebpageContent.images.each(function(img){
							var p = new Element('p').injectInside($('Popup'));
							var image = new Element('img',{'src':img.large}).injectInside(p);
							image.addEvents({
								load: function(){
									moveOmbre();
								}
							})
						});
						$('Popup').set({'class':'bgprojets'});
						$('Popup').setStyles({
							'display':'block',
							'top': window.getScroll().y+15+'px'
							});
						moveOmbre();
					}
				}).send();
			}
		});
	});
	
	
	// Photo menu
	
	var Btphotos = $$('.photolink');
	
	Btphotos.each(function(bt){
		bt.addEvents({
			click : function(){
				$('Popup').empty();
				// $('Popup').setStyles({'display':'none'});
				moveOmbre();
				
				var WebpageContent;
				var file = "webpage.json.php?id="+bt.get('id')+"&lang="+lang;

				var request = new Request.JSON({
					url: file,
					onComplete: function(jsonObj) {
						var WebpageContent = jsonObj;
						var close = new Element('a',{'class':'BtClosePopUp'}).set('html',WebpageContent.close).injectInside($('Popup'));
						close.addEvents({
							click: function(){
								$('Popup').setStyles({'display':'none'});
								moveOmbre();
							}
						})
						var h4 = new Element('h4').set('html',WebpageContent.title).injectInside($('Popup'));
						var hr = new Element('hr').injectInside($('Popup'));
						var p = new Element('div',{'class':'p'}).set('html',WebpageContent.content).injectInside($('Popup'));
						var target = new Element('div',{'class':'photostarget'}).injectInside($('Popup'));
						var image = new Element('img',{'src':WebpageContent.images[bt.get('alt')].large,'id':'thephotos','title':WebpageContent.images[bt.get('alt')].title}).injectInside(target);
						var p = new Element('p').injectInside($('Popup'));
						WebpageContent.images.each(function(img){
							var a = new Element('a').injectInside(p);
							var image = new Element('img',{'src':img.thumbs,'title':img.title,'styles':{'margin':'0 3px 3px 0'}}).injectInside(a);
							image.addEvents({
								load: function(){
									moveOmbre();
								},
								click: function(){
									$('thephotos').set({'src':img.large,'title':img.title});
								}
							})
						});
						$('Popup').set({'class':'bgphotos'});
						$('Popup').setStyles({
							'display':'block',
							'top': window.getScroll().y+15+'px'
							});
						moveOmbre();
					}
				}).send();
			}
		})
	});
	
	// Event
	
	var events = document.getElements('.event');
	
	events.each(function(cEvent){
		var title = cEvent.getElement('.eventTitle');
		var info = cEvent.getElement('.eventInfo');
		
		title.addEvents({
			'click': function(){
				if(info.getStyle('display')=='none'){
					info.setStyles({
						'display': 'block'
					});
					// title.set({'class':'eventTitle color'});
				} else {
					info.setStyles({
						'display': 'none'
					});
					// title.set({'class':'eventTitle'});
				}
				moveOmbre();
			}
		})
	})

});
window.addEvent('resize', function() {
	var ImageHeight = window.getHeight()-487;
	$('images_start').setStyles({'height':ImageHeight+'px'});
});