//-------------------------------------------------------
// showHide.js
//
// This file contains functions to show and hide <div>
// elements. It also contains functions to expand
// or contract <textarea> elements.
//-------------------------------------------------------

// Create the 'getElementByClassName' function
// to select all elements on the page with
// the given class name.
document.getElementsByClassName = function(cl) {
	
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	
	return retnode;
}

// Show or hide the <div> elements with the given class name
// and switch the toggle link image.
function toggleDivs(showHideDiv, switchImgTag) {

    var elems = document.getElementsByClassName(showHideDiv);
    var imageEle = document.getElementById(switchImgTag);
    
    // Toggle each <div>
    for (var i = 0; i < elems.length; i++) toggleDiv(elems[i]);
	
	//Toggle image
	if(imageEle.innerHTML === '<img class="thumb" src="images/plus.png">&nbsp;advanced settings') {
		imageEle.innerHTML = '<img class="thumb" src="images/minus.png">&nbsp;advanced settings';
	} else {
		imageEle.innerHTML = '<img class="thumb" src="images/plus.png">&nbsp;advanced settings';
	}
}

// Show or hide a single <div> element with the given class name
// and switch the toggle link image.
function toggleDiv(elem) {

    //var elem = document.getElementById(showHideDiv);
	    
	if(elem.style.display === "block")
		elem.style.display = "none";
    else
		elem.style.display = "block";
}

//Submit the form named tpz_creator_form
function submitform(formAction)
{
	document.tpz_creator_form.action = formAction;
	document.tpz_creator_form.submit();
}