/* shows hidden elements */
function showElement(obj){
	document.getElementById(obj).style.visibility = "visible";
}

function hideElement(obj){
	document.getElementById(obj).style.visibility = "hidden";
}

var flag = true;
function resize(obj) {
	if(flag) {
		document.getElementById(obj).style.width = "370px";
		document.getElementById(obj).style.height = "439px";
	} else {
		document.getElementById(obj).style.width = "180px";
		document.getElementById(obj).style.height = "213px";
	}
	(flag)?flag=false:flag=true;
}

// setStyleByClass: given an element type and a class selector,
// style property and value, apply the style.
// args:
//  t - type of tag to check for (e.g., SPAN)
//  c - class name
//  p - CSS property
//  v - value
var ie = (document.all) ? true : false;

function setStyleByClass(t,c,p,v){
	var elements;
	if(t == '*') {
		// '*' not supported by IE/Win 5.5 and below
		elements = (ie) ? document.all : document.getElementsByTagName('*');
	} else {
		elements = document.getElementsByTagName(t);
	}
	for(var i = 0; i < elements.length; i++){
		var node = elements.item(i);
		for(var j = 0; j < node.attributes.length; j++) {
			if(node.attributes.item(j).nodeName == 'class') {
				if(node.attributes.item(j).nodeValue == c) {
					eval('node.style.' + p + " = '" +v + "'");
				}
			}
		}
	}
}

