/* 
    Written by Peter Kudenov - peterk1797@hotmail.com
    For Mexico in Alaska
*/

function IsValidMenuType(x)
{
    for (var i = 0; i < mia_types.length; i++)
        if (mia_types[i] == x) return true;            
    return false;
}

function OnMouseOver(t, d, lb, rb)
{             
    var title = '';
    var arr = null;
    var det = null;
    
    switch (t)
    {
        case 'salads': arr = mia_menu_salads; title = mia_menu_salads_title; break;
        case 'app': arr = mia_menu_app; title = mia_menu_app_title; break;
        case 'tacos': arr = mia_menu_tacos; title = mia_menu_tacos_title; break;
        case 'tacos_sp': arr = mia_menu_tacos_sp; det = mia_menu_tacos_sp_details; title = mia_menu_tacos_sp_title; break;
        case 'dinners': arr = mia_menu_dinners; det = mia_menu_dinners_details; title = mia_menu_dinners_title; break;                
        case 'specials': arr = mia_menu_specials; title = mia_menu_specials_title; break;
        case 'soups': arr = mia_menu_soups; title = mia_menu_soups_title; break;
        case 'sides':  arr = mia_menu_sides; title = mia_menu_sides_title; break;
        case 'desserts': arr = mia_menu_desserts; title = mia_menu_desserts_title; break;
        case 'drinks': arr = mia_menu_drinks; title = mia_menu_drinks_title; break;
        case 'beerwine': arr = mia_menu_bw; title = mia_menu_bw_title; break;
        case 'lunch_sp': det = mia_menu_lunch_sp_details; title = mia_menu_lunch_sp_title; break;                
        default: return;
    }
    
    // open
    d.innerHTML = '<div style="width: 90%;">';
    
    // title    
    d.innerHTML += '<span style="font-weight: bold; font-size: large; font-style: italic;">' + title + '</span><p></p>';
    
    // details
    if (det != null)
    {
        d.innerHTML += '<p style="padding: 1 1 1 1;">';
        for (var i = 0; i < det.length; i++)
            d.innerHTML += '<span style="font-size: small; font-style: italic;">' + det[i] + '<br/>';
        d.innertHTML += '</p>';
    }
    
    // items
    if (arr != null)
    {
        for (var i = 0; i < arr.length; i = i + 2)
            d.innerHTML += '<span style="font-weight: bold; font-size: small;">' + arr[i] + '</span><br/><span style="text-align: justify; font-weight: normal; font-style: italic; font-size: x-small; width: 95%;">' + arr[i+1] + '</span><br/><br/>';
    }
    
    // close
    d.innerHTML += '</div>';
    
    // visibility
    if (d.style.visibility == 'hidden') d.style.visibility = 'visible';   
}

// OutputMenu
// top      ;= top pixel position of menu
// left     ;= left pixel position of menu
// ih       ;= item height of each row in pixels
// iw       ;= item width of each row in pixels
// lb       ;= name of div for left border that should resize to match menu
// rb       ;= name of div for right border that should resize to match menu
// align    ;= alignment of the text in the menu items
// src      ;= div to render menu into
// dest     ;= name of div to target menu output into
function OutputMenu(top, left, ih, iw, lb, rb, align, src, dest)
{
    if (mia_types == null) return;
    if (mia_titles == null) return;
    if (mia_types.length != mia_titles.length) return;
    
    src.innerHTML += '<div id="mishowhide" onmousedown="ToggleVis(' + dest + ');" onmouseover="ToggleFont(true, this); ToggleBg(true, this);" ' + 
    'onmouseout="ToggleFont(false, this); ToggleBg(false, this);" ' +
    'style="position: absolute; border: solid 1px #e0e0e0; font-size: xx-small; height: ' + 
            ih + 'px; width: ' + iw + 'px; top: ' + (top + ((mia_types.length + 1) * ih)) + 'px; left: ' + left + 'px; background-color: #e0e0e0; vertical-align: middle; text-align: ' + align + ';">' +
    '<span style="position: relative; top: 32.5%;">Show / Hide Menu</span></div>';
    
    for (var i = 0; i < mia_types.length; i++)
    {
        src.innerHTML += '<div id="mi' + i + '" onmousedown="OnMouseOver(\'' + mia_types[i] + '\', ' + dest + ', ' + lb + ', ' + rb + ');"' + 
        ' onmouseover="ToggleBg(true, this);" onmouseout="ToggleBg(false, this);" style="font-size: xx-small; position: absolute; border: solid 1px #e0e0e0; height: ' + 
            ih + 'px; width: ' + iw + 'px; top: ' + (top + ((i + 1) * ih)) + 'px; left: ' + left + 'px; background-color: #f0f0f0; vertical-align: middle; text-align: ' + align + ';">' 
            + '<span style="position: relative; top: 32.5%;">' + mia_titles[i] + '</span></div>';
    }
}

function ToggleFont(s, d)
{
    if (s) d.style.fontWeight = 'bold';
    else d.style.fontWeight = 'normal';
}

function ToggleBg(s, d)
{
    if (s) d.style.backgroundColor = '#b0b0e0';
    else d.style.backgroundColor = '#f0f0f0';
}

function ToggleVis(d)
{
    if (!d) return;
    if (d.innerHTML == '') return;
    if (d.style.visibility != 'visible' && d.style.visibility != 'hidden')
        d.style.visibility = 'visible';
    else if (d.style.visibility == 'hidden')
        d.style.visibility = 'visible';
    else if (d.style.visibility == 'visible')
        d.style.visibility = 'hidden';
}

function OnMouseOut(d)
{
    // stub
}

