﻿function tabOver(sender) 
{
    sender.style.color = "#161C30";
}

function tabOut(sender) 
{
    sender.style.color = "#8E2207";
}

var tabIndex = -1;
function tabClick(index, page) 
{
    if (tabIndex >= 0) 
        document.getElementById("apple" + tabIndex).style.display = "none";

    tabIndex = index;
    document.getElementById("apple" + index).style.display = "inline-block";

    document.getElementById('bodyIframe').src = page;
}

function doLoad()
{
    try
    {
        if (isIE7_8())
        {
            if (document.getElementById('IECSS') != null)
                document.getElementById('IECSS').href = "css/impact_IE7.css";
        }
    }
    catch (e) { }


    tabClick(0, 'impact_home.html');
}

function detailClick(sender)
{
    
    if ((sender.style.display == "none") || (sender.style.display == ""))
        sender.style.display = "block";
    else
        sender.style.display = "none";
}

function register()
{
    window.parent.DisplayDialog("impact_Register.aspx", 700, 605);
}


// Dialog code
var dlgParams = null;
var secondaryParams = null;

function getDialogParams()
{
    return dlgParams;
}

function getSecondaryDialogParams()
{
    return secondaryParams;
}

var localCallback = null;

function DisplayDialog(src, width, height, params, secParams, callback)
{
    localCallback = callback;
    dlgParams = params;
    secondaryParams = secParams;
    var winW = 630, winH = 460;

    document.getElementById('dialogiFrame').style.width = width;
    document.getElementById('dialogiFrame').style.height = height;

    document.getElementById('dialogiFrame').src = src;

    if (parseInt(navigator.appVersion) > 3)
    {
        if (navigator.appName == "Netscape")
        {
            winW = window.innerWidth;
            winH = window.innerHeight;
        }
        if (navigator.appName.indexOf("Microsoft") != -1)
        {
            winW = document.body.offsetWidth;
            winH = document.body.offsetHeight;
        }
    }

    document.getElementById("overlayBackground").style.width = winW;

    var left = ((winW / 2) - (width / 2));
    var top = ((winH / 2) - (height / 2));


    document.getElementById("iframeDialog").style.top = top;
    document.getElementById("iframeDialog").style.left = left;

    document.getElementById("dialog").style.display = "block";
    document.getElementById("iframeDialog").style.display = "block";
    document.getElementById('dialogiFrame').style.display = "block";
    document.getElementById('DialogCloseX').style.display = "inline-block";
}

function CloseDialog()
{
    if (localCallback != null)
        localCallback();
    document.getElementById("overlayBackgroundShadow").style.display = "none";
    //document.getElementById('dialogiFrame').src = "blank.html";

    document.getElementById("dialog").style.display = "none";
    document.getElementById("iframeDialog").style.display = "none";
    document.getElementById('dialogiFrame').style.display = "none";
    document.getElementById('DialogCloseX').style.display = "none";
}

function loadWizard()
{
    if (document.getElementById("password") != null)
    {
        document.getElementById("password").style.display = "inline-block";
        document.getElementById("passwordNav").style.display = "inline-block";
    }
    else
        showPage(0);
    loadCookies();
}

function login()
{
    if (document.getElementById('pwdHidden').value == document.getElementById('edPassword').value)
    {
        document.getElementById("password").style.display = "none";
        document.getElementById("passwordNav").style.display = "none";

        showPage(0, -1);
    }
    else
    {
        document.getElementById('edPassword').value = "";
        document.getElementById('lbErrorMsg').style.display = "block";
    }
}

function validateReg()
{
    var retVal = true;
    if (document.getElementById("tbChildName").value != "")
    {
        alert(document.getElementById("tbChildName").value + ' has not been added.  Click the "Register Child" button to add."');
        retVal = false;
    }
    return retVal;
}


var currPage = -1;

function showPage(toPage, fromPage)
{
    if (validateData(fromPage))
    {
        if (toPage == 1)
            saveCookies();
        if (toPage == 4)
            populateReview();

        document.getElementById("page" + toPage).style.display = "inline-block";
        document.getElementById("pageNav" + toPage).style.display = "inline-block";
        if (currPage >= 0)
        {
            document.getElementById("page" + fromPage).style.display = "none";
            document.getElementById("pageNav" + fromPage).style.display = "none";
        }
        currPage = toPage;
    }
}

function getCookieValue(cookieName)
{
    var vals = document.cookie.split('; ');
    var index;
    var retVal = '';
    for (var x = 0; ((x < vals.length) && (retVal == '')); x++)
    {
        index = vals[x].indexOf('="');
        if (vals[x].substring(0, index) == cookieName)
            retVal = vals[x].substring(index + 2, vals[x].length - 1);
    }
    return retVal;
}

function setCookieName(cookieName, value)
{
    document.cookie = cookieName + '="' + value + '"; expires="Fri, 31 Dec 2099 23:59:59 GMT";';
}

function loadCookies()
{
    document.getElementById('tbFamilyName').value = getCookieValue("tbFamilyName");
    document.getElementById('tbParentName').value = getCookieValue("tbParentName");
    document.getElementById('tbAddress').value = getCookieValue("tbAddress");
    document.getElementById('tbCity').value = getCookieValue("tbCity");
    document.getElementById('tbZip').value = getCookieValue("tbZip");
    document.getElementById('tbPhone').value = getCookieValue("tbPhone");
    document.getElementById('tbEMail').value = getCookieValue("tbEMail");
    document.getElementById('lbState').value = getCookieValue("lbState");
    document.getElementById('tbCell').value = getCookieValue("tbCell");
}

function saveCookies()
{
    setCookieName("tbFamilyName", document.getElementById('tbFamilyName').value);
    setCookieName("tbParentName", document.getElementById('tbParentName').value);
    setCookieName("tbAddress", document.getElementById('tbAddress').value);
    setCookieName("tbCity", document.getElementById('tbCity').value);
    setCookieName("lbState", document.getElementById('lbState').value);
    setCookieName("tbZip", document.getElementById('tbZip').value);
    setCookieName("tbPhone", document.getElementById('tbPhone').value);
    setCookieName("tbCell", document.getElementById('tbCell').value);
    setCookieName("tbEMail", document.getElementById('tbEMail').value);
}

function validateData(page)
{
    currPage = page;
    var retVal = true;
    if (page == 1)
    {
        document.getElementById('lbAddChildError').style.display = "none";
        if (document.getElementById('tbRegisteredChildren').value == "")
        {
            document.getElementById('lbAddChildError').style.display = "inline-block";
            retVal = false;
        }
    }

    if (page == 0)
    {
        document.getElementById('lbFamiltName').style.color = "#161C30";
        document.getElementById('lbParentName').style.color = "#161C30";
        document.getElementById('lbAddress').style.color = "#161C30";
        document.getElementById('lbCity').style.color = "#161C30";
        document.getElementById('lbZip').style.color = "#161C30";
        document.getElementById('lbPhone').style.color = "#161C30";
        document.getElementById('lbEMail').style.color = "#161C30";
        document.getElementById('lbFamError').style.display = "none";

        if (document.getElementById('tbFamilyName').value == "")
        {
            document.getElementById('lbFamiltName').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }
        if (document.getElementById('tbParentName').value == "")
        {
            document.getElementById('lbParentName').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }
        if (document.getElementById('tbAddress').value == "")
        {
            document.getElementById('lbAddress').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }
        
        if (document.getElementById('tbCity').value == "")
        {
            document.getElementById('lbCity').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }
        if (document.getElementById('tbZip').value == "")
        {
            document.getElementById('lbZip').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }
        if (document.getElementById('tbPhone').value == "")
        {
            document.getElementById('lbPhone').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }
        if (document.getElementById('tbEMail').value == "")
        {
            document.getElementById('lbEMail').style.color = "red";
            document.getElementById('lbFamError').style.display = "inline-block";
            retVal = false;
        }

    }

    return retVal;
}

var currPage = 0;
function OkToSubmit()
{
    return (currPage == 4);
}

function cutString(stg,length)
{
    var dot = "";
    if (stg.length > length)
        dot = "...";
    return stg.substr(0, length) + dot;
}

function uniqid()
{
    var newDate = new Date;
    return newDate.getTime();
}

function registerChild()
{
    if ((document.getElementById('tbChildName').value != "") && (document.getElementById('tbChildAge').value != ""))
    {
        var uid = uniqid();

        var tbl = document.getElementById('childTable');

        var tabRow = tbl.insertRow(tbl.rows.length);

        var tabCell = tabRow.insertCell(0);
        tabCell.innerHTML = uid;
        tabCell.setAttribute('className', 'hiddenCell');
        tabCell.setAttribute('class', 'hiddenCell');

        tabCell = tabRow.insertCell(1);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');

        tabCell.innerHTML = document.getElementById('tbChildName').value;

        tabCell = tabRow.insertCell(2);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.innerHTML = document.getElementById('tbChildAge').value;

        tabCell = tabRow.insertCell(3);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.setAttribute('nowrap', 'nowrap');
        tabCell.innerHTML = cutString(document.getElementById('lbHour1Classes').value, 22);

        tabCell = tabRow.insertCell(4);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.setAttribute('nowrap', 'nowrap');
        tabCell.innerHTML = cutString(document.getElementById('lbHour2Classes').value, 22);

        tabCell = tabRow.insertCell(5);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.setAttribute('nowrap', 'nowrap');
        tabCell.innerHTML = cutString(document.getElementById('lbHour3Classes').value, 22);

        tabCell = tabRow.insertCell(6);
        tabCell.innerHTML = '<img src="images/delete.png" alt="" style="cursor: pointer;" onclick="deleteChild(' + uid + ')"/>';

        // 2nd Choices
        tabRow = tbl.insertRow(tbl.rows.length);
        tabCell = tabRow.insertCell(0);
        tabCell.setAttribute('className', 'hiddenCell');
        tabCell.setAttribute('class', 'hiddenCell');
        tabCell.innerHTML = uid;

        tabCell = tabRow.insertCell(1);

        tabCell.innerHTML = "";

        tabCell = tabRow.insertCell(2);
        tabCell.innerHTML = "";

        tabCell = tabRow.insertCell(3);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.setAttribute('nowrap', 'nowrap');
        tabCell.setAttribute('style', 'color: #FFBE3A; padding-bottom: 10px');
        tabCell.innerHTML = cutString(document.getElementById('lbHour1Classes2nd').value, 22);

        tabCell = tabRow.insertCell(4);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.setAttribute('nowrap', 'nowrap');
        tabCell.setAttribute('style', 'color: #FFBE3A; padding-bottom: 10px');
        tabCell.innerHTML = cutString(document.getElementById('lbHour2Classes2nd').value, 22);

        tabCell = tabRow.insertCell(5);
        tabCell.setAttribute('className', 'regClassTableLable');
        tabCell.setAttribute('class', 'regClassTableLable');
        tabCell.setAttribute('nowrap', 'nowrap');
        tabCell.setAttribute('style', 'color: #FFBE3A; padding-bottom: 10px');
        tabCell.innerHTML = cutString(document.getElementById('lbHour3Classes2nd').value, 22);

        tabCell = tabRow.insertCell(6);
        tabCell.innerHTML = '';



        var stg = document.getElementById('tbChildName').value + "|" + document.getElementById('tbChildAge').value + "|" + document.getElementById('lbHour1Classes').value + "|" + document.getElementById('lbHour1Classes2nd').value + "|" + document.getElementById('lbHour2Classes').value + "|" + document.getElementById('lbHour2Classes2nd').value + "|" + document.getElementById('lbHour3Classes').value + "|" + document.getElementById('lbHour3Classes2nd').value + "|" + uid;
        if (document.getElementById('tbRegisteredChildren').value == '')
            document.getElementById('tbRegisteredChildren').value += stg;
        else
            document.getElementById('tbRegisteredChildren').value += "~" + stg;

        // Clear register child
        document.getElementById('tbChildName').value = "";
        document.getElementById('tbChildAge').value = "";
        document.getElementById('lbHour1Classes').selectedIndex = 0;
        document.getElementById('lbHour1Classes2nd').selectedIndex = 0;
        document.getElementById('lbHour2Classes').selectedIndex = 0;
        document.getElementById('lbHour2Classes2nd').selectedIndex = 0;
        document.getElementById('lbHour3Classes').selectedIndex = 0;
        document.getElementById('lbHour3Classes2nd').selectedIndex = 0;
    }
    else
    {
        alert("A Child's name and Grade are required to register.");
    }
}

function deleteChild(row)
{
    var tbl = document.getElementById('childTable');
    var rows = tbl.rows;
    for (var x = rows.length - 1; x > 0; x--)
        if ((rows[x].cells[0] != null) && (rows[x].cells[0].innerHTML == row))
            tbl.deleteRow(x);

    // delete from edit box
    var rgdChildArray = document.getElementById('tbRegisteredChildren').value.split('~');

    var newVal = "";
    for (var x = 0; x < rgdChildArray.length; x++)
    {
        if (rgdChildArray[x].indexOf(row) < 0)
        {
            if (newVal == '')
                newVal += rgdChildArray[x];
            else
                newVal += "~" + rgdChildArray[x];
        }
    }
    document.getElementById('tbRegisteredChildren').value = newVal;
}

function ListBoxAdd(lst, val)
{
    var hasOption = false;
    for (var x = 0; x < lst.length; x++)
        if (lst.options[x].value == val)
            hasOption = true;

    if (!hasOption)
    {
        var oOption = document.createElement("option");
        // debug refactor
        if (null != lst.options)
        {
            lst.options.add(oOption);
            oOption.innerText = val;
            oOption.text = val;
            oOption.value = val;
        }
    }
}

function populateReview()
{
    document.getElementById('lbRvFamName').innerHTML = document.getElementById('tbFamilyName').value;
    document.getElementById('lbRvParentName').innerHTML = document.getElementById('tbParentName').value;
    document.getElementById('lbRvEMail').innerHTML = document.getElementById('tbEMail').value;
    document.getElementById('lbRvAddress').innerHTML = document.getElementById('tbAddress').value;
    document.getElementById('lbRvCity').innerHTML = document.getElementById('tbCity').value;
    document.getElementById('lbRvState').innerHTML = document.getElementById('lbState').value;
    document.getElementById('lbRvZip').innerHTML = document.getElementById('tbZip').value;
    document.getElementById('lbRvPhone').innerHTML = document.getElementById('tbPhone').value;
    document.getElementById('lbRvCell').innerHTML = document.getElementById('tbCell').value;
    var tbl = document.getElementById('childTable');

    document.getElementById('reviewTableDiv').appendChild(tbl);

    document.getElementById('lbRvV1').innerHTML = document.getElementById('volList1').value;
    document.getElementById('lbRvV2').innerHTML = document.getElementById('volList2').value;
    document.getElementById('lbRvV3').innerHTML = document.getElementById('volList3').value;

    document.getElementById('lvRvComment').innerHTML = document.getElementById('tbComment').value;

}


function moveChildTable()
{
    var tbl = document.getElementById('childTable');
    document.getElementById('childCollection').appendChild(tbl);
}

function isIE7_8()
{
    return ((navigator.userAgent.indexOf('MSIE 7') >= 0) || (navigator.userAgent.indexOf('MSIE 8') >= 0));
}

function hover(sender, underline)
{
    if (underline)
        sender.style.fontWeight = "bold";
    else
        sender.style.fontWeight = "normal";
}
