var timeout = 800;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id) {
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose() {
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

function changeBuyTicketsMenubar1() {
    document.getElementById('BuyTicketsMenubar').innerHTML = '<ul id="sddm"> \
        <li><a href="#" \
            onmouseover="mopen(\'m1\')" \
            onmouseout="mclosetime()">BUY TICKETS</a> \
            <div id="m1" \
                onmouseover="mcancelclosetime()" \
                onmouseout="mclosetime()">\
            <a href="buytickets/calendar.aspx">SINGLE TICKET CALENDAR</a> \
            <a href="buytickets/tix/sourceselect.aspx">PRE-SEASON & SUBSCRIPTION PACKAGES</a> \
            </div> \
        </li> \
      </ul>';
}
function changeBuyTicketsMenubar2() {
    document.getElementById('BuyTicketsMenubar').innerHTML = '<ul id="sddm"> \
        <li><a href="#" \
            onmouseover="mopen(\'m1\')" \
            onmouseout="mclosetime()">BUY TICKETS</a> \
            <div id="m1" \
                onmouseover="mcancelclosetime()" \
                onmouseout="mclosetime()">\
            <a href="../buytickets/calendar.aspx">SINGLE TICKET CALENDAR</a> \
            <a href="../buytickets/tix/sourceselect.aspx">PRE-SEASON & SUBSCRIPTION PACKAGES</a> \
            </div> \
        </li> \
      </ul>';
}
function changeBuyTicketsMenubar3() {
    document.getElementById('BuyTicketsMenubar').innerHTML = '<ul id="sddm"> \
        <li><a href="#" \
            onmouseover="mopen(\'m1\')" \
            onmouseout="mclosetime()">BUY TICKETS</a> \
            <div id="m1" \
                onmouseover="mcancelclosetime()" \
                onmouseout="mclosetime()">\
            <a href="../../buytickets/calendar.aspx">SINGLE TICKET CALENDAR</a> \
            <a href="../../buytickets/tix/sourceselect.aspx">PRE-SEASON & SUBSCRIPTION PACKAGES</a> \
            </div> \
        </li> \
      </ul>';
}