document.write("<style type='text/css'>#thephoto { visibility: hidden; }</style>");
document.write("<style type='text/css'>#exif-data { display: none; }</style>");
document.write("<style type='text/css'>#exif-hide { display: none; }</style>");
window.onload = function() { initImage(); initToggle(); initExif(); }

function initImage() {
	imageID = 'thephoto';
	image = document.getElementById(imageID);
	if (!image) return;
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageID,0);
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function initToggle() {
    var toggle = document.getElementById('toggle');
    if (toggle) {
        toggle.onclick = toggleRows;
        if (toggle.captureEvents) toggle.captureEvents(Event.CLICK)
    }
}

function initExif() {
    var exifShow = document.getElementById('exif-show');
    var exifHide = document.getElementById('exif-hide');
    if (exifShow && exifHide) {
        exifShow.onclick = showExif;
        exifHide.onclick = hideExif;
        if (exifShow.captureEvents) exifShow.captureEvents(Event.CLICK)
        if (exifHide.captureEvents) exifHide.captureEvents(Event.CLICK)
        }
}

function showExif() {
  var exifShow = document.getElementById('exif-show');
  var exifHide = document.getElementById('exif-hide');
  var moreinfo = document.getElementById('more-info');
  var theTable = moreinfo.getElementsByTagName('table').item(0);

  if(theTable.style.display == "none" || theTable.style.display == "") {
    theTable.style.display = "table";
    exifHide.style.display = "block";
    exifShow.style.display = "none";
  }
}

function hideExif() {
  var exifShow = document.getElementById('exif-show');
  var exifHide = document.getElementById('exif-hide');
  var moreinfo = document.getElementById('more-info');
  var theTable = moreinfo.getElementsByTagName('table').item(0);

  if(theTable.style.display == "table") {
    theTable.style.display = "none";
    exifHide.style.display = "none";
    exifShow.style.display = "block";
  }
}

function toggleRows() {
	var galleries = document.getElementById("galleries");
    var theTable = galleries.getElementsByTagName("table").item(0);
    var tableBody = theTable.getElementsByTagName("tbody").item(0);
    var theRows = tableBody.getElementsByTagName("tr")
    var numRows = theRows.length
    
    var toggle = document.getElementById("toggle")
    var toggleText = document.getElementById("toggle").innerHTML
    if (toggleText == "show all<SPAN> ↓</SPAN>") {
        toggle.innerHTML = "show recent<span> &#8593;</span>";
	}
	else {
        //alert ("it is show recent now, changing it to show all");
        toggle.innerHTML = "show all<span> &#8595;</span>";
    }

	for (var i = (numRows - 1); i > 5; i--) {
        if(theRows.item(i).style.display == "none" || theRows.item(i).style.display == "") {
            theRows.item(i).style.display = "table-row";
        }
        else {
            theRows.item(i).style.display = "none";
        }
	}
}