/**
* Method that returns a DOM Element.
* @param idElem (String) The ID of the Element
*/
getDOMElement = function(idElem)
{
	/*
	* Detect Browser settings
	*/
	var OP = window.opera ? true : false;
	var DOM = document.getElementById ? true : false;
	var MS = (document.all && !OP) ? true : false;
	var NS = (document.layers && !OP) ? true : false;
	var SA = navigator.userAgent.indexOf('Safari');
	
	/*
	* Get Elements based on the Element ID
	*/
	if(DOM){
		return document.getElementById(idElem);
	} else if (MS){
		return document.all[idElem];
	} else if (NS){
		return document[idElem];
	} else {
		alert("This browser does not Support the required JavaScript functionality. Please contact the Webmaster");
		return;
	}
}

activate = function(id, active)
{
	var node = getDOMElement('nav_' + id);
	var n = getDOMElement( 'nav_' + id + 'b' );
	
	if(active){
		node.className = 'active';
	} else {
		node.className = '';
	}
	
	if( n != undefined ){
		if(active){
			n.className = 'active';
		} else {
			n.className = '';
		}
	}
	
	var tnode = getDOMElement( 't_' + id );
	var tbox = getDOMElement( 'titlebox' );
	if( tnode != undefined ){
		if(active){
			tnode.style.display = 'block';
			tbox.style.display = 'none';
		} else {
			tnode.style.display = 'none';
			tbox.style.display = 'block';
		}
	}
}


move = function(){
	var animElem = getDOMElement('quotes');
	if( animElem.offsetHeight ){
		var height = animElem.offsetHeight;
		var pos = parseInt(animElem.style.top);
		if( height + pos > 20 ){
			pos -= 20;
		} else {
			pos = 0;
		}
		animElem.style.top = pos + "px";
	}
}

var interval = setInterval(move,10000, null);