/**
 * event loader
 */
var aeOL = [];
//function addEvent(o, n, f, l)
//{
//    var a = 'addEventListener', h = 'on'+n, b = '', s = '';
//
//    if (o[a] && !l)
//        return o[a](n, f, false);
//
//    o._c |= 0;
//    if (o[h]) {
//        b = '_f' + o._c++; o[b] = o[h];
//    }
//
//    s = '_f' + o._c++;
//    o[s] = f;
//    o[h] = function(e) {
//        e = e || window.event;
//        var r = true;
//        if (b) r = o[b](e) != false && r;
//        r = o[s](e) != false && r;
//        return r;
//    };
//
//    aeOL[aeOL.length] = { o: o, h: h };
//}
//addEvent(window, 'unload', function() { for (var i = 0; i < aeOL.length; i++) with (aeOL[i]) { o[h] = null; for(var c = 0; o['_f' + c]; c++) o['_f' + c] = null; } } );

var sfHover = function() {
	var sfEls = document.getElementById("nav") ? document.getElementById("nav").getElementsByTagName("LI") : [];
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";

            var inputs = document.getElementsByTagName('select');
            for (j = 0; j < inputs.length; j++) {
                inputs[j].className += " selectsfhover";
            }
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

            var inputs = document.getElementsByTagName('select');
            for (j = 0; j < inputs.length; j++) {
                inputs[j].className = inputs[j].className.replace(new RegExp(" selectsfhover\\b"), "");
            }
		}
	}
}
// we use this way cause it's only for ie
////if (window.attachEvent) window.attachEvent("onload", sfHover);

$(document).ready(sfHover);