function _$(dElem)
{
    return document.getElementById(dElem);
}

if (navigator.userAgent.indexOf('MSIE') != -1) {
    var msie = true;
}

// Get current page and set nav image appropriately 
var currentURL = location.href;
currentURL = currentURL.split('/');


function file_name_only(str) 
{
    var slash = '/'
    if (str.match(/\\/)) 
    {
        slash = '\\'
    }
    
    return str.substring(str.lastIndexOf(slash) + 1, str.lastIndexOf('.'))
}

//alert(file_name_only(document.location.href)) 


var currentPage = file_name_only(document.location.href) + ".aspx";
var currentImageId;

/////////////////////////////////////
// REMOVE this fake function
/////////////////////////////////////

function trackEventAndGoto(id)
{
    return true; 
}

/////////////////////////////////////
/////////////////////////////////////
/////////////////////////////////////

function setCurrentImage()
{

    switch (currentPage)
    {
        // Home
        case "default.aspx": currentImageId = "nav-home"; break;
        
        // Participate section (pages)
        case "mobilize-go-paperless.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-haiti.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-green-account.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-earthday.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-paperless.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-30-days-of-giving-daily-prize-calendar.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-30-days-of-giving-enter-to-win.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-30-days-of-giving-rules.aspx": currentImageId = "nav-go-paperless"; break;
        case "mobilize-participate-green-festival-rules.aspx": currentImageId = "nav-go-paperless"; break;
        
        
        // Shop section (pages)
        case "mobilize-shop-green.aspx": currentImageId = "nav-shop-green"; break;
        case "mobilize-shop-accessories.aspx": currentImageId = "nav-shop-green"; break;
        case "mobilize-shop-applications.aspx": currentImageId = "nav-shop-green"; break;
        case "mobilize-shop-features.aspx": currentImageId = "nav-shop-green"; break;
        case "mobilize-shop-green-perks.aspx": currentImageId = "nav-shop-green"; break;
        case "mobilize-shop-phones.aspx": currentImageId = "nav-shop-green"; break;
        
        
        // Learn section (pages)
        case "mobilize-learn-green-feed.aspx": currentImageId = "nav-recycle"; break;
        case "mobilize-learn-things-we-can-all-do.aspx": currentImageId = "nav-recycle"; break;
        case "mobilize-learn-things-were-doing.aspx": currentImageId = "nav-recycle"; break;
        case "mobilize-participate-honors.aspx": currentImageId = "nav-recycle"; break;
        
        // Plant section (pages)
        case "mobilize-plant-a-tree.aspx": currentImageId = "nav-plant-a-tree"; break;
        
        
        // View section (pages)
        case "mobilize-viewing-lounge.aspx": currentImageId = "nav-viewing-lounge"; break;
        
        default: currentImageId = "nav-home"; break;
    }

    // Set current section image
    _$(currentImageId).src = "images/" + currentImageId + "-over.png";

}


// Swamp Image
function swapImage(id, state)
{
    // check for current page 
    if (id != currentImageId)  
    {
        if (state == "over") imgSrc = id + "-over.png"
        if (state != "over") imgSrc = id + ".png";
        _$(id).src = "images/" + imgSrc;        
    }
}


// Open Lightbox
function loadLightbox(id)
{
    if (msie) 
    {
        $(_$(id)).fadeIn();
        _$('lightbox_background').style.display = 'block';
    }
    else
    {
        $(_$(id)).fadeIn();
        $(_$('lightbox_background')).fadeIn();
    }
}

// Close Lightbox
function closeLightbox(id)
{
    if (msie)
    {
        $(_$(id)).fadeOut();
        _$('lightbox_background').style.display = 'none';
    }
    else
    {
        $(_$(id)).fadeOut();
        $(_$('lightbox_background')).fadeOut();
    }
}