var xml;
var mstrAlbumsLocation="";


//get news from news.xml
function LoadAlbums()
{
	var divMainPhotos=document.getElementById("divMainPhotos");

	getXMLData("data/photos.xml","LoadAlbums_Callback()")

}

function LoadAlbums_Callback()
{
xml=xmlDoc;

	var divMainPhotos=document.getElementById("divMainPhotos");
	var divMainContent=document.getElementById("MainContent");
	
	var objAlbumsXML=xmlDoc.getElementsByTagName("Albums");
	var objAlbumXML=xmlDoc.getElementsByTagName("Album");
	
	var strAlbumsLocation=objAlbumsXML[0].getAttribute("location");
	var html="<h1>Choose an album</h1>";


	for (var i=0;i<objAlbumXML.length;i++)
	{

		var objAlbumItemXML=objAlbumXML[i];
		var strAlbumLocation=strAlbumsLocation+"/"+objAlbumItemXML.getAttribute("location");
		
		
		html+="<div id='albums' >";
		var objPhoto=objAlbumItemXML.getElementsByTagName("photo");
		
		html+="<a  href='javascript:ShowPhotos(" + i + ")' ><img src='" + strAlbumLocation+"/"+ objPhoto[0].getAttribute("filename")  + 
			"' value='" + objAlbumItemXML.getAttribute("title")+ "' width=150 height=100 " + 
			"></a>";
	//	html+="<a  href='javascript:ShowPhotos(" + i + ",\"" + strAlbumLocation + "\")' ><img src='" + strAlbumLocation+"/"+ objPhoto[0].getAttribute("filename")  + 
	//		"' value='" + objAlbumItemXML.getAttribute("title")+ "' width=150 height=100 " + 
	//		"></a>";

		html+="<div class='albumTitle'>"+objAlbumItemXML.getAttribute("title") + "</div>";
		//html+="<div class='albumDate'>"+objAlbumItemXML.getAttribute("date") + "</div>";
				
	//	html+="<div class='albumSubmittedBy'>Created By "+objAlbumItemXML.getAttribute("createdBy") + "</div>";
		
		
		html+="</div>";
		
		

	}
	
		//alert(html);
	divMainPhotos.innerHTML=html;
	
	//set the height of the parent
	//var height=100*(objAlbumXML.length-1);
	//document.getElementById("MainContent").style.height=height+"px";
	
	
}

function ShowPhotos(intAlbumCount)
{
	var divMainPhotos=document.getElementById("divMainPhotos");
	var html="";
	//setup xml
	var objAlbumXML=xml.getElementsByTagName("Album");
	var objAlbumItemXML=objAlbumXML[intAlbumCount];
	
	var strAlbumLocation=xml.getElementsByTagName("Albums")[0].getAttribute("location")
		+ "/" + objAlbumItemXML.getAttribute("location") + "/";
	


	html+="<h1>Viewing album: " + objAlbumItemXML.getAttribute("title") +"</h1>";
	html+="<a href='javascript:LoadAlbums()'>Go Back to Albums</a><br>";
	
	var objPhoto=objAlbumItemXML.getElementsByTagName("photo");
	for (var i=0;i<objPhoto.length;i++)
	{
		var objPhotoItemXML=objPhoto[i];
		
		html+="<div id='Photos' >";
		
		//html+="<a  href='javascript:ShowPhotoSlide("+ intAlbumCount + ","+ i + ")' ><img src='" + strAlbumLocation + objPhotoItemXML.getAttribute("filename")  + 
		//	"' value='" + objPhotoItemXML.getAttribute("title")+ "' width=75 height=50 " + 
		//	"></a>";
		html+="<a  title=\"test\" class=\"thickbox\" rel=\"gallery\" href='" + strAlbumLocation + objPhotoItemXML.getAttribute("filename") + "' ><img alt=\"hh\" src='" + strAlbumLocation + objPhotoItemXML.getAttribute("filename")  + 
			"' value='" + objPhotoItemXML.getAttribute("title")+ "' width=75 height=50 " + 
			"/></a>";

		html+="<div class='albumTitle'>"+objPhotoItemXML.getAttribute("title") + "</div>";
		//html+="<div class='albumDate'>"+objPhotoItemXML.getAttribute("date") + "</div>";
				
		//html+="<div class='albumSubmittedBy'>Created By "+objPhotoItemXML.getAttribute("submittedBy") + "</div>";
		html+="</div>";
	}
	
	divMainPhotos.innerHTML=html
	$(document).ready(TB_init);
}
function ShowPhotoSlide(intAlbum,intPhoto)
{
	var divMainPhotos=document.getElementById("divMainPhotos");
	var html="";
	//setup xml
	var objAlbumXML=xml.getElementsByTagName("Album");
	var objAlbumItemXML=objAlbumXML[intAlbum];
	
	var strAlbumLocation=xml.getElementsByTagName("Albums")[0].getAttribute("location")
		+ "/" + objAlbumItemXML.getAttribute("location") + "/";
		
	var objPhotoItem=objAlbumItemXML.getElementsByTagName("photo")[intPhoto];

	html+="<a href='javascript:ShowPhotos(" + intAlbum + ")'>Go Back to Album: " + 
				objAlbumItemXML.getAttribute("title") +"</a><br>";
	
	//show photo info
	html+="<div id='PhotoSlideShow'>"
	html+="<h1>" + objPhotoItem.getAttribute("title")+"</h1>";
	
	//output top controls
	html+="<span class='controls'>";
	if (intPhoto>0)
		html+="<a href='javascript:ShowPhotoSlide(" + intAlbum +"," + (intPhoto-1) +")'>Previous</a> ";
	else
		html+="Previous ";
	if (intPhoto< objAlbumItemXML.getElementsByTagName("photo").length-1)
		html+="<a href='javascript:ShowPhotoSlide(" + intAlbum +"," + (intPhoto+1) +")'>Next</a>";
	else
		html+="Next";
	html+="</span>";
	
	//show the actual photo
	html+="<img src='" + strAlbumLocation+objPhotoItem.getAttribute("filename") + "'  width=100%></img>";
	html+="Submitted By: " + objPhotoItem.getAttribute("submittedBy")+" @ ";
	html+=objPhotoItem.getAttribute("date");
	
	//output bottom controls
	html+="<span class='controls'>";
	if (intPhoto>0)
		html+="<a href='javascript:ShowPhotoSlide(" + intAlbum +"," + (intPhoto-1) +")'>Previous</a> ";
	else
		html+="Previous ";
	if (intPhoto< objAlbumItemXML.getElementsByTagName("photo").length-1)
		html+="<a href='javascript:ShowPhotoSlide(" + intAlbum +"," + (intPhoto+1) +")'>Next</a>";
	else
		html+="Next";
	html+="</span>";
	
	html+="</div>";
	divMainPhotos.innerHTML=html;
}

function LoadRandomPhotos()
{
	var divRandomPhotos=document.getElementById("divRandomPhotos");

	
	getXMLData("data/photos.xml","LoadRandomPhotos_Callback()")
	
	divRandomPhotos.innerHTML="Getting Photos";
}

function LoadRandomPhotos_Callback()
{
	var divRandomPhotos=document.getElementById("divRandomPhotos");
	var html="";
	
	
	var objAlbumsXML=xmlDoc.getElementsByTagName("Albums");
	var objAlbumXML=xmlDoc.getElementsByTagName("Album");
	
	var intRandomAlbum=Math.round((objAlbumXML.length-1) *Math.random());
	var objRandomAlbumXML=objAlbumXML[intRandomAlbum];
	
	var objPhoto=objRandomAlbumXML.getElementsByTagName("photo");
	
	
	var strAblbumsLocation=objAlbumsXML[0].getAttribute("location");
	var strAlbumLocation=strAblbumsLocation+"/"+objRandomAlbumXML.getAttribute("location")+"/";

	//alert(objPhoto[i].getAttribute("filename"));
	for (var i=0;i<mintLatestPhotosCount;i++)
	{
		var intRandomPhoto=Math.round((objPhoto.length-1) *Math.random());;
		
		var objPhotoItemXML=objPhoto[intRandomPhoto];
		var strPhotoLocation=strAlbumLocation+"/"+objPhotoItemXML.getAttribute("filename");
				
		
		
		html+="<a href='" + strPhotoLocation + "' class=\"thickbox\" rel=\"gallery\" title=\""+ objPhotoItemXML.getAttribute("title") + "\"> <img src='" + strPhotoLocation  + 
			"' value='" + objPhotoItemXML.getAttribute("title")+ "' width=75 height=50 " + 
			">";

	//	html+="<div class='albumTitle'>"+objPhotoItemXML.getAttribute("title") + "</div>";
	//	html+="<div class='albumDate'>"+objPhotoItemXML.getAttribute("date") + "</div>";
				
		//html+="<div class='albumSubmittedBy'>Created By "+objPhotoItemXML.getAttribute("submittedBy") + "</div>";
		
				
		
	}
	
	
	
	divRandomPhotos.innerHTML=html;
	$(document).ready(TB_init);
}