// JavaScript Document
var feedReq;

function init(tag) {
	document.getElementById('photos').innerHTML = 'Loading...';
	loadFlickr(tag);
}

function loadFlickr(tag) {
	
	if(window.XMLHttpRequest) {
		feedReq = new XMLHttpRequest();
	} else {
		if (window.ActiveXObject) {
			try {	feedReq = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
		}
	}
		
	if (feedReq) {
		feedReq.onreadystatechange = showContents;
		feedReq.open("GET", "flickrfeed.cfm?tag=" + tag, true);
		feedReq.send(null);
	} 
}

function showContents() {
	var displayPhotos = '';
	if (feedReq.readyState == 4) {
		if (feedReq.status == 200) {
			var feedItems = feedReq.responseXML.getElementsByTagName('item');
			for (var i=0; i < feedItems.length; i++) {
				try {
					var thumbnail = feedItems[i].getElementsByTagName('thumbnail')[0].getAttribute('url'); 
					var bigphoto = feedItems[i].getElementsByTagName('content')[0].getAttribute('url'); 
				} catch (e) {
					var thumbnail = feedItems[i].getElementsByTagName('media:thumbnail')[0].getAttribute('url'); 
					var bigphoto = feedItems[i].getElementsByTagName('media:content')[0].getAttribute('url'); 
				}
				//var photoURL = feedItems[i].getElementsByTagName('link')[0].firstChild.nodeValue;
				var altText = feedItems[i].getElementsByTagName('title')[0].firstChild.nodeValue;
				//var altText = "";
				displayPhotos += '<a href="photograph.cfm?photo=' + bigphoto + '" target="photos"><img src="' + thumbnail + '" height="75" width="75" title="' + altText + '" border="0" /></a>';
			}
			
			document.getElementById('photos').innerHTML = displayPhotos;
			//alert(displayPhotos);
		} else {
		var outMsg = "I couldn't load the photos: Error " + feedReq.status;
		document.getElementById('photos').innerHTML = outMsg;
		}
	}
}