function get_show_pic_id(elem) {
	if (elem.id) {
		id = elem.id;
	} else if (elem.name) {
		id = elem.name;
	} else {
		id = elem.nodeName;
	}
	
	//alert(elem.id + " " + elem.nodeType + " " + elem.nodeName);

	return(id + "-cms_show_pic");

}

/* shows a pic */
function cms_show_pic(elem, url, id, classname) {
	img = new Image();
	img.src = url;

	if (!id || id == "") {
		id = get_show_pic_id(elem);
	}

	if (!classname || classname == "") {
		classname = "cms-show-pic";
	}
	
	//alert(elem.id + " " + elem.nodeType + " " + elem.nodeName);
	//alert(url);
	img.id = id;

	img.className=classname;
	img.onclick= function () { cms_hide_pic(elem,id) }

	parentNode = null;

	try {
		parentNode = document.getElementById('cms-show-pic');
		parentNode.appendChild(img);
	} catch (e) {
		//elem.parentNode.style.position="relative";
		elem.parentNode.insertBefore(img,elem);
		//elem.parentNode.style.border="1px solid blue;";
	}
	
	//alert(elem + " " + url);
}

function cms_hide_pic(elem, id) {
	if (!id) {
		id = get_show_pic_id(elem);
	}
	pic = document.getElementById(id);

	if (pic) {
		pic.style.visibility = "hidden";
	}
}

function cms_toggle_pic(elem,url,id) {

	if (!id) {
		id = get_show_pic_id(elem);
	}

	pic = document.getElementById(id);
	if (!pic) {
		cms_show_pic(elem,url,id);
	} else {
		if (!pic.style.visibility || pic.style.visibility == "visible") {
			pic.style.visibility = "hidden";
		} else {
			pic.style.visibility = "visible";
		}
	}

}