// JavaScript Document


/*$.getJSON('https://graph.facebook.com/693821390/feed&callback=?', function(data) {
																																										 
var xannitemcount = 0;
var fbid1 = "693821390"
var htmlString = ''; //new


  $.each(data.data, function(key, val) {
							 
	if (xannitemcount <= 10) {	//controls number of announcements to display
		
		if (val.from.id == fbid1 && val.message != null && xannitemcount <= 10) {				//michele's id from the feed	
		var xdate1 = new Date(); //get facebook posted date
		xdate1.setISO8601(val.created_time); //converts to js dateformat from utcdates.js
		var xannouncementdate = (xdate1.getMonth()+1) + "/" + (xdate1.getDate()) + "/" + xdate1.getFullYear();
		if (xTODAYMDY == xannouncementdate) {htmlString += '<span id="todayannouncement" class="todaywhite">'} else {htmlString += '<span class="nottodaywhite">';};
		htmlString += xannouncementdate;
		htmlString += '<br />';
		xannitemcount++;
		  if (val.name != null) {
		  htmlString += val.name+ ' <br />';	
		  }
		htmlString += val.message+ '</span><br /><br />';
		}
	}
	
  });
  htmlString = htmlString==''? "No announcements at this time.": htmlString;

  document.getElementById('textsection-1').innerHTML = htmlString.replace(/\n/g, "<br />");
});

$.getJSON('https://graph.facebook.com/693821390/events?access_token=208776105807570|f1ee7e3b100a03d689ec354a.1-693821390|FWjsgWoDno1oZsfHQpX70l22Ibw&callback=?', function(data1) {
var htmlString2 = ''; //new	
var htmlStringTemp = ''; //new
$.each(data1.data, function(key, val) {
							
	var xeventdateraw = val.start_time; //facebook date of event
	var xeventdatehour = xeventdateraw.slice(11,13);
	var xeventampm = '';

	//Convert and compare date strings
	var eventdatestring = xeventdateraw.slice(5,7) + '/'+ xeventdateraw.slice(8,10) + '/'+ xeventdateraw.slice(0,4) + ' 11:59:59 PM';
	var eventdate = new Date(eventdatestring); //converts to date
	var date_today = new Date(); //today's date

	//Determine if event is today
	var eventdatemdy = (eventdate.getMonth()+1) + '/'+ (eventdate.getDate()) + '/'+ (eventdate.getFullYear()); //assembles to 'mm/dd/yyyy'
	var todaydatecompare = (date_today.getMonth()+1) + "/" + (date_today.getDate()) + "/" + (date_today.getFullYear()); //date_today to 'mm/dd/yyyy'
	
	var xeventcolorheadline = '';
	var xeventcolortext = '';
	
	if (eventdatemdy == todaydatecompare) {
		xeventcolorheadline = '#ffbf00'; //if today then headline is bright gold
		xeventcolortext = '#cccccc'; //bright white	
	}
	else {
		xeventcolorheadline = '#C90'; //if not today then std gold
		xeventcolortext = '#999'; //gray white	
	};

	if (val.rsvp_status == "attending" && val.location == "Triangles Cafe" && eventdate > date_today ) {				//michele's id from the feed
		var xeventdatehour = xeventdateraw.slice(11,13);
		var xeventampm = [];
		htmlStringTemp = "";
		
		//Convert and compare date strings
		var eventdatestring = xeventdateraw.slice(5,7) + '/'+ xeventdateraw.slice(8,10) + '/'+ xeventdateraw.slice(0,4) + ' 11:59:59 PM';
		var eventdate = new Date(eventdatestring);
		var date_today = new Date();
		
		if (xeventdatehour>11) {
			xeventampm = 'PM';
			if (xeventdatehour!=12){xeventdatehour=xeventdatehour-12};
		} else {xeventampm = 'AM';};

var xeventdatestring = xeventdateraw.slice(5,7) + '/'+ xeventdateraw.slice(8,10) + '/'+ xeventdateraw.slice(2,4) + ', ' + xeventdatehour + ':' +xeventdateraw.slice(14,16) + xeventampm ;

htmlStringTemp +='<div id="' + val.id + '">' + '<span style="cursor:pointer;" onclick="geteventinfo('+ val.id +')"><span style="color:' + xeventcolorheadline + '; ">' + val.name + '</span><br /><span style="color:' + xeventcolortext + ';">' + xeventdatestring + '<br />'+ '(click for details)' + '</span></span><br /></div>';
htmlStringTemp += ' <br />';
	
	htmlString2 = htmlStringTemp + htmlString2;
	} //close if
  });
  	htmlString2 = htmlString2==''? "No upcoming events at this time.": htmlString2;
  document.getElementById('textsection-2').innerHTML = htmlString2.replace(/\n/g, "<br />");
});*/



//script for loading and showing event

var eventid;

function geteventinfo(xeventid) {
//document.getElementById('eventboxdisplay').style.display='inline';
document.getElementById('announcement_popup').style.display='inline';
document.getElementById('grayeventbackground').style.display='inline';
eventid = xeventid;
var htmlString_event = [];

$.getJSON('https://graph.facebook.com/' + eventid + '&callback=?', geteventinfolist);

function geteventinfolist (eventdata) {
	
  var xeventdateraw = eventdata.start_time;
  var xeventdatehour = xeventdateraw.slice(11,13);
  var xeventampm = [];
  
  if (xeventdatehour>11) {
	  xeventampm = 'PM';
	  if (xeventdatehour!=12){xeventdatehour=xeventdatehour-12};
  } else {xeventampm = 'AM';};
  
  var xeventdatestring = xeventdateraw.slice(5,7) + '/'+ xeventdateraw.slice(8,10) + '/'+ xeventdateraw.slice(2,4);
  var xeventtimestring = xeventdatehour + ':' +xeventdateraw.slice(14,16) + xeventampm ;
	
  htmlString_event += '<span style="color:#C90;"><strong>' +eventdata.name + '</strong></span><br /><br />';
  htmlString_event += 'Date: ' + xeventdatestring+ ', ' + xeventtimestring+ '<br /><br />';
  htmlString_event += 'Where: ' + eventdata.location+ '<br /><br />';
  htmlString_event += eventdata.description+ '<br /><br />';

  document.getElementById('announcement_popup_eventinfo').innerHTML = htmlString_event.replace(/\n/g, "<br />"); //str = str.replace(/find/g,”replace”) to replace all; requires "g"
};
  document.getElementById('announcement_popup_picture').style.backgroundImage = 'url(https://graph.facebook.com/' + eventid + '/picture&callback=?)';
};