﻿function textClear (input) {if(input.value == input.defaultValue){input.value = "";}}
function textRestore (input) {if(input.value == ""){input.value = input.defaultValue;}}
function item_selected(info) { var name = info; window.location = "http://the570.com/Varsity/" + name.replace(/\s+/g, "_") + "/"; }
function item_selected_player(info, school) { var splitinfo = info.split(","); window.location = "http://the570.com/Varsity/" + school.replace(" ", "_") + "/" + splitinfo[1].replace(" ", "").replace("'", "-").replace("/./g", ",") + "_" + splitinfo[0].replace(" ", "").replace("/./g", ",").replace("'", "-") + "/"; }
function syn_school_selected(school, ddl, hid) {
    var n = 0;
    for (var i = 0, limit = ddl.options.length; i < limit; ++i) {
        if (ddl.options[i].value == school) {
            ddl.options[i].selected = true;
            n++;
        }
    }
    if (n == 0) {
        var newListItem = document.createElement('OPTION');
        newListItem.text = school;
        newListItem.value = school;
        ddl.options.add(newListItem);
        for (var p = 0, limit = ddl.options.length; p < limit; ++p) {
          if (ddl.options[p].value == school) ddl.options[p].selected = true;
        }
    }

    hid.value = school;
    setTimeout('__doPostBack(\'' + ddl.toString() + '\',\'find:' + school + '\')', 0)
}
function expandstat(id) {
    var div = document.getElementById('div' + id);
    var a = document.getElementById('a' + id);
    if (div.style.display == "none") {
        div.style.display = "block";
        a.style.backgroundimage = "url('/Varsity/images/icons/minus.gif')";
    }
    else {
        div.style.display = "none";
        a.style.backgroundimage = "url('/Varsity/images/icons/plus.gif')";
    }
}
function item_selected_all(info,school){
    if(info.indexOf(",") >= 0)
    {
        if(info == "****player results****"){return false;}
        else {var splitinfo = info.split(",");
            window.location = "http://the570.com/Varsity/" + school.replace(" ", "_") + "/" + splitinfo[1].replace(" ", "").replace("/./g", ",").replace("'", "-") + "_" + splitinfo[0].replace(" ", "").replace("/./g", ",").replace("'", "-") + "/";
        }
    }
    else {
        if(info == "****school results****"){return false;}
        else { window.location = "http://the570.com/Varsity/" + info.replace(/\s+/g, "_") + "/"; }
    }
}
function PopupPhotoWindow(url, name) {newwindow = window.open(url, "photo","menubar=no,toolbar=no,titlebar=no,location=no,scrollbars=no,resizable=yes,status=no,width=745,height=550");}

//AC Runcontent
var isIE=(navigator.appVersion.indexOf("MSIE")!=-1)?true:false;var isWin=(navigator.appVersion.toLowerCase().indexOf("win")!=-1)?true:false;var isOpera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;function ControlVersion(){var A;var B;var C;try{B=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");A=B.GetVariable("$version")}catch(C){}if(!A){try{B=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");A="WIN 6,0,21,0";B.AllowScriptAccess="always";A=B.GetVariable("$version")}catch(C){}}if(!A){try{B=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");A=B.GetVariable("$version")}catch(C){}}if(!A){try{B=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");A="WIN 3,0,18,0"}catch(C){}}if(!A){try{B=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");A="WIN 2,0,0,11"}catch(C){A=-1}}return A}function GetSwfVer(){var G=-1;if(navigator.plugins!=null&&navigator.plugins.length>0){if(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]){var F=navigator.plugins["Shockwave Flash 2.0"]?" 2.0":"";var A=navigator.plugins["Shockwave Flash"+F].description;var E=A.split(" ");var C=E[2].split(".");var H=C[0];var B=C[1];var D=E[3];if(D==""){D=E[4]}if(D[0]=="d"){D=D.substring(1)}else{if(D[0]=="r"){D=D.substring(1);if(D.indexOf("d")>0){D=D.substring(0,D.indexOf("d"))}}}var G=H+"."+B+"."+D}}else{if(navigator.userAgent.toLowerCase().indexOf("webtv/2.6")!=-1){G=4}else{if(navigator.userAgent.toLowerCase().indexOf("webtv/2.5")!=-1){G=3}else{if(navigator.userAgent.toLowerCase().indexOf("webtv")!=-1){G=2}else{if(isIE&&isWin&&!isOpera){G=ControlVersion()}}}}}return G}function DetectFlashVer(F,D,C){versionStr=GetSwfVer();if(versionStr==-1){return false}else{if(versionStr!=0){if(isIE&&isWin&&!isOpera){tempArray=versionStr.split(" ");tempString=tempArray[1];versionArray=tempString.split(",")}else{versionArray=versionStr.split(".")}var E=versionArray[0];var A=versionArray[1];var B=versionArray[2];if(E>parseFloat(F)){return true}else{if(E==parseFloat(F)){if(A>parseFloat(D)){return true}else{if(A==parseFloat(D)){if(B>=parseFloat(C)){return true}}}}}return false}}}function AC_AddExtension(B,A){if(B.indexOf("?")!=-1){return B.replace(/\?/,A+"?")}else{return B+A}}function AC_Generateobj(E,D,A){var C="";if(isIE&&isWin&&!isOpera){C+="<object ";for(var B in E){C+=B+'="'+E[B]+'" '}C+=">";for(var B in D){C+='<param name="'+B+'" value="'+D[B]+'" /> '}C+="</object>"}else{C+="<embed ";for(var B in A){C+=B+'="'+A[B]+'" '}C+="> </embed>"}document.write(C)}function AC_FL_RunContent(){var A=AC_GetArgs(arguments,".swf","movie","clsid:d27cdb6e-ae6d-11cf-96b8-444553540000","application/x-shockwave-flash");AC_Generateobj(A.objAttrs,A.params,A.embedAttrs)}function AC_SW_RunContent(){var A=AC_GetArgs(arguments,".dcr","src","clsid:166B1BCA-3F9C-11CF-8075-444553540000",null);AC_Generateobj(A.objAttrs,A.params,A.embedAttrs)}function AC_GetArgs(B,E,G,D,H){var A=new Object();A.embedAttrs=new Object();A.params=new Object();A.objAttrs=new Object();for(var C=0;C<B.length;C=C+2){var F=B[C].toLowerCase();switch(F){case"classid":break;case"pluginspage":A.embedAttrs[B[C]]=B[C+1];break;case"src":case"movie":B[C+1]=AC_AddExtension(B[C+1],E);A.embedAttrs.src=B[C+1];A.params[G]=B[C+1];break;case"onafterupdate":case"onbeforeupdate":case"onblur":case"oncellchange":case"onclick":case"ondblclick":case"ondrag":case"ondragend":case"ondragenter":case"ondragleave":case"ondragover":case"ondrop":case"onfinish":case"onfocus":case"onhelp":case"onmousedown":case"onmouseup":case"onmouseover":case"onmousemove":case"onmouseout":case"onkeypress":case"onkeydown":case"onkeyup":case"onload":case"onlosecapture":case"onpropertychange":case"onreadystatechange":case"onrowsdelete":case"onrowenter":case"onrowexit":case"onrowsinserted":case"onstart":case"onscroll":case"onbeforeeditfocus":case"onactivate":case"onbeforedeactivate":case"ondeactivate":case"type":case"codebase":case"id":A.objAttrs[B[C]]=B[C+1];break;case"width":case"height":case"align":case"vspace":case"hspace":case"class":case"title":case"accesskey":case"name":case"tabindex":A.embedAttrs[B[C]]=A.objAttrs[B[C]]=B[C+1];break;default:A.embedAttrs[B[C]]=A.params[B[C]]=B[C+1]}}A.objAttrs.classid=D;if(H){A.embedAttrs.type=H}return A};

//Autocomplete
var AutoComplete = Class.create(); AutoComplete.prototype = { Version: "1.3.0", REQUIRED_PROTOTYPE: "1.6.0", initialize: function(E, D) { this.PROTOTYPE_CHECK(); this.fld = $(E); if (!this.fld) { throw ("AutoComplete requires a field id to initialize") } this.sInp = ""; this.nInpC = 0; this.aSug = []; this.iHigh = 0; this.options = D ? D : {}; var A, B = { valueSep: null, minchars: 1, meth: "get", varname: "input", className: "autocomplete", timeout: 3000, delay: 500, offsety: -5, shownoresults: true, noresults: "No results were found.", maxheight: 250, cache: true, maxentries: 25, onAjaxError: null, setWidth: false, minWidth: 100, maxWidth: 200, useNotifier: true }; for (A in B) { if (typeof (this.options[A]) != typeof (B[A])) { this.options[A] = B[A] } } if (this.options.useNotifier) { this.fld.addClassName("ac_field") } var C = this; this.fld.onkeypress = function(F) { return C.onKeyPress(F) }; this.fld.onkeyup = function(F) { return C.onKeyUp(F) }; this.fld.onblur = function(F) { C.clearSuggestions(); textRestore(this); this.removeClassName("ac_field"); this.removeClassName("ac_field_busy"); return true }; this.fld.setAttribute("AutoComplete", "off") }, convertVersionString: function(A) { var B = A.split("."); return parseInt(B[0]) * 100000 + parseInt(B[1]) * 1000 + parseInt(B[2]) }, PROTOTYPE_CHECK: function() { if ((typeof Prototype == "undefined") || (typeof Element == "undefined") || (typeof Element.Methods == "undefined") || (this.convertVersionString(Prototype.Version) < this.convertVersionString(this.REQUIRED_PROTOTYPE))) { throw ("AutoComplete requires the Prototype JavaScript framework >= " + this.REQUIRED_PROTOTYPE) } }, onKeyPress: function(B) { if (!B) { B = window.event } var A = B.keyCode || B.wich; switch (A) { case Event.KEY_RETURN: this.setHighlightedValue(); Event.stop(B); break; case Event.KEY_TAB: this.setHighlightedValue(); break; case Event.KEY_ESC: this.clearSuggestions(); break } return true }, onKeyUp: function(B) { if (!B) { B = window.event } var A = B.keyCode || B.wich; if (A == Event.KEY_UP || A == Event.KEY_DOWN) { this.changeHighlight(A); Event.stop(B) } else { this.getSuggestions(this.fld.value) } return true }, getSuggestions: function(F) { if (F == this.sInp) { return false } if ($(this.acID)) { $(this.acID).remove() } this.sInp = F; if (F.length < this.options.minchars) { this.aSug = []; this.nInpC = F.length; return false } var C = this.nInpC; this.nInpC = F.length ? F.length : 0; var B = this.aSug.length; if (this.options.cache && (this.nInpC > C) && B && (B < this.options.maxentries)) { var A = new Array(); for (var D = 0; D < B; D++) { if (this.aSug[D].value.toLowerCase().indexOf(F.toLowerCase()) != -1) { A.push(this.aSug[D]) } } this.aSug = A; this.createList(this.aSug) } else { var E = this; clearTimeout(this.ajID); this.ajID = setTimeout(function() { E.doAjaxRequest(E.sInp) }, this.options.delay) } document.helper = this; return false }, getLastInput: function(C) { var B = C; if (undefined != this.options.valueSep) { var A = B.lastIndexOf(this.options.valueSep); B = A == -1 ? B : B.substring(A + 1, B.length) } return B }, doAjaxRequest: function(B) { if (B != this.fld.value) { return false } this.sInp = this.getLastInput(this.sInp); if (typeof this.options.script == "function") { var D = this.options.script(encodeURIComponent(this.sInp)) } else { var D = this.options.script + this.options.varname + "=" + encodeURIComponent(this.sInp) } if (!D) { return false } var E = this; var A = this.options.meth; if (this.options.useNotifier) { this.fld.removeClassName("ac_field"); this.fld.addClassName("ac_field_busy") } var C = { method: A, onSuccess: function(F) { if (E.options.useNotifier) { E.fld.removeClassName("ac_field_busy"); E.fld.addClassName("ac_field") } E.setSuggestions(F, B) }, onFailure: (typeof E.options.onAjaxError == "function") ? function(F) { if (E.options.useNotifier) { E.fld.removeClassName("ac_field_busy"); E.fld.addClassName("ac_field") } E.options.onAjaxError(F) } : function(F) { if (E.options.useNotifier) { E.fld.removeClassName("ac_field_busy"); E.fld.addClassName("ac_field") } alert("AJAX error: " + F) } }; new Ajax.Request(D, C) }, setSuggestions: function(req, input) { if (input != this.fld.value) { return false } this.aSug = []; if (this.options.json) { var jsondata = eval("(" + req.responseText + ")"); this.aSug = jsondata.results } else { var results = req.responseXML.getElementsByTagName("ArrayOfString")[0].childNodes; for (var i = 0; i < results.length; i++) { if (results[i].hasChildNodes()) { if (results[i].childNodes[0].nodeValue.indexOf("(") > 0) { this.aSug.push({ value: results[i].childNodes[0].nodeValue.substring(0, results[i].childNodes[0].nodeValue.indexOf("(") - 1), info: results[i].childNodes[0].nodeValue.substring(results[i].childNodes[0].nodeValue.indexOf("(") + 1, results[i].childNodes[0].nodeValue.indexOf(")")) }) } else { if (results[i].childNodes[0].nodeValue.indexOf("results") > 0) { this.aSug.push({ value: results[i].childNodes[0].nodeValue }) } else { this.aSug.push({ value: results[i].childNodes[0].nodeValue.substring(0, results[i].childNodes[0].nodeValue.indexOf(":")), info: "City: " + results[i].childNodes[0].nodeValue.substring(results[i].childNodes[0].nodeValue.indexOf(":") + 1, results[i].childNodes[0].nodeValue.length) }) } } } } } this.acID = "ac_" + this.fld.id; this.createList(this.aSug) }, createDOMElement: function(F, B, A, E) { var G = document.createElement(F); if (!G) { return 0 } for (var C in B) { G[C] = B[C] } var D = typeof (A); if (D == "string" && !E) { G.appendChild(document.createTextNode(A)) } else { if (D == "string" && E) { G.innerHTML = A } else { if (D == "object") { G.appendChild(A) } } } return G }, createList: function(A) { if ($(this.acID)) { $(this.acID).remove() } this.killTimeout(); if (A.length == 0 && !this.options.shownoresults) { return false } var L = this.createDOMElement("div", { id: this.acID, className: this.options.className }); var C = this.createDOMElement("div", { className: "ac_corner" }); var F = this.createDOMElement("div", { className: "ac_bar" }); var R = this.createDOMElement("div", { className: "ac_header" }); R.appendChild(C); R.appendChild(F); L.appendChild(R); var K = this.createDOMElement("ul", { id: "ac_ul" }); var N = this; if (A.length == 0 && this.options.shownoresults) { var J = this.createDOMElement("li", { className: "ac_warning" }, this.options.noresults); K.appendChild(J) } else { for (var S = 0, P = A.length; S < P; S++) { var X = A[S].value; var O = X.toLowerCase().indexOf(this.sInp.toLowerCase()); var H = ""; if (X != "****school results****" && X != "****player results****") { H = X.substring(0, O) + "<em>" + X.substring(O, O + this.sInp.length) + "</em>" + X.substring(O + this.sInp.length) } else { H = X.substring(0, O) + "<i>" + X.substring(O, O + this.sInp.length) + X.substring(O + this.sInp.length) + "</i>" } var Q = this.createDOMElement("span", {}, H, true); if (A[S].info != "") { var U = this.createDOMElement("br", {}); Q.appendChild(U); var G = this.createDOMElement("small", {}, A[S].info); Q.appendChild(G) } var V = this.createDOMElement("a", { href: "#" }); var D = this.createDOMElement("span", { className: "tl" }, "&nbsp;", true); var B = this.createDOMElement("span", { className: "tr" }, "&nbsp;", true); V.appendChild(D); V.appendChild(B); V.appendChild(Q); V.name = S + 1; V.onclick = function() { N.setHighlightedValue(); return false }; if (X != "****school results****" && X != "****player results****") { V.onmouseover = function() { N.setHighlight(this.name) } } var J = this.createDOMElement("li", {}, V); K.appendChild(J) } } L.appendChild(K); var T = this.createDOMElement("div", { className: "ac_corner" }); var W = this.createDOMElement("div", { className: "ac_bar" }); var M = this.createDOMElement("div", { className: "ac_footer" }); M.appendChild(T); M.appendChild(W); L.appendChild(M); var E = this.fld.cumulativeOffset(); L.style.left = E[0] + "px"; L.style.top = E[1] + this.fld.offsetHeight + "px"; var I = (this.options.setWidth && this.fld.offsetWidth < this.options.minWidth) ? this.options.minWidth : (this.options.setWidth && this.fld.offsetWidth > this.options.maxWidth) ? this.options.maxWidth : this.fld.offsetWidth; L.style.width = I + "px"; L.onmouseover = function() { N.killTimeout() }; L.onmouseout = function() { N.resetTimeout() }; document.getElementsByTagName("body")[0].appendChild(L); this.iHigh = 1; if (this.aSug[this.iHigh - 1].value != "****school results****" && this.aSug[this.iHigh - 1].value != "****player results****") { this.setHighlight(1) } else { this.setHighlight(2) } this.toID = setTimeout(function() { N.clearSuggestions() }, this.options.timeout) }, changeHighlight: function(A) { var B = $("ac_ul"); if (!B) { return false } var C; if (A == Event.KEY_DOWN || A == Event.KEY_TAB) { C = this.iHigh + 1; if (C < B.childNodes.length) { if (this.aSug[this.iHigh].value == "****school results****" || this.aSug[this.iHigh].value == "****player results****") { C = C + 1 } } } else { C = this.iHigh - 1; if (C != 0) { if (this.aSug[this.iHigh - 2].value == "****school results****" || this.aSug[this.iHigh - 2].value == "****player results****" && this.iHigh != 1) { C = C - 1 } } if (C == 0 && (this.aSug[this.iHigh - 2].value == "****school results****" || this.aSug[this.iHigh - 2].value == "****player results****")) { C = C + 2 } } C = (C > B.childNodes.length) ? B.childNodes.length : ((C < 1) ? 1 : C); this.setHighlight(C) }, setHighlight: function(B) { var A = $("ac_ul"); if (!A) { return false } if (this.iHigh > 0) { this.clearHighlight() } this.iHigh = Number(B); A.childNodes[this.iHigh - 1].className = "ac_highlight"; this.killTimeout() }, clearHighlight: function() { var A = $("ac_ul"); if (!A) { return false } if (this.iHigh > 0) { A.childNodes[this.iHigh - 1].className = ""; this.iHigh = 0 } }, setHighlightedValue: function() { if (this.iHigh && this.aSug[this.iHigh - 1].value != "****school results****" && this.aSug[this.iHigh - 1].value != "****player results****") { if (!this.aSug[this.iHigh - 1]) { return } if (undefined != this.options.valueSep) { var B = this.getLastInput(this.fld.value); var A = this.fld.value.lastIndexOf(B); B = this.aSug[this.iHigh - 1].value + this.options.valueSep; this.sInp = this.fld.value = A == -1 ? B : this.fld.value.substring(0, A) + B } else { var B = this.getLastInput(this.fld.value); var A = this.fld.value.lastIndexOf(B); B = this.aSug[this.iHigh - 1].value; this.sInp = this.fld.value = A == -1 ? B : this.fld.value.substring(0, A) + B } this.fld.focus(); if (this.fld.selectionStart) { this.fld.setSelectionRange(this.sInp.length, this.sInp.length) } this.clearSuggestions(); if (typeof this.options.callback == "function") { this.options.callback(this.aSug[this.iHigh - 1]) } } }, killTimeout: function() { clearTimeout(this.toID) }, resetTimeout: function() { this.killTimeout(); var A = this; this.toID = setTimeout(function() { A.clearSuggestions() }, A.options.timeout) }, clearSuggestions: function() { this.killTimeout(); if ($(this.acID)) { this.fadeOut(300, function() { $(this.acID).remove() }) } }, fadeOut: function(A, C) { this._fadeFrom = 1; this._fadeTo = 0; this._afterUpdateInternal = C; this._fadeDuration = A; this._fadeInterval = 50; this._fadeTime = 0; var B = this; this._fadeIntervalID = setInterval(function() { B._changeOpacity() }, this._fadeInterval) }, _changeOpacity: function() { if (!$(this.acID)) { this._fadeIntervalID = clearInterval(this._fadeIntervalID); return } this._fadeTime += this._fadeInterval; var B = Math.round((this._fadeFrom + ((this._fadeTo - this._fadeFrom) * (this._fadeTime / this._fadeDuration))) * 100); var D = B / 100; var A = $(this.acID); if (A.filters) { try { A.filters.item("DXImageTransform.Microsoft.Alpha").opacity = B } catch (C) { A.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + B + ")" } } else { A.style.opacity = D } if (this._fadeTime >= this._fadeDuration) { clearInterval(this._fadeIntervalID); if (typeof this._afterUpdateInternal == "function") { this._afterUpdateInternal() } } } };

//Tooltip
var Tooltip = Class.create(); Tooltip.prototype = { initialize: function(B, A) { this.el = $(B); this.initialized = false; this.setOptions(A); this.showEvent = this.show.bindAsEventListener(this); this.hideEvent = this.hide.bindAsEventListener(this); this.updateEvent = this.update.bindAsEventListener(this); Event.observe(this.el, "mouseover", this.showEvent); Event.observe(this.el, "mouseout", this.hideEvent); this.content = this.el.title.substring(this.el.title.indexOf("::") + 2, this.el.title.length) + "  "; this.title = this.el.title.substring(0, this.el.title.indexOf("::")); this.el.title = ""; this.el.descendants().each(function(C) { if (Element.readAttribute(C, "alt")) { C.alt = "" } }) }, setOptions: function(A) { this.options = { backgroundColor: "#b8b8b8", borderColor: "#666", textColor: "", textShadowColor: "", maxWidth: 250, align: "left", delay: 250, mouseFollow: true, opacity: 0.75, appearDuration: 0.25, hideDuration: 0.25 }; Object.extend(this.options, A || {}) }, show: function(A) { this.xCord = Event.pointerX(A) + 10; this.yCord = Event.pointerY(A) + 5; if (!this.initialized) { this.timeout = window.setTimeout(this.appear.bind(this), this.options.delay) } }, hide: function(A) { if (this.initialized) { this.appearingFX.cancel(); if (this.options.mouseFollow) { Event.stopObserving(this.el, "mousemove", this.updateEvent) } new Effect.Fade(this.tooltip, { duration: this.options.hideDuration, afterFinish: function() { Element.remove(this.tooltip) } .bind(this) }) } this._clearTimeout(this.timeout); this.initialized = false }, update: function(A) { this.xCord = Event.pointerX(A); this.yCord = Event.pointerY(A); this.setup() }, appear: function() { this.tooltip = Builder.node("div", { className: "tooltip", style: "display: none;" }, [Builder.node("div", { className: "xtop" }, [Builder.node("div", { className: "xb1", style: "background-color:" + this.options.borderColor + ";" }), Builder.node("div", { className: "xb2", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ";" }), Builder.node("div", { className: "xb3", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ";" }), Builder.node("div", { className: "xb4", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ";" })]), Builder.node("div", { className: "xboxcontent", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ((this.options.textColor != "") ? "; color:" + this.options.textColor : "") + ((this.options.textShadowColor != "") ? "; text-shadow:2px 2px 0" + this.options.textShadowColor + ";" : "") }, [Builder.node("div", { className: "tip-title" }, this.title), Builder.node("div", { className: "tip-text" }, this.content)]), Builder.node("div", { className: "xbottom" }, [Builder.node("div", { className: "xb4", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ";" }), Builder.node("div", { className: "xb3", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ";" }), Builder.node("div", { className: "xb2", style: "background-color:" + this.options.backgroundColor + "; border-color:" + this.options.borderColor + ";" }), Builder.node("div", { className: "xb1", style: "background-color:" + this.options.borderColor + ";" })]), ]); document.body.insertBefore(this.tooltip, document.body.childNodes[0]); Element.extend(this.tooltip); this.options.width = this.tooltip.getWidth(); this.tooltip.style.width = this.options.width + "px"; this.setup(); if (this.options.mouseFollow) { Event.observe(this.el, "mousemove", this.updateEvent) } this.initialized = true; this.appearingFX = new Effect.Appear(this.tooltip, { duration: this.options.appearDuration, to: this.options.opacity }) }, setup: function() { if (this.options.width > this.options.maxWidth) { this.options.width = this.options.maxWidth; this.tooltip.style.width = this.options.width + "px" } if (this.xCord + this.options.width >= Element.getWidth(document.body)) { this.options.align = "right"; this.xCord = this.xCord - this.options.width + 20 } this.tooltip.style.left = this.xCord - 7 + "px"; this.tooltip.style.top = this.yCord + 12 + "px" }, _clearTimeout: function(A) { clearTimeout(A); clearInterval(A); return null } };

//popup menu
if (Object.isUndefined(Proto)) { var Proto = {} } Proto.Menu = Class.create({ initialize: function() { var B = Prototype.emptyFunction; this.ie = Prototype.Browser.IE; this.options = Object.extend({ selector: ".contextmenu", className: "protoMenu", pageOffset: 25, fade: false, zIndex: 100, beforeShow: B, beforeHide: B, beforeSelect: B }, arguments[0] || {}); this.shim = new Element("iframe", { style: "position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none", src: "javascript:false;", frameborder: 0 }); this.options.fade = this.options.fade && !Object.isUndefined(Effect); this.container = new Element("div", { className: this.options.className, style: "display:none" }); var A = new Element("ul"); this.options.menuItems.each(function(C) { A.insert(new Element("li", { className: C.separator ? "separator" : "" }).insert(C.separator ? "" : Object.extend(new Element("a", { href: "#", title: C.name, className: (C.className || "") + (C.disabled ? " disabled" : " enabled") }), { _callback: C.callback }).observe("click", this.onClick.bind(this)).observe("contextmenu", Event.stop).update(C.name))) } .bind(this)); $(document.body).insert(this.container.insert(A).observe("click", Event.stop)); if (this.ie) { $(document.body).insert(this.shim) } document.observe("click", function(C) { if (this.container.visible() && !C.isRightClick()) { this.options.beforeHide(C); if (this.ie) { this.shim.hide() } this.container.hide() } } .bind(this)); $$(this.options.selector).invoke("observe", Prototype.Browser.Opera ? "click" : "click", function(C) { if (Prototype.Browser.Opera && !C.ctrlKey) { return } this.show(C) } .bind(this)) }, show: function(F) { F.stop(); this.options.beforeShow(F); var B = Event.pointer(F).x, G = Event.pointer(F).y, D = document.viewport.getDimensions(), E = document.viewport.getScrollOffsets(), A = this.container.getDimensions(), C = { left: ((B + A.width + this.options.pageOffset) > D.width ? (D.width - A.width - this.options.pageOffset) : B) + "px", top: ((G - E.top + A.height) > D.height && (G - E.top) > A.height ? (G - A.height) : G) + "px" }; this.container.setStyle(C).setStyle({ zIndex: this.options.zIndex }); if (this.ie) { this.shim.setStyle(Object.extend(Object.extend(A, C), { zIndex: this.options.zIndex - 1 })).show() } this.options.fade ? Effect.Appear(this.container, { duration: 0.25 }) : this.container.show(); this.event = F }, onClick: function(A) { A.stop(); if (A.target._callback && !A.target.hasClassName("disabled")) { this.options.beforeSelect(A); if (this.ie) { this.shim.hide() } this.container.hide(); A.target._callback(this.event) } } });

document.observe('dom:loaded', function() {
    var myMenuItems = [
          {
              name: 'football',
              className: 'menuitem',
              callback: function() {
                  window.location = '?sport=football';
              }
          }, {
              name: 'boys\' basketball',
              className: 'menuitem',
              callback: function() {
                  window.location = '?sport=boysbball';
              }
          }, {
              name: 'girls\' basketball',
              className: 'menuitem',
              callback: function() {
                  window.location = '?sport=girlsbball';
              }
          }, {
              name: 'wrestling',
              className: 'menuitem',
              callback: function() {
                  window.location = '?sport=wrestling';
              }
          }, {
              name: 'baseball',
              className: 'menuitem',
              callback: function() {
                  window.location = '?sport=baseball';
              }
          }, {
              name: 'softball',
              className: 'menuitem',
              callback: function() {
                  window.location = '?sport=softball';
              }
          }

        ]
    new Proto.Menu({
        selector: '.contextArea',
        className: 'menu desktop',
        menuItems: myMenuItems
    })
})