// Function used to hide a div
function TurnOff($WhichDiv) {
	document.getElementById($WhichDiv).style.display = "none";
}

// Function used to show
function TurnOn($WhichDiv) {
	document.getElementById($WhichDiv).style.display = "block";
}

// Function used to change background color
function ChangeColor($WhichDiv,$color) {
	document.getElementById($WhichDiv).style.backgroundColor = $color;
}

// Function used to set the opacity of a div (from 0 to 10)
function setOpac( $WhichDiv, value ) {
	document.getElementById($WhichDiv).style.opacity = value / 100;
	document.getElementById($WhichDiv).style.filter = 'alpha(opacity=' + value + ')';
}


// Function used to fade "in" a div
function FadeIn($WhichDiv) {
	setOpac($WhichDiv,0); // set it to transparent
	document.getElementById($WhichDiv).style.display = "block"; // display as block just in case
	for( var i = 0 ; i <= 100 ; i++ ) {
		   setTimeout( 'setOpac(\''+$WhichDiv+'\',' + i + ')' , 8 * i );
	}
}

// Function used to fade "out" a div
function FadeOut($WhichDiv) {
	for( var i = 0 ; i <= 100 ; i++ ) {
		   setTimeout( 'setOpac(\''+$WhichDiv+'\',' + (100 - i) + ')' , 8 * i );
	}
	setTimeout('ToggleDiv(\''+$WhichDiv+'\')', 8 * i);
	setOpac($WhichDiv,100); // set it to opaque (just in case)
    document.getElementById($WhichDiv).style.display = "none"; // display as none just in case
}

function hasClass(e,cls) {
	return e.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
	e = document.getElementById(ele);
	if (!hasClass(e,cls)) e.className += " "+cls;
}

function removeClass(ele,cls) {
	e = document.getElementById(ele);
	if (hasClass(e,cls)) {
    	var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		e.className=e.className.replace(reg,' ');
	}
}