var myIndex;
var TopStory = new Array();
var thumbsArray = new Array();
var photoInfo = new Array();
var linksArray = new Array();
var length;
var myIntervalID = 0;
var intervalTime = 8000;
function parseXML()
{
	var xmlDoc;
	var xmlURL = "includes/xml/featured.php";
	new Ajax.Request(xmlURL, {
		method: "get",
		contentType: "text/xml",
		asynchronous: false,
		onSuccess: function(resp, jsonObj) {
			var viewInSafari = resp;
			xmlDoc = resp.responseXML;
		}
	});
	
	//alert(xmlDoc);
	
	length = xmlDoc.getElementsByTagName("story").length;
	myIndex = 0;
	
	for(var i = 0; i < length; i++)
	{
		TopStory[i] = new Object();
		TopStory[i].title = xmlDoc.getElementsByTagName("story")[i].attributes.getNamedItem("title").value;
		TopStory[i].link = xmlDoc.getElementsByTagName("story")[i].attributes.getNamedItem("link").value;
		TopStory[i].image = xmlDoc.getElementsByTagName("story")[i].attributes.getNamedItem("image").value;
		TopStory[i].longdesc = xmlDoc.getElementsByTagName("story")[i].attributes.getNamedItem("longdesc").value;
		thumbsArray.push(xmlDoc.getElementsByTagName("story")[i].attributes.getNamedItem("thumb").value);
	}
	setUp();
	setUpThumbs();
}

function setUpThumbs()
{
	var myLength = thumbsArray.length;
	var mHTML = '<ul>';
	for(var i=0; i < myLength; i++)
	{
		mHTML+= '<li><a href="javascript:;" onClick="updateScreen('+ i +')"><img src="'+ thumbsArray[i] +'" id="thumb'+ i +'" style="border:0;"/></a></li>';
	}
	mHTML += '</ul>';
	document.getElementById("thumbs").innerHTML = mHTML;
	
	for(var i=0; i < myLength; i++)
	{
		thumbID = "thumb"+i;
		if(i == 0)
		{
			document.getElementById(thumbID).style.opacity = '1';
			document.getElementById(thumbID).style.filter = 'alpha(opacity=' + 100 + ')';
		}else
		{
			document.getElementById(thumbID).style.opacity = '.2';
			document.getElementById(thumbID).style.filter = 'alpha(opacity=' + 20 + ')';
		}
	}
	
	parseFlickrXML();
	
}

function setUp()
{
	var currentIndex = 0;
	
	document.getElementById("featuredTitle").innerHTML = TopStory[currentIndex].title;
	document.getElementById("featuredLink").href = TopStory[currentIndex].link;
	document.getElementById("featuredImage").src = TopStory[currentIndex].image;
	document.getElementById("featuredDesc").innerHTML = TopStory[currentIndex].longdesc;
	myIntervalID = setInterval("runTimer()", intervalTime);
	
	
	
}

function runTimer()
{
	changeStory("foward");
	
}

function changeStory(direction)
{
	var myDirection = direction;
	if(myDirection == "foward")
	{
		myIndex++;
		if(myIndex >= length)
		{
			myIndex = 0;
		}
		
	}else if(myDirection == "back")
	{
		myIndex--;
		if(myIndex < 0)
		{
			myIndex = length-1;
		}
	}
	updateScreen(myIndex);
	
}

function updateScreen(cIndex)
{
	clearInterval(myIntervalID);
	var currentIndex = cIndex;
	myIndex = currentIndex;
	document.getElementById("featuredTitle").innerHTML = TopStory[currentIndex].title;
	document.getElementById("featuredLink").href = TopStory[currentIndex].link;
	document.getElementById("featuredImage").src = TopStory[currentIndex].image;
	document.getElementById("featuredDesc").innerHTML = TopStory[currentIndex].longdesc;
	
	//thumbs highlight
	myLength = thumbsArray.length;
	
	for(var i=0; i < myLength; i++)
	{
		thumbID = "thumb"+i;
		if(i == currentIndex)
		{
			document.getElementById(thumbID).style.opacity = '1';
			document.getElementById(thumbID).style.filter = 'alpha(opacity=' + 100 + ')';
		}else
		{
			document.getElementById(thumbID).style.opacity = '.2';
			document.getElementById(thumbID).style.filter = 'alpha(opacity=' + 20 + ')';
		}
	}
	
	//end highlight
	
	myIntervalID = setInterval("runTimer()", intervalTime);
}

function clearFlickr()
{
	document.getElementById("flickrThumbs").innerHTML = "";
	photoInfo.length = 0;
	linksArray.length = 0;
	parseFlickrXML();
	
}

function parseFlickrXML()
{
	var xmlDoc = "";
	//var xmlURL = "flickrTEST.xml";
	var xmlURL = "";
	var xmlURL = "includes/xml/flickrXMLRetriver.php";
	new Ajax.Request(xmlURL, {
		method: "get",
		contentType: "text/xml",
		asynchronous: false,
		onComplete: function(resp, jsonObj) {
			var viewInSafari = resp;
			xmlDoc = resp.responseXML;
		}
	});
	
	
	myLength = xmlDoc.getElementsByTagName("photo").length;
		
	for(var i = 0; i < myLength; i++)
	{
		photoInfo[i] = new Object();
		photoInfo[i].id = xmlDoc.getElementsByTagName("photo")[i].attributes.getNamedItem("id").value;
		//photoInfo[i].owner = xmlDoc.getElementsByTagName("photo")[i].attributes.getNamedItem("owner").value;
		photoInfo[i].owner = "sdasmarchives";
		photoInfo[i].secret = xmlDoc.getElementsByTagName("photo")[i].attributes.getNamedItem("secret").value;
		photoInfo[i].server = xmlDoc.getElementsByTagName("photo")[i].attributes.getNamedItem("server").value;
		photoInfo[i].farm = xmlDoc.getElementsByTagName("photo")[i].attributes.getNamedItem("farm").value;
		photoInfo[i].title = xmlDoc.getElementsByTagName("photo")[i].attributes.getNamedItem("title").value;
	}
	

	createLinks();
}

function createLinks()
{
	var myLength = photoInfo.length;

	for(var i = 0; i < myLength; i++)
	{
		
		//var link = 'http://www.flickr.com/photos/'+photoInfo[i].owner+'/'+photoInfo[i].id;
		var link = "";
		link = 'http://farm'+photoInfo[i].farm+'.static.flickr.com/'+photoInfo[i].server+'/'+photoInfo[i].id+'_'+photoInfo[i].secret+'_z.jpg';
		
		var title = "";
		
		title = '&lt;a href=&quot;http://www.flickr.com/photos/'+photoInfo[i].owner+'/'+photoInfo[i].id+'&quot;&gt;Visit SDASM Archives Flickr Page&lt;/a&gt;';
		
		var image = "";
		image = '<img src="http://farm'+photoInfo[i].farm+'.static.flickr.com/'+photoInfo[i].server+'/'+photoInfo[i].id+'_'+photoInfo[i].secret+'_s.jpg" width="60" height="60" alt="'+photoInfo[i].title+'"/>';
	
		linksArray.push('<a href="'+link+'" rel="lightbox" title="'+title+'" target="_blank">'+image+'</a>');
		//linksArray.push('<a href="'+link+'" title="'+title+'" target="_blank">'+image+'</a>');
	}	
	
	displayImages();
}

function displayImages()
{
	var randomnumber = Math.floor(Math.random()*200);
	var myLength = linksArray.length;
	var mHTML = '';
	for(var i = 0; i < 48; i++)
	{
		if(!linksArray[i])
		{
			break;
		}
		mHTML+= linksArray[i];
	}
	mHTML += '';
	document.getElementById("flickrThumbs").innerHTML = mHTML;	
	
		finished();
	
}

function finished()
		{
		
			$("a[rel=lightbox]").fancybox({
				'titlePosition' 	: 'outside',
				'transitionOut'	: 'elastic',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});
			
			
		
		}
window.onload=parseXML;