/**
gCalJSON
Copyright 2006 Mark Percival -  SquarePush, LLC
mark@squarepush.com
Released under GPL
A JSON implementation of gCalAjax.
**/

//document.write "";





function showCalendar(gCalFeed,maxResults) {

	
var today = new Date();
var startDate = today.getFullYear() + '-';
startDate += (today.getMonth()+1 < 10) ? '0'+(today.getMonth()+1) : today.getMonth()+1; 
startDate += '-';
startDate += (today.getDate() < 10) ? '0'+today.getDate() : today.getDate(); 

gCalFeed += '?alt=json-in-script&callback=jsonhandler&singleevents=true&orderby=starttime&sortorder=a&start-min='+startDate + 'T00:00:00.000-04:00&max-results=' + maxResults;

document.write("<script type='text/javascript' language='javascript' src='"+ gCalFeed +"'></script>");
}

function jsonhandler(response) {
	var feed = response.feed;
	var outputHTML = "<table border=0 cellspacing=4 cellpadding=4 class=transparent><tr><td colspan=2 ><div class='Calendar_Title'>" + feed['title'].$t + "</div></td></tr>";
	var itemTimePrev = new Date();
	itemTimePrev.setTime(0);
	
	if(feed.entry) { 
		for (var i = 0 ; i < feed.entry.length; i++) {
	      var entry = feed.entry[i];
	      var itemTitle = entry['title'].$t;
		  var itemLink = entry['link'][0].href;
		  var itemTimeRaw = entry['gd$when'][0].startTime;
		  // What I added - Mark
		  
		    var myhoverId = "hp"+ feed['title'].$t +i;
			myhoverId = myhoverId.replace(/ /g,"");
		  
		  // ****
		  var itemLocation = entry['gd$where'][0].valueString;
		  var itemDescr = entry['content'].$t;
		  // *****
		  var isAllDay = false; //init isAllDay variable
	      if (itemTimeRaw.length <= 10) isAllDay = true; //just the date is only 10 digits = all day event
	      var itemTime = new Date();
	      itemTime.setTime (Date.UTC(itemTimeRaw.substr(0,4),(itemTimeRaw.substr(5,2)-1),itemTimeRaw.substr(8,2),itemTimeRaw.substr(11,2),itemTimeRaw.substr(14,2)));
	      if ((itemTime.getUTCDate()!=itemTimePrev.getUTCDate())||(itemTime.getUTCMonth()!=itemTimePrev.getUTCMonth()))
	        outputHTML += '<tr><td align=center valign=top  id="hov'+ myhoverId+'" style="cursor:pointer;" class=calevent onclick="toggle(\''+ myhoverId+'\')"><span class=example-date><span class=month>' + getMonthName(itemTime)+ '</span> <span class=day>' + itemTime.getUTCDate() + "</span><span class=year>"+ itemTime.getUTCFullYear() +"</span></span></td><td align=left><span class=theVenue>" + itemTitle+"</span>" ;

	   if (!isAllDay) outputHTML += '<span class=thetime>'+getDayName(itemTime)+" @ "+getTimeFormatted(itemTime)+'</span>';    
	   
	    outputHTML += '</td></tr>';   
	    

	                /*POPUP*/
	        outputHTML += '<tr><td colspan=2><div class=GigDetail id="'+ myhoverId+'" style="display:none;"><div class=rssdate>' +getDayName(itemTime)+', '+ getMonthName(itemTime)+ ' ' + itemTime.getUTCDate() + "</div><div class=theVenue>" + itemTitle +'</div><div class=location><a href="http://maps.google.com/?q='+itemLocation+'" class=maplink target=map>'+ itemLocation+'</a></div>'+ itemDescr +'</div></td></tr>';   

	     
	    }  
		  //And here as well, I added the location and description to the list item.
	  //   outputHTML += ' <a href="' + itemLink + '" target="GoogleCalendar">' + itemTitle + '</a>';
	      itemTimePrev.setTime(itemTime); //Save the last timestamp for next iteration comparison	  
//	    }
	    
	    
	    
	outputHTML += "</table>";
	setHTML("gcalajax", "<div class='padded'>"+outputHTML+"</div><br>");
	setHTML("status", "");
	}
	else {setHTML("status", "");}
}



/*
* Time Format - Month  */

function getMonthName(dateObject) {
    var m_names = new Array("Jan", "Febr", "Mar", 
    "Apr", "May", "June", "July", "Aug", "Sep", 
    "Oct", "Nov", "Dec");
    return(m_names[dateObject.getUTCMonth()]);
}
/*
* Time Format - Hour
*/
 

function getDayName(dateObject) {
    var m_day = new Array("Sunday","Monday", "Tuesday", "Wednesday", 
    "Thursday", "Friday", "Saturday");
    return(m_day[dateObject.getUTCDay()]);
}





function getTimeFormatted(dateObject) {
    var hours = dateObject.getUTCHours();
    var minutes = dateObject.getUTCMinutes();
    var formattedTime = null;
    if (is24Hour) {
        if (minutes < 10){minutes = "0" + minutes;}
        formattedTime = hours + ':' + minutes;
        return (formattedTime);
    }
    else {
        var ampm = "AM";
        if (hours > 12){
            hours = hours - 12;
            ampm = "PM";}
        if (hours == 12){ampm = 'PM';}
        if (hours == 0) {hours = 12;}
        if (minutes < 10){minutes = "0" + minutes;}
        formattedTime = hours + ':' + minutes + ' ' + ampm;
		return (formattedTime);
    }
}

function setHTML(div, data)
{
	document.write(data);
}   




	
function toggle(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

function ShowPopup(hoveritem , myIdtoPop)
{
	
var x = hoveritem.offsetLeft;var y = hoveritem.offsetTop;
while(hoveritem.offsetParent){
if(hoveritem==document.getElementsByTagName('body')[0]){break;}
else{
x=x+hoveritem.offsetParent.offsetLeft ;
y=y+hoveritem.offsetParent.offsetTop ;
hoveritem=hoveritem.offsetParent;
}
}
this.x=x;this.y=y;
//return this.x;
//return this.y;
	
hp = document.getElementById(myIdtoPop);
// Set position of hover-over popup

hp.style.top = y+ 30;
hp.style.left = x ;//hoveritem.offsetLeft + 20 ;
//alert("top"+hoveritem1.offsetTop +"    left:"+ par);
// Set popup to visible
hp.style.visibility = "Visible";
}

function HidePopup(myIdtoPop)
{
hp = document.getElementById(myIdtoPop);
hp.style.visibility = "Hidden";
}