function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

function navigatePhotoPage (elementID, pageNum) {

	var tmp
	
	document.getElementById("MainPanel" + elementID).innerHTML = '<div id="HeadlineImage' + elementID + '" style="filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: ' + picWidth + 'px;">\n' + FrontPageAlbum[elementID][1][pageNum - 1][0] + '</div>\n'
	document.getElementById("PageNo" + elementID).innerHTML = pageNum + ' of ' + FrontPageAlbum[elementID][1].length
	document.getElementById("HeadlineContent" + elementID).innerHTML = FrontPageAlbum[elementID][1][pageNum - 1][1]
	if (pageNum == 1) {
		document.getElementById("HeadlineForward" + elementID).innerHTML = '<img src="austin/picbox/btn_picBox1_back.gif" width="14" height="15" border="0" align="absbottom" />'
	}
	else {
		document.getElementById("HeadlineBackward" + elementID).innerHTML = '<a href="#" onclick="navigatePhotoPage(' + elementID + ', ' + (pageNum - 1) + '); return false;"><img src="austin/picbox/btn_picBox1_back.gif" width="14" height="15" border="0" align="absbottom" /></a>'
	}
	
	if (pageNum == FrontPageAlbum[elementID][1].length) {
		document.getElementById("HeadlineForward" + elementID).innerHTML = '<img src="austin/picbox/btn_picBox1_forward.gif" width="15" height="15" border="0" align="absbottom" />'
	}
	else {
		document.getElementById("HeadlineForward" + elementID).innerHTML = '<a href="#" onclick="navigatePhotoPage(' + elementID + ', ' + (pageNum + 1) + '); return false;"><img src="austin/picbox/btn_picBox1_forward.gif" width="15" height="15" border="0" align="absbottom" /></a>'
	}
	
	currentOpac('HeadlineImage' + elementID, 100, 1000);
	
}

function showPhoto (elementID) {
	
	var str
	
	document.getElementById("MainPanel" + elementID).innerHTML = '<div id="HeadlineImage' + elementID + '">' + FrontPageAlbum[elementID][1][0][0] + '</div>'
	document.getElementById("PageNo" + elementID).innerHTML = '1 of ' + FrontPageAlbum[elementID][1].length
	document.getElementById("HeadlineBackward" + elementID).innerHTML = '<img src="austin/picbox/btn_picBox1_back.gif" width="14" height="15" border="0" align="absbottom" />'
	if (FrontPageAlbum[elementID][1].length > 1) {
		document.getElementById("HeadlineForward" + elementID).innerHTML = '<a href="#" onclick="navigatePhotoPage(' + elementID + ', 2); return false;"><img src="austin/picbox/btn_picBox1_forward.gif" width="15" height="15" border="0" align="absbottom" /></a>'
	}
	else {
		document.getElementById("HeadlineForward" + elementID).innerHTML = '<img src="austin/picbox/btn_picBox1_forward.gif" width="15" height="15" border="0" align="absbottom" />'
	}
	document.getElementById("HeadlineContent" + elementID).innerHTML = FrontPageAlbum[elementID][1][0][1]
	
}

function navigateVideoPage (elementID, pageNum) {

	var str
	var i
	var w
	
	document.getElementById("HeadlineVideo" + elementID).innerHTML = '<object width="389" height="234"><param name="movie" value="http://www.youtube.com/v/' + FrontPageAlbum[elementID][1][pageNum - 1][0] + '&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/' + FrontPageAlbum[elementID][1][pageNum - 1][0] + '&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="389" height="234" wmode="transparent"></embed></object>'
	str = ''
	for (i = 1; i <= 5; i++) {
		if ((i == 5) || (i == 1))
			w = 57
		else
			w = 58
		if (i <= FrontPageAlbum[elementID][1].length)
			if (i == pageNum)
				str += '<img src="austin/picbox/btn_picBox2_video' + i + '_on.gif" width="' + w + '" height="29" border="0" />'
			else
				str += '<a href="#" onclick="navigateVideoPage(' + elementID + ', ' + i + '); return false;"><img src="austin/picbox/btn_picBox2_video' + i + '.gif" width="' + w + '" height="29" border="0" /></a>'
		else
			str += '<img src="austin/picbox/btn_picBox2_video_none.gif" width="' + w + '" height="29" border="0" />'
	}
	document.getElementById("PageButton" + elementID).innerHTML = str
	document.getElementById("HeadlineContent" + elementID).innerHTML = FrontPageAlbum[elementID][1][pageNum - 1][1]
	
}

function showVideo (elementID) {
	
	var str
	var i
	var w
	
	document.getElementById("HeadlineVideo" + elementID).innerHTML = '<object width="389" height="234"><param name="movie" value="http://www.youtube.com/v/' + FrontPageAlbum[elementID][1][0][0] + '&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/' + FrontPageAlbum[elementID][1][0][0] + '&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="389" height="234" wmode="transparent"></embed></object>'
	str = '<img src="austin/picbox/btn_picBox2_video1_on.gif" width="57" height="29" border="0" />'
	for (i = 2; i <= 5; i++) {
		if (i == 5)
			w = 57
		else
			w = 58
		if (i <= FrontPageAlbum[elementID][1].length)
			str += '<a href="#" onclick="navigateVideoPage(' + elementID + ', ' + i + '); return false;"><img src="austin/picbox/btn_picBox2_video' + i + '.gif" width="' + w + '" height="29" border="0" /></a>'
		else
			str += '<img src="austin/picbox/btn_picBox2_video_none.gif" width="' + w + '" height="29" border="0" />'
	}
	document.getElementById("PageButton" + elementID).innerHTML = str
	document.getElementById("HeadlineContent" + elementID).innerHTML = FrontPageAlbum[elementID][1][0][1]
	
}

function showMedia () {
	
	var i
	
	for (i = 0; i < FrontPageAlbum.length; i++)
		if (FrontPageAlbum[i][0] == 'V')
			showVideo (i)
		else
			showPhoto (i)
	
}