if (!NEA) var NEA = {};
/* extend NEA object w/ panel code */
NEA.PanelA = {
    ImgPm : "/assets/content/images/img_relatedSites.gif",
    imgH    : 20,
    imgW    : 137,
    panelOn : false,
    panelSp : "normal"
}
NEA.PanelA.set = function(tf){
    //var h = $('#nea-panel-a').height();
    //var h = "117px";
    
    if(tf){
        $('#nea-panel-a').animate({
            minHeight: "show",
            height: "show"
        }, NEA.PanelA.panelSp);
        
        $('#panel-menu-a').animate({
            // top: (parseInt(h)+20)
            /*@cc_on
@if (@_jscript_version <= 5.6)
top: (153)
@else @*/
     top: (152)
/*@end @*/
        
        },NEA.PanelA.panelSp);
        NEA.PanelA.panelOn = true;
        $("#forms").hide();
       /* $("#buttonSearch").css({display:"none"}); */
    }
    else {
        $('#nea-panel-a').animate({
            minHeight: "hide",
            height: "hide"
        }, NEA.PanelA.panelSp);
        
        $('#panel-menu-a').animate({
            top: 3
        },NEA.PanelA.panelSp);
        NEA.PanelA.panelOn = false;
        if( $.browser.msie) {
             $("#forms").fadeIn();
         }
        else{
        $("#forms").fadeIn(300);
        }
       /* $("#inputSearch").css({display:"block"}); 
        $("#buttonSearch").css({display:"block"}); */
    }
}
// ================================================================

/* extend NEA object w/ panel code */
NEA.PanelB = {
    ImgPm : "/assets/template/images/CmsTools.png",
    imgH    : 20,
    imgW    : 145,
    panelOn : false,
    panelSp : "normal"
}
NEA.PanelB.set = function(tf){
    //var h = $('#nea-panel-b').height();
    //var h = "117px";
    
    if(tf){
        $('#nea-panel-b').animate({
            minHeight: "show",
            height: "show"
        }, NEA.PanelB.panelSp);
        
        $('#panel-menu-b').animate({
            // top: (parseInt(h)+20)
            /*@cc_on
@if (@_jscript_version <= 5.6)
top: (119)
@else @*/
     top: (120)
/*@end @*/
        
        },NEA.PanelB.panelSp);
        NEA.PanelB.panelOn = true;
        $("#forms").hide();
       /* $("#buttonSearch").css({display:"none"}); */
    }
    else {
        $('#nea-panel-b').animate({
            minHeight: "hide",
            height: "hide"
        }, NEA.PanelB.panelSp);
        
        $('#panel-menu-b').animate({
            top: -17 /*Image When Panel is Closed, where it returns*/
        },NEA.PanelB.panelSp);
        NEA.PanelB.panelOn = false;
        if( $.browser.msie) {
             $("#forms").fadeIn();
         }
        else{
        $("#forms").fadeIn(300);
        }
       /* $("#inputSearch").css({display:"block"}); 
        $("#buttonSearch").css({display:"block"}); */
    }
}

// ================================================================

// ================================================================
/* extend NEA object w/ panel code */
NEA.PanelC = {
    ImgPm : "/assets/template/images/Navigation.png",
    imgH    : 20,
    imgW    : 145,
    panelOn : false,
    panelSp : "normal"
}
NEA.PanelC.set = function(tf){
    //var h = $('#nea-panel-c').height();
    //var h = "117px";
    
    if(tf){
        $('#nea-panel-c').animate({
            minHeight: "show",
            height: "show"
        }, NEA.PanelC.panelSp);
        
        $('#panel-menu-c').animate({
            // top: (parseInt(h)+20)
            /*@cc_on
@if (@_jscript_version <= 5.6)
top: (157)
@else @*/
     top: (158)
/*@end @*/
        
        },NEA.PanelC.panelSp);
        NEA.PanelC.panelOn = true;
        $("#forms").hide();
       /* $("#buttonSearch").css({display:"none"}); */
    }
    else {
        $('#nea-panel-c').animate({
            minHeight: "hide",
            height: "hide"
        }, NEA.PanelC.panelSp);
        
        $('#panel-menu-c').animate({
            top: -37 /*Image When Panel is Closed, where it returns*/
        },NEA.PanelC.panelSp);
        NEA.PanelC.panelOn = false;
        if( $.browser.msie) {
             $("#forms").fadeIn();
         }
        else{
        $("#forms").fadeIn(300);
        }
       /* $("#inputSearch").css({display:"block"}); 
        $("#buttonSearch").css({display:"block"}); */
    }
}
// ================================================================


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); }
    });        
});