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

	var EventID;
	// Load guestlist form
	// Retrieving HTML
	var req = new Request.HTML({url:'/guestlist.html',
				onSuccess: function(html) {
					$('guestlist').set('text', '');
					$('guestlist').adopt(html);
			}, onFailure: function() {
					$('newContent').set('html', 'Unvailable');
			}
		});
	
	// Send req
		req.send();	
			
	// Handle updating the main event and guestlist
	$$('.Box img').each(function(element) {
		element.addEvent('click', function() {
			EventID = this.get('alt');		
			update_main_event(EventID);
			
			$('allEvents').tween('opacity', 0, 1);
			guestlist_drop(EventID);
				
			erotor = $clear(erotor);
			
		})
	});
		

	// Retrieve initial event
	var FirstEventID = $('eventMainPhoto').get('alt');
	new Request.JSON({
				url: '/eventData.php'
				,method: 'get'
				,onComplete: function(event) {
					//$('eventName').set('html', event.event);
					$('eventPriv').set('html', event.privileges);
					$('formID').set('value', event.event_id);
				}
			}).get({'eventID': FirstEventID});
	
	
	//Load initial guestlist dropdown
	guestlist_drop(FirstEventID);
	
	// Update from Guestlist dropdown
	$('allEvents').addEvent('change', function() {
		var IEevent = $('allEvents').get('value');
		update_main_event(IEevent);
	});
	
	//General guestlist dropdown
	function guestlist_drop(this_event_id) {
			new Request.JSON({
				url: '/eventData2.php'
				,method: 'get'
				,onComplete: function(data) {
					$('allEvents').set('html', '');
					
					data.each(function(ev) {
						
						if(this_event_id == ev.event_id)
						{
							new Element('option')
							.set({'value': ev.event_id, 'html': ev.date+" at "+ev.club_name, 'selected': ev.event_id})
							.inject($('allEvents'));
							$('formID').set('value', ev.event_id);
						} else {
							
							new Element('option')
							.set({'value': ev.event_id, 'html': ev.date+" at "+ev.club_name})
							.inject($('allEvents'));
							
						}
						
					});
				}
			}).get({'eventID': this_event_id});
	};
	
	//Update main event photo & guestlist
	function update_main_event(update_event_id) {

		$('eventMainPhoto').dispose();
						
		new Element('img').set({'src': "/photos/events/main/"+update_event_id+".jpg", 'id': 'eventMainPhoto', 'alt': update_event_id})
		.inject($('ColLeftMain', 'top'));
		
	
		$('eventMainPhoto').tween('opacity', 0, 1);
		
		// Import Form
		req.send();	
		
		new Request.JSON({
			url: '/eventData.php'
			,method: 'get'
			,onComplete: function(event) {
				$('guestlist').set('opacity', 0);
				$('Privs').set('opacity', 0);
				//$('eventName').set('html', event.event);
				$('eventPriv').set('html', event.privileges);
				$('formID').set('value', event.event_id);
				$('guestlist').tween('opacity', 0, 1);
				$('Privs').tween('opacity', 0, 1);
				$('glistSubmit').set('opacity', 1);
			}
		}).get({'eventID': update_event_id});		
	};
	
	
	
	// Handle submitting the guestlist

	$('glistSubmit').addEvent('click', function() {
		var formName = $('formName').get('value');
		var formGuests = $('formGuests').get('value');
		var formEmail = $('formEmail').get('value');
		var formPhone = $('formPhone').get('value');
		
		if($('formBottle').get('checked'))
		{
			var formBottle = "yes";
		} else { var formBottle = "no"; }
		
		if($('formLimo').get('checked'))
		{
			var formLimo = "yes";
		} else { var formLimo = "no"; }

		var formMsg = $('formMsg').get('value');
		var formID = $('formID').get('value');
		
		if(!formName) $('formName').setStyle('background-color', 'red');
		else { $('formName').setStyle('background-color', 'white'); }
		if(!formEmail) $('formEmail').setStyle('background-color', 'red');
		else { $('formEmail').setStyle('background-color', 'white'); }
		if(!formPhone) $('formPhone').setStyle('background-color', 'red');
		else { $('formPhone').setStyle('background-color', 'white'); }
		
		if(formName && formEmail && formPhone)
		 {
			new Request.JSON({
					url: '/eventGPost.php'
					,method: 'get'
				}).get({'eventID': formID, 'name': formName, 'guests': formGuests, 'email': formEmail, 'phone': formPhone, 'bottle': formBottle, 'limo': formLimo, 'msg': formMsg});
			
					
			$('glistSubmit').set('opacity', 0);
			$('Privs').set('opacity', 0);
			$('allEvents').set('opacity', 0);
			$('guestlist').set('opacity', 0);
			$('guestlist').set('html', "<p>Thank you for submitting!</p><p>See you at the party!</p>");
			$('guestlist').tween('opacity', 0, 1);
		}
	});
	
	
	
	// Event Rotator
	
	var rot = function rotator() {
		
		$$('.Box img').each(function(element) { 
			
			var spot = element.get('id');
			var eid = element.get('alt');
			
			new Request.JSON({
				url: '/eventData3.php'
				,method: 'get'
				,onComplete: function(event) {
					
					if (eid != event.event_id) {
					
						//Update
						element.set('opacity', 0);
						element.set('src', '/photos/events/thumb/' + event.event_id + '.jpg');
						element.set('alt', event.event_id);
						element.tween('opacity', 0, 1);
						
					}
					
				}
			}).get({'eid': eid, 'spot': spot});
		
		});
		
	};
	rot.periodical(5000);
	
	// Event Rotator
	
	var erot = function rotator() {
		
	
			var eid = $('eventMainPhoto').get('alt');
			
			new Request.JSON({
				url: '/eventData4.php'
				,method: 'get'
				,onComplete: function(event) {
					
					if(event.event_id != eid) {
						//Update
					$('eventMainPhoto').set('opacity', 0);
					
					$('eventMainPhoto').dispose();
						
					new Element('img').set({'src': '/photos/events/main/' + event.event_id + '.jpg', 'id': 'eventMainPhoto', 'alt': event.event_id})
					.inject($('ColLeftMain', 'top'));
					
				
					$('eventMainPhoto').tween('opacity', 0, 1);
					}
					

					
				}
			}).get({
				'eid': eid,
				'spot': 'none'
			});
		
	};
	var erotor = erot.periodical(5000);

});