sfHover = function(){
	
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
	
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);


function oTest(sObjId){
 
	// className == class for attributes

	var all = getElementsClass("col-330");
	
	for(var k=0;k<all.length;k++){
		return oObjInfo(document.getElementById(all[k].id));
	}

	return [-1,-1,-1,-1,-1];
}

function findPos(obj) {
    var curleft = curtop = 0;

    if (!obj.offsetParent) return;

    do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;

    } while (obj = obj.offsetParent);

    return [curleft,curtop];
}

function oObjInfo(obj){
    var curleft = curtop = 0;
	var bob = new Array;

    bob = findPos(obj);
    return [obj.id,obj.clientWidth,obj.clientHeight,bob[0],bob[1],obj.innerHTML];
}

function oAddBorder(sObgId,bToggle,sBorderColor){

    if(!sObgId) return;
    var oObj = document.getElementById(sObgId);

    if(!oObj) return;

    if(bToggle == 1) oObj.style.border = "4px solid "+sBorderColor;
    if(bToggle == 0) oObj.style.border = "none";
}

function oAddContent(sObgId,sContent){

    if(!sObgId) return;
    var oObj = document.getElementById(sObgId);

    if(!oObj) return;

    oObj.innerHTML = sContent;
}

function getElementsClass(val,container)
{
	container = container || document
	var all = document.all || container.getElementsByTagName('*')
	var arr = []

	for(var k=0;k<all.length;k++)
		if(all[k].className == val){
			arr[arr.length] = all[k]
			if (!all[k].id) all[k].id = "class_"+val+"_"+k;
		}
	return arr
}