var active;

function loadEventDetails(evt){
	active = evt.get('id');
	$('events').getElements('*').removeClass('active');
	evt.getElements('*').addClass('active');
	
	var content = $('event_content');
	content.empty();
	content.addClass('loading');
	var req = new Request.HTML({url: evt.getElements('a'),
		onSuccess: function(html) {
			content.removeClass('loading');
			content.adopt(html);
		}
	}).send();
}
window.addEvent('domready', function(){	
	
	if($$('#events li')){
		var eventItem = $$('#events li');
		
		eventItem.addEvent('mouseover',function(el){
			if(this.get('id') !== active)	this.getElements('*').addClass('active');
		});	
		eventItem.addEvent('mouseout',function(el){
			if(this.get('id') !== active)	this.getElements('*').removeClass('active');
		});	
		eventItem.addEvent('click',function(el){
			new Event().stop();
			loadEventDetails(this);
		});
	}
	
	var past_event = $$('table.pe_table td');
	
	if(past_event){
		past_event.each(function(img){
			if(document.images){
				if(img.get('rev')){
					var image = new Image();
					image.src = img.get('rev');
				}
			}
		});
		
		past_event.addEvent('mouseover',function(el){
			if(this.get('rev')){
				var background = "url("+this.get('rev')+")";
				this.getElements('p').setStyle('display','none');
				this.setStyles({'background-image':background,'background-position':'center','opacity':1})
				this.set('title','Click for more information').setStyle('cursor','pointer').addEvent('click',function(e){
					new Event(e).stop();
					// Get rid of any other event detail popups
					if($('eventDetail')) $('eventDetail').destroy();
					var popup = new Element('div',{
						'id':'eventDetail',
						'class':'loading'		
					}).inject($('content'), 'inside');
					
					var close = new Element('a',{
						'id':'close_details',
						events: {
							click: function(){
								popup.destroy();
							}
						}
					}).set('text','close').inject(popup, 'inside');
					var req = new Request.HTML({url: '/past_event_details.php?evt='+this.id,
						onSuccess: function(html) {
							popup.removeClass('loading');
							popup.setStyle('background-color','#fff');
							popup.adopt(html);
						}
					}).send();
				});
			}
		});
			
		past_event.addEvent('mouseout',function(el){
			if(this.get('rev')){
				this.getElements('p').setStyle('display','')
				this.setStyle('background-image','');
			}
		});
		
		/*
$$('.brand_detail').addEvent('click',function(e){
			new Event(e).stop();
			
			var popup = new Element('div',{
				'id':'brandDetail',
				'class':'loading'		
			}).inject($('content'), 'inside');
			
			var close = new Element('a',{
				'id':'close_details',
				events: {
					click: function(){
						popup.destroy();
					}
				}
			}).set('text','close').inject(popup, 'inside');
			
			var req = new Request.HTML({url: this.href,
				onSuccess: function(html) {
					popup.removeClass('loading');
					popup.setStyle('background-color','#fff');
					popup.adopt(html);
				}
			}).send();
		});
*/
	}
});