function getElementsByClass( searchClass, domNode, tagName) {
	if (domNode == null) domNode = document;
	if (tagName == null) tagName = '*';
	var el = new Array();
	var tags = domNode.getElementsByTagName(tagName);
	var tcl = new RegExp('\\b' + searchClass + '\\b');
	for(i=0,j=0; i<tags.length; i++) {
		var classes = tags[i].className
		if (tcl.test(classes))el.push(tags[i]);
	}
	return el;
}

function spoc(myVar, Node, Class) 
{
	// hide every element with class "special_menu_img"
	var Node = document.getElementById(Node);
	var tag = document.getElementById(tag);
	var mess = getElementsByClass("special_menu_img", Node, "div");
	for(i=0; i<mess.length; i++)
		mess[i].style.display = "none";
	// hide every element with class "special_menu_img"	
	document.getElementById(myVar).style.display='block';
	// show element with given ID
}

function imgoc(myVar, Node, Class) 
{
	// hide every element with class "fcID"
	var Node = document.getElementById(Node);
	var tag = document.getElementById(tag);
	var mess = getElementsByClass("fcID", Node, "div");
	for(i=0; i<mess.length; i++)
		mess[i].style.display = "none";
	// hide every element with class "fcID"	
	document.getElementById(myVar).style.display='block';
	// show element with given ID
}

function picoc(myVar, Node, Class) 
{
	// hide every element with class "frID"
	var Node = document.getElementById(Node);
	var tag = document.getElementById(tag);
	var mess = getElementsByClass("frID", Node, "div");
	for(i=0; i<mess.length; i++)
		mess[i].style.display = "none";
	// hide every element with class "frID"	
	document.getElementById(myVar).style.display='block';
	// show element with given ID
}

function formoc(myVar, Node) 
{
	// hide every element with class "photo_form"
	var Node = document.getElementById(Node);
	var tag = document.getElementById(tag);
	var mess = getElementsByClass("photo_form", Node, "div");
	for(i=0; i<mess.length; i++)
		mess[i].style.display = "none";
	// hide every element with class "photo_farm"		
	document.getElementById(myVar).style.display='block';
	// show element with given ID
}

function picoptoc(myVar, Node) 
{
	// hide every element with class "socialbm," "compose_box," "send_kudos" "photo_form" and  "delete_confirm"
	var Node = document.getElementById(Node);
	var tag = document.getElementById(tag);
	var boo = getElementsByClass("socialbm", Node, "div");
	var pic = getElementsByClass("photo_form", Node, "div");
	var kud = getElementsByClass("send_kudos", Node, "div");
	var box = getElementsByClass("compose_box", Node, "div");
	var del = getElementsByClass("delete_confirm", Node, "div");
	for(l=0; l<boo.length; l++)
		boo[l].style.display = "none";
	for(m=0; m<pic.length; m++)
		pic[m].style.display = "none";
	for(i=0; i<kud.length; i++)
		kud[i].style.display = "none";
	for(j=0; j<box.length; j++)
		box[j].style.display = "none";
	for(k=0; k<del.length; k++)
		del[k].style.display = "none";
	// hide every element with class "socialbm," "compose_box," "send_kudos" "photo_form" and  "delete_confirm"	
	document.getElementById(myVar).style.display='block';
	// show element with given ID
}

function closeOut(Node){  //close the Delete and Modify Divs
	var Node = document.getElementById(Node);
	var g = getElementsByClass("opbutton", Node, "a");
	var h = getElementsByClass("delete_confirm", Node, "div");
	var d = getElementsByClass("confirmedDelete", Node, "ul");
	for(i=0; i<g.length; i++)
		g[i].style.display = "none";
	for(y=0; y<h.length; y++)
		h[y].style.display = "none";
	for(j=0; j<d.length; j++)
		d[j].style.display = "block";
}

function ud(myVar, Node) 
{
	// hide every element with class "photo_form"
	var Node = document.getElementById(Node);
	var tag = document.getElementById(tag);
	var opt = getElementsByClass("photo_form", Node, "div");
	for(i=0; i<opt.length; i++)
		opt[i].style.display = "none";
	// hide every element with class "photo_form"		
	document.getElementById(myVar).style.display='block';
	// show element with given ID
}