var listShows = {

	timer: 0,
	
	start: function(){
	
		listShows.box = new Element('div').addClass('box').injectInside(document.body);
 		listShows.boxEffect = listShows.box.effect('opacity', {duration: 500, transition: Fx.Transitions.quadOut, wait: false}).set(0);

		listShows.show = new Element('div').addClass('show').setStyle('left', Window.getWidth()/2-150+'px').injectInside(document.body);
		
		new Element('a').addClass('close').injectInside(listShows.show).onclick = function(){
			listShows.hidebox();
		};
		listShows.showTitle = new Element('h3').addClass('showTitle').injectInside(listShows.show);
		listShows.showGuests = new Element('p').addClass('showGuests').injectInside(listShows.show);
		listShows.showDate = new Element('p').addClass('showDate').injectInside(listShows.show);
		listShows.showCity = new Element('p').addClass('showCity').injectInside(listShows.show);
		listShows.showEvent = new Element('p').addClass('showEvent').injectInside(listShows.show);
		listShows.showVenue = new Element('p').addClass('showVenue').injectInside(listShows.show);
		listShows.showTimeDoors = new Element('p').addClass('showTimeDoors').injectInside(listShows.show);
		listShows.showTimeConcert = new Element('p').addClass('showTimeConcert').injectInside(listShows.show);
		listShows.showPriceTicket = new Element('p').addClass('showPriceTicket').injectInside(listShows.show);
		listShows.showPriceTicketSpecial = new Element('p').addClass('showPriceTicketSpecial').injectInside(listShows.show);
		listShows.showPriceDoors = new Element('p').addClass('showPriceDoors').injectInside(listShows.show);
		listShows.showPriceDoorsSpecial = new Element('p').addClass('showPriceDoorsSpecial').injectInside(listShows.show);
		listShows.showTickets = new Element('p').addClass('showTickets').injectInside(listShows.show);
		listShows.showInfos = new Element('p').addClass('showInfos').injectInside(listShows.show);
	
		listShows.repoEffect = listShows.show.effect('opacity', {duration: 400, transition: Fx.Transitions.quadIn, wait: false}).set(0);
		
		listInfo = document.getElementsByClassName("popinfo");
		
		for(i=0; i<listInfo.length; i++) {
			listInfo[i].onclick = function(){
				no = this.getAttribute("rel");
				listShows.myAjax = new Ajax("../../includes/ajax.php?id="+no, {method: 'get', encoding: 'iso-8859-1', evalResponse: true, onComplete: listShows.showbox()}).request();
				return false;
			};
		}

		listShows.box.onclick = function(){
			if(listShows.show.getStyle('opacity')==1) listShows.hidebox();
			return false;
		}

	},

	showbox: function(){
    listSelect = document.getElementsByTagName("select");
		for (i=0;i<listSelect.length;i++) {
			listSelect[i].style.visibility = "hidden";
		}

		listShows.followBox();
		window.addEvent('scroll', listShows.followBox);

		listShows.show.setStyles({
			'top': Window.getScrollTop()+100+'px',
			'display' :	'block'
		});

		listShows.box.setStyles({
			'width': '100%',
			'height': Window.getHeight()+'px',
			'visibility': 'visible'
		});
		listShows.boxEffect.custom(listShows.boxEffect.now,0.8).chain(function(){
			listShows.repoEffect.custom(listShows.repoEffect.now, 1);
		});

	},

	followBox: function(){
		listShows.show.setStyle('top', Window.getScrollTop()+100+'px');
		listShows.box.setStyle('top', Window.getScrollTop()+'px');
		listShows.show.setStyle('left', (Window.getWidth()/2-150) + Window.getScrollLeft() +'px');
		listShows.box.setStyle('left', Window.getScrollLeft()+'px');
	},

  	hidebox: function(){

		window.removeEvent('scroll', listShows.followBox);

		listShows.repoEffect.custom(listShows.repoEffect.now, 0).chain(function(){
			listShows.boxEffect.custom(listShows.boxEffect.now,0).chain(function(){
				listShows.box.setStyles({
					'height': '0',
					'width': '0',
					'visibility': 'hidden'
				});
			});
		});
    listSelect = document.getElementsByTagName("select");
		for (i=0;i<listSelect.length;i++) {
			listSelect[i].style.visibility = "visible";
		}
	}

};

// Appel du onload avec la fonction définie dans Mootools.js