function doOnLoad() {
 sfHover('ul_menu_left');
}


function selectLogo() {

    var width = 640;
    var height = 480;
    var iLeft = ( screen.width  - width ) / 2 ;
	var iTop  = ( screen.height - height ) / 2 ;
     window.open('class/content/filemanager/browser.html?Type=Image&Connector=connectors/php/connector.php', 'selectlogo', 'toolbar=no,status=no,resizable=yes,dependent=yes,width='+width+',height='+height+',left='+iLeft+',top='+iTop+'');
}

function selectForm() {

    var width = 640;
    var height = 480;
    var iLeft = ( screen.width  - width ) / 2 ;
	var iTop  = ( screen.height - height ) / 2 ;
     window.open('class/content/filemanager/browser.html?Type=File&Connector=connectors/php/connector.php', 'selectlogo', 'toolbar=no,status=no,resizable=yes,dependent=yes,width='+width+',height='+height+',left='+iLeft+',top='+iTop+'');
}


function SetUrl(fUrl) {
    if (document.getElementById('logopreview'))
        document.getElementById('logopreview').src = fUrl;

    if (document.getElementById('logo'))
        document.getElementById('logo').value = fUrl;

    if (document.getElementById('url'))
        document.getElementById('url').value = fUrl;
}


function fillTeams(fClass) {
    data = window.teams[fClass];

    removeAllOptions('team1_id');
    removeAllOptions('team2_id');

    for (var i=0; i<data.length; i++) {
        //alert(data[i][0] + ':' + data[i][1]);
        addOption('team1_id', data[i][1], data[i][0]);
        addOption('team2_id', data[i][1], data[i][0]);

    }

   // alert(window.teams.class1);

}

function removeAllOptions(fId) {
    var selectbox = document.getElementById(fId);
    for(var i=selectbox.options.length-1;i>=0;i--) {
        selectbox.remove(i);
    }
}

function addOption(selectbox,text,value ) {
    var optn = document.createElement("OPTION");
    optn.text = text;
    optn.value = value;
    document.getElementById(selectbox).options.add(optn);
}


var openDivCache = [];

function openDiv(type, div) {

    if (openDivCache[type]) {
        document.getElementById(openDivCache[type]).style.display='none';
        document.getElementById(openDivCache[type]+'a').className = type;
    }
    document.getElementById(div).style.display='block';
    document.getElementById(div+'a').className = type+"-active";
    openDivCache[type]=div;
}


activeMenuItem = false;
hoverMenuItem = false;

iElm = document.createElement("iframe");
iElm.src = 'about:blank';
iElm.id = 'menuiframe';
iElm.disabled = true;
iElm.style.position = 'absolute';

function showParentMenu(oElement) {
	var el = oElement;
	if (oElement.nodeName.toUpperCase() == "LI") {
		oElement.className = oElement.className.replace(new RegExp(" sfhover\\b"), "");
		oElement.className+=" sfhover";
		doIframe(oElement, true);
	}
	if (oElement.parentNode) {
		showParentMenu(oElement.parentNode);
	}
};

function hideParentMenu(oElement) {
	var el = oElement;
	if (oElement.nodeName.toUpperCase() == "LI") {
		oElement.className = oElement.className.replace(new RegExp(" sfhover\\b"), "");
		doIframe(oElement, false);

	}
	if (oElement.parentNode) {
		hideParentMenu(oElement.parentNode);
	}
};


function doIframe(elm, show) {

    ulTag = elm.getElementsByTagName("UL");
	if (ulTag.length > 0) {

	     if (show) {

	        iTag = ulTag[0].parentNode.getElementsByTagName("IFRAME");

            if (iTag.length == 0) {
                iHeight = ulTag[0].offsetHeight+'px';
	            iWidth = ulTag[0].offsetWidth+'px';

	            iElm.style.height = iHeight;
	            iElm.style.width = iWidth;

	            ulTag[0].parentNode.insertBefore(iElm);
            }

            iElm.className+=" sfhover";

	     } else {

            iElm.className=iElm.className.replace(new RegExp(" sfhover\\b"), "");
	     }
	}
}

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

	var sfEls = document.getElementById(nav).getElementsByTagName("A");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onfocus=function() {
			if (hoverMenuItem) {
				hideParentMenu(hoverMenuItem);
			}
			showParentMenu(this.parentNode);
			this.parentNode.className+=" sfhover";
			activeMenuItem = this.parentNode;
			this.parentNode._isMenu = true;
		}
		sfEls[i].onblur=function() {
			activeMenuItem = false;
			hideParentMenu(this.parentNode);
			this.parentNode.className=this.parentNode.className.replace(new RegExp(" sfhover\\b"), "");

		}
	}

}