﻿var TimeToSlide = 25.0;
var vertTimeToSlide = 0.00;
var timeoutSeconds = 14;
function showVMenu(menu, height) {
    if (menu != 'aboutMenu') hideVMenu('aboutMenu');
    if (menu != 'locationsMenu') hideVMenu('locationsMenu');
    if (menu != 'eventsMenu') hideVMenu('eventsMenu');
	if (menu != 'resourcesMenu') hideVMenu('resourcesMenu');
    if (menu != 'contactMenu') hideVMenu('contactMenu');
    setTimeout("animateV(" + new Date().getTime() + ", " + vertTimeToSlide + ", '" + menu + "', " + height + ")", 7);
}
function hideVMenu(menu) {
    var spany = document.getElementById(menu);
    if (spany != null)
        spany.style.height = "27px";
}

function animateV(lastTick, timeLeft, menu, height) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var divy = document.getElementById(menu);

    if (timeLeft <= elapsedTicks) {
        divy.style.height = height + "px";
        return;
    }

    var newWidth = Math.round((timeLeft / vertTimeToSlide) * height);
    divy.style.height = (height - newWidth) + 'px';

    timeLeft -= elapsedTicks;
    setTimeout("animateV(" + curTick + ", " + timeLeft + ", '" + menu + "', " + height + ")", 7);
}

function clearV() {
    hideVMenu('aboutMenu');
    hideVMenu('locationsMenu');
    hideVMenu('eventsMenu');
	hideVMenu('resourcesMenu');
    hideVMenu('contactMenu');
}


function showHMenu(menu) {
    clearH();
    setTimeout("animateH(" + new Date().getTime() + ", " + TimeToSlide + ", '" + menu + "')", timeoutSeconds);
    var divy = document.getElementById(menu);
    divy.style.zindex = 2;
}

function hideHMenu(menu) {
    var divy = document.getElementById(menu);
    divy.style.width = "0px";

}

function animateH(lastTick, timeLeft, menu) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var divy = document.getElementById(menu);

    if (timeLeft <= elapsedTicks) {
        divy.style.width = "425px";
        return;
    }

    var newWidth = Math.round((timeLeft / TimeToSlide) * 425);
    divy.style.width = (425 - newWidth) + 'px';

    timeLeft -= elapsedTicks;
    setTimeout("animateH(" + curTick + ", " + timeLeft + ", '" + menu + "')", timeoutSeconds);
}

function clearH() {
    hideHMenu('visionMenu');
    hideHMenu('serveMenu');
    hideHMenu('sendMenu');
    hideHMenu('giveMenu');
    hideHMenu('prayMenu');
    //document.getElementById('visionB').src = "site_files/vision_button.png";
    //document.getElementById('serveB').src = "site_files/serve_button.png";
    //document.getElementById('sendB').src = "site_files/send_button.png";
    //document.getElementById('giveB').src = "site_files/give_button.png";
    //document.getElementById('prayB').src = "site_files/pray_button.png";
}
