function ColapseUncolapse(targetID, sourceID, oldContent, newContent) {
	oldContent = '<img border="0" src="/res/triangleZipped.gif">' + oldContent;
	newContent = '<img border="0" src="/res/triangleUnzipped.gif">' + newContent;
	var elementmode = document.getElementById(targetID).style;
	elementmode.display = (!elementmode.display) ? 'none' : '';
	var elementToChange = document.getElementById(sourceID);
	elementToChange.innerHTML = (!elementmode.display) ? newContent : oldContent;
}

//// class Tabs
function ShowPane(tabs, panes, actPaneId, activeTab) { 
	for (tab in tabs) document.getElementById(tabs[tab]).className = "tabInactive";
	activeTab.className = "tabActive";
	for (pane in panes) document.getElementById(panes[pane]).style.display = (actPaneId == panes[pane]) ? "" : "none";
	return false; 
} 

//// menu
var timeout	= 200;
var closetimer	= 0;
var ddmenuitem	= 0;
function mopen(id) {	
	mcancelclosetime();
	if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}
function mclose() {
	if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
function mclosetime() {
	closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime() {
	if (closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
//document.onclick = mclose; 


//// add file
function newInputElement(type, nameAndId) {
 	var elm = document.createElement("input");
 	elm.setAttribute("type", type);
 	elm.setAttribute("name", nameAndId);
 	elm.setAttribute("id", nameAndId);  
  return elm;
}
var picNum = 1;
function addPictureInput(fileLabel, titleLabel) {
 	var d = document.createElement("div");
  d.setAttribute("class", "fileInputLine");
  d.appendChild(document.createTextNode(fileLabel+' '+picNum+': '));
 	var file = newInputElement("file", "picture"+picNum);
 	file.setAttribute("size", "20");
 	d.appendChild(file);
  d.appendChild(document.createTextNode(' '+titleLabel+' '));
 	var title = newInputElement("text", "pictureTitle"+picNum);
 	title.setAttribute("size", "20");
 	d.appendChild(title);
 	document.getElementById("moreUploads").appendChild(d);
 	picNum++;
}
var ytVideoNum = 1;
function addYouTubeInput(fileLabel, titleLabel) {
 	var d = document.createElement("div");
  d.setAttribute("class", "fileInputLine");
  d.appendChild(document.createTextNode(fileLabel+' '+ytVideoNum+': '));
 	var file = newInputElement("text", "ytVideo"+ytVideoNum);
 	file.setAttribute("size", "20");
 	d.appendChild(file);
  d.appendChild(document.createTextNode(' '+titleLabel+' '));
 	var title = newInputElement("text", "ytVideoTitle"+ytVideoNum);
 	title.setAttribute("size", "20");
 	d.appendChild(title);
 	document.getElementById("moreYTVideosUploads").appendChild(d);
 	ytVideoNum++;
}
var mp3Num = 1;
function addMP3Input(fileLabel, titleLabel) {
 	var d = document.createElement("div");
  d.setAttribute("class", "fileInputLine");
  d.appendChild(document.createTextNode(fileLabel+' '+mp3Num+': '));
 	var file = newInputElement("file", "mp3"+mp3Num);
 	file.setAttribute("size", "20");
 	d.appendChild(file);
  d.appendChild(document.createTextNode(' '+titleLabel+' '));
 	var title = newInputElement("text", "mp3Title"+mp3Num);
 	title.setAttribute("size", "20");
 	d.appendChild(title);
 	document.getElementById("moreMP3Uploads").appendChild(d);
 	mp3Num++;
}