if (!NEA) var NEA = {};
/* extend NEA object w/ panel code */
NEA.PanelA = {
    ImgPm : "/assets/img/template/ME/me-panel-menu-off.gif",
    imgH    : 17,
    imgW    : 170,
    panelOn : false,
    panelSp : "normal"
}
NEA.PanelA.set = function(tf){
    var h = $('#nea-panel-a').height();
    //var h = "140px";
    
    if(tf){
       /* $('#nea-panel-a').animate({
            minHeight: "show",
            height:"show" 
        }, NEA.PanelA.panelSp);*/
        $('#nea-panel-a').show("normal");

        $('#panel-menu-a').animate({
            top: (163)
        },NEA.PanelA.panelSp);
        NEA.PanelA.panelOn = true;
    }
    else {
        /*$('#nea-panel-a').animate({
            minHeight: "hide",
            height: "hide"
        }, NEA.PanelA.panelSp);*/
        $('#nea-panel-a').hide("normal");
        
        $('#panel-menu-a').animate({
            top: 3
        },NEA.PanelA.panelSp);
        NEA.PanelA.panelOn = false;
    }
}
// ================================================================
/* extend NEA object w/ panel code */
NEA.PanelB = {
    ImgPm : "/assets/img/template/panel-menu-cms.gif",
    imgH    : 17,
    imgW    : 170,
    panelOn : false,
    panelSp : "normal"
}
NEA.PanelB.set = function(tf){
    var hh = $('#nea-panel-b').height();
    //var hh = "140px";
    
    if(tf){
        $('#nea-panel-b').animate({
            minHeight: "show",
            height: "show"
        }, NEA.PanelB.panelSp);
        
        $('#panel-menu-b').animate({
            top: (parseInt(hh) -4)
        },NEA.PanelB.panelSp);
        NEA.PanelB.panelOn = true;
    }
    else {
        $('#nea-panel-b').animate({
            minHeight: "hide",
            height: "hide"
        }, NEA.PanelB.panelSp);
        
        $('#panel-menu-b').animate({
            top: -14
        },NEA.PanelB.panelSp);
        NEA.PanelB.panelOn = false;
    }
}
// ================================================================
/* extend NEA object w/ panel code */
NEA.PanelC = {
    ImgPm : "/assets/img/template/Navigation.png",
    imgH    : 17,
    imgW    : 170,
    panelOn : false,
    panelSp : "normal"
}
NEA.PanelC.set = function(tf){
    var hhh = $('#nea-panel-c').height();
    //var hhh = "140px";
    
    if(tf){
        $('#nea-panel-c').animate({
            minHeight: "show",
            height: "show"
        }, NEA.PanelC.panelSp);
        
        $('#panel-menu-c').animate({
            top: (parseInt(hhh) -22) /*Image When Panel is Displayed*/
        },NEA.PanelC.panelSp);
        NEA.PanelC.panelOn = true;
    }
    else {
        $('#nea-panel-c').animate({
            minHeight: "hide",
            height: "hide"
        }, NEA.PanelC.panelSp);
        
        $('#panel-menu-c').animate({
            top: -31 /*Image When Panel is Closed, where it returns*/
        },NEA.PanelC.panelSp);
        NEA.PanelC.panelOn = false;
    }
}
// ================================================================
if (!NEA.png) NEA.png = {};
// courtesy of http://ajaxcookbook.org/png-alpha-transparency/
NEA.png.createPNGImage = function(src, width, height) {
    if (navigator.userAgent.indexOf("MSIE") != -1) {
        var element = document.createElement("div");
        element.style.filter = "progid:DXImageTransform.Microsoft." +
                               "AlphaImageLoader(src='" + src + "')";
        // element.style.filters(1) = "DXImageTransform.Microsoft.Alpha".Opacity[50];
    } else {
        var element = document.createElement("img");
        element.src = src;
    }
    element.style.width = width + "px";
    element.style.height = height + "px";
    return element;
}
$(document).ready(function(){
    var panelsTabs = "<p id='panel-menu-a'><img src='" + NEA.PanelA.ImgPm + "' height=" + NEA.PanelA.imgH + " width=" + NEA.PanelA.imgW + " /><\/p>";

    if($('#onSmartEdit').length > 0){
        panelsTabs += "<p id='panel-menu-b'><img src='" + NEA.PanelB.ImgPm + "' height=" + NEA.PanelB.imgH + " width=" + NEA.PanelB.imgW + " /><\/p>";
        panelsTabs += "<p id='panel-menu-c'><img src='" + NEA.PanelC.ImgPm + "' height=" + NEA.PanelC.imgH + " width=" + NEA.PanelC.imgW + " /><\/p>";}
    $('#nea-panel-menu').html(panelsTabs);
    
    // toggle panel menu
    $('#panel-menu-a').click(function(e){
        NEA.PanelA.panelOn ? NEA.PanelA.set(false) : NEA.PanelA.set(true);
        e.stopPropagation(); // todo: is this needed?
    });
    
    // toggle panel menu
    $('#panel-menu-b').click(function(e){
        NEA.PanelB.panelOn ? NEA.PanelB.set(false) : NEA.PanelB.set(true);
        e.stopPropagation(); // todo: is this needed?
    });
    // toggle panel menu
    $('#panel-menu-c').click(function(e){
        NEA.PanelC.panelOn ? NEA.PanelC.set(false) : NEA.PanelC.set(true);
        e.stopPropagation(); // todo: is this needed?
    });
    
    // this hides panel menu on document click
    $(document).click(function(e){
        if (NEA.PanelA.panelOn) { NEA.PanelA.set(false); }
        if (NEA.PanelB.panelOn) { NEA.PanelB.set(false); }
        if (NEA.PanelC.panelOn) { NEA.PanelC.set(false); }
    });        
});
