
    function addDescription() {

	var textareas = getTextAreas();
	var descriptbox = document.getElementById("descriptbox");
	var tadiv = document.createElement('div');
	tadiv.setAttribute('id', 'tadiv'+textareas);
	tadiv.setAttribute('class', 'tadiv');
	var ta = document.createElement('textarea');
	ta.setAttribute('name', 'desc'+textareas);
	ta.setAttribute('id', 'desc'+textareas);
	var rem = document.createElement('a');
	rem.setAttribute('id', 'rem'+textareas);
	rem.setAttribute('onclick', 'removeEl("tadiv'+textareas+'")');
//	rem.setAttribute('style', 'display:block;text-align:right');
	rem.appendChild(document.createTextNode('Remove this Text Area'));
//	tadiv.appendChild(document.createTextNode('Text Area id: desc'+textareas+' | '));
	tadiv.appendChild(rem);
	tadiv.appendChild(ta);
	descriptbox.appendChild(tadiv);
	/*
	tinyMCE.init({
	    mode : "textareas",
	    theme : "advanced",
	});
	*/

    }

    function getTextAreas() {

	// determine number of textareas in document
	var textareas = document.getElementsByTagName('textarea');
	return textareas.length;

    }

    function removeEl(el) {

	elm = document.getElementById(el);
	elm.parentNode.removeChild(elm);
	var textareas = document.getElementsByTagName('textarea');
	for (var i = 0; i < textareas.length; i++) {
	    textareas[i].setAttribute('id', 'desc'+i);
	    textareas[i].setAttribute('name', 'desc'+i);
	}
	for (var i = 0; i < textareas.length; i++) {
	    // alert(textareas[i].getAttribute('id'));
	}

    }

    function removeDescription(desc) {

	var desc = document.getElementById(desc);
	var i = 0;
	var str = '';
	while (desc.parentNode.childNodes[i]) {
	    str += desc.parentNode.childNodes[i].nodeName + ': ' + desc.parentNode.childNodes[i].nodeValue + "\n";
	    if (desc.parentNode.childNodes[i].hasChildNodes()) {
		    str += 'has children: ';
		    str += desc.parentNode.childNodes[i].firstChild.nodeName + "\n";
	    }
	    i++;
	}
	desc.parentNode.removeChild(desc);

    }

    function swapDesc() {

	switchDesc();
	/*
	var descA = document.getElementById('descA');
	var descB = document.getElementById('descB');
	if (descA.style.display == 'none') {
	    shiftleft('descB');
	} else {
	    shiftleft('descA');
	}
	*/
    }

    function switchDesc() {
	var descA = document.getElementById('descA');
	var descB = document.getElementById('descB');
	var swap = document.getElementById('swap');
	if (descA.style.display == 'none') {
	    descB.style.display = 'none';
	    descA.style.display = 'block';
        swap.innerHTML = '1 | <a onclick="swapDesc()">2</a>';
	} else {
	    descA.style.display = 'none';
	    descB.style.display = 'block';
        swap.innerHTML = '<a onclick="swapDesc()">1</a> | 2';
    }
    /*
	var a = document.createElement('a');
	a.setAttribute('onclick', 'swapDesc()');
	if (descA.style.display == 'none') {
	    descB.style.display = 'none';
	    descA.style.display = 'block';
	    swap.removeChild(swap.lastChild);
	    swap.removeChild(swap.lastChild);
	    swap.appendChild(document.createTextNode('1 | '));
	    a.appendChild(document.createTextNode('2'));
	    swap.appendChild(a);
	//    shiftright('descA');
	} else {
	    descA.style.display = 'none';
	    descB.style.display = 'block';
	    swap.removeChild(swap.lastChild);
	    swap.removeChild(swap.lastChild);
	    a.appendChild(document.createTextNode('1'));
	    swap.appendChild(a);
	    swap.appendChild(document.createTextNode(' | 2'));
	//   shiftright('descB');
	}
    */
    }

    var left = 0;
    var i = 0;
    var tween = new Array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1); // all these numbers add up to 100
    var tween2 = new Array(10, 9, 8, 7, 6, 5, 4, 3, 2, 1); // all these numbers add up to 55 

    function shiftleft(id) {
	left -= Math.round(tween2[i] * 300/55); 
	document.getElementById(id).style.left = left + 'px';
	i++;
	if(left > -300) {
            setTimeout("shiftleft('" + id + "')", 50);
	} else {
	    i=0;
	    left = -300;
	    switchDesc();
	}
    }

    function shiftright(id) {
	left += Math.round(tween2[i] * 300/55); 
	document.getElementById(id).style.left = left + 'px';
	i++;
	if(left < 0) {
            setTimeout("shiftright('" + id + "')", 50);
	} else {
	    document.getElementById(id).style.left = 0;
	    i=0;
	    left = 0;
	}
    }

    /*
    tinyMCE.init({
	mode : "textareas",
	theme : "advanced",
	//plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr/advimage,advlink,emotions,iespell",

	// Theme options
//	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull"
	//theme_advanced_buttons3_add : "tablecontrols",
	//table_styles : "Header 1=header1;Header 2=header2;Header3=header3",
	//table_cell_styles : "Header 1=header1;Header 2=header2;Header3=header3;Table Cell=tableCell",

	// CSS
	//content_css : "./css/styles.css"
    });
    */

    function step(bf, arraylength) {
	bf == "b" ? num-- : num++;
	num >= arraylength ? num = 0 : "";
	var limit = arraylength - 1;
	num < 0 ? num = limit : "";
	fadeout("image");
//	document.getElementById("image").src = jpgnames[num];
	var imgnum = document.getElementById("imgnum");
	imgnum.removeChild(imgnum.firstChild);
	imgnum.appendChild(document.createTextNode(num+1));
	var caption = document.getElementById("caption");
//	caption.removeChild(caption.firstChild);
	caption.innerHTML = captions[num];
//	num++;
    }

    function switchimg() {
	document.getElementById("image").src = jpgnames[num];
	fadein("image");
    }

    var opa = 9;

    function fadeout(id) {
	document.getElementById(id).style.opacity = "0." + opa;
	e = opa * 10;
	document.getElementById(id).style.filter = "alpha(opacity=" + e + ")";
	opa -= 3;
	if (opa >= 0) {
            setTimeout("fadeout('" + id + "')", 100);
	} else {
	    switchimg();
	}
    }

    function fadein(id) {
	document.getElementById(id).style.opacity = "0." + opa;
	e = opa * 10;
	document.getElementById(id).style.filter = "alpha(opacity=" + e + ")";
	opa += 3;
	if (opa <= 10) {
            setTimeout("fadein('" + id + "')", 100);
	} else {
	    document.getElementById(id).style.opacity = "1";
	    document.getElementById(id).style.filter = "alpha(opacity=100)";
	    opa = 9;
	}
    }

