/**
* Spreadsheets columns with gallery data
*/
var param_htmlColumn = "html";
var param_typeColumn = "type";
var param_rankColumn = "rank";

var param_ssKey = "o02556420414171186251.953665059621383902";
var param_wsId = "od6";

/**
 * Loads map and calls function to load in worksheet data.
 */
function cm_load() {  		
  cm_getJSON();
} 

/** 
 * Called when JSON is loaded. Iterates through worksheet rows, 
 * creating thumbs/videos as appropriate
 * @param {JSON} json Worksheet feed
 */       
function cm_loadGalleryJSON(json) {
	var imgDiv = document.getElementById("images");
	var imgExpandDiv = document.getElementById("moreImages");
	var vidDiv = document.getElementById("vids");
	var vidExpandDiv = document.getElementById("moreVids");
	
  for (var i = 0; i < json.feed.entry.length; i++) {
	  var hasMedia = false;
    var entry = json.feed.entry[i];
		
    if(entry["gsx$" + param_htmlColumn]) {
      var html = entry["gsx$" + param_htmlColumn].$t;
			var rank = parseInt(entry["gsx$" + param_rankColumn].$t);
			var type = entry["gsx$" + param_typeColumn].$t;
			if(rank <=10 && "img" == type) {
				imgDiv.innerHTML = imgDiv.innerHTML + "<div class='imgcont'>" + html + "</div>";
			}
			else if(rank <=5 && "vid" == type) {
				vidDiv.innerHTML = vidDiv.innerHTML + "<div class='vidcont'>" + html + "</div>";				

			}
    }
  }
}

/**
 * Creates a script tag in the page that loads in the 
 * JSON feed for the specified key/ID. 
 * Once loaded, it calls cm_loadMapJSON.
 */
function cm_getJSON() {

  // Retrieve the JSON feed.
  var script = document.createElement('script');

  script.setAttribute('src', 'http://spreadsheets.google.com/feeds/list'
                         + '/' + param_ssKey + '/' + param_wsId + '/public/values' +
                        '?alt=json-in-script&callback=cm_loadGalleryJSON');
  script.setAttribute('id', 'jsonScript');
  script.setAttribute('type', 'text/javascript');
  document.documentElement.firstChild.appendChild(script);
}