var siteTheme = "mydot";
//var themeName;
//var shadeName;
var pwcb;
var celebCB;
var myAccessToken;
var myAccountType;

var MainSite = "mydot";
var MainColor = "";
var MainLanguage = "en";
var MainTheme = "friends";
var MainShade = "";

var SI;

function default_onload() {
    MainColor = themeName;
    MainShade = shadeName;

    var landingBody = document.getElementById("landingBody");
    if (MainShade == "light") {
        landingBody.style.background = "#FFFFFF";
    } else {
    landingBody.style.background = "#000000";
    }

    //Gets Color & Shade cookies from Cookie.aspx
    if (!Get_Cookie('siteTheme')) {
        //DEFAULT TO MYDOT 
        Set_Cookie("siteTheme", "mydot", 30, "/");
    }

    if (!Get_Cookie('theme')) {
        //DEFAULT TO PURPLE
        Set_Cookie("theme", themeName, 30, "/");
    }

    if (!Get_Cookie('shade')) {
        //DEFAULT TO DARK
        Set_Cookie("shade", shadeName, 30, "/");
    }

    //Get Cookies
    themeName = Get_Cookie('theme').toLowerCase();
    shadeName = Get_Cookie('shade').toLowerCase();

    //Add CSS Files
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/hrb.css');
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/BottomPanel.css');
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/BannerPanel.css');
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/DefaultPage.css');
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/Alerts-PopUps.css');
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/DropDownList.css');
    addCSS('styles/' + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + '/TermsAndConditions.css');

    //redirect if not top level doc
    if (parent.document != self.document) top.window.location.href = self.window.location.href;

    if (!SI) {
        var ipPath = document.getElementById("ipPath").value;
        SI = new SiteImages(ipPath);
    }

    SetSize();
    GetServerID();

    var ali = document.getElementById("ali");

    if (!isNaN(ali.value)) {
        Thumbnails_TimerInterval = parseInt(ali.value);
    }

    var iali = document.getElementById("iali");

    if (!isNaN(iali.value)) {
        Thumbnails_TimerInitialInterval = parseInt(iali.value);
    }

    var tlp = document.getElementById("tlp");

    if (tlp.value != "") {
        Thumbnails_AutoLoad_Pattern.length = 0;

        var Patterns = tlp.value.split(",");

        for (var p = 0; p <= Patterns.length - 1; p++) {
            if (!isNaN(Patterns[p])) {
                Thumbnails_AutoLoad_Pattern.push(parseInt(Patterns[p]));
            }
            else {
                Thumbnails_AutoLoad_Pattern.length = 0;
                Thumbnails_AutoLoad_Pattern.push(1);
                Thumbnails_AutoLoad_Pattern.push(3);
                Thumbnails_AutoLoad_Pattern.push(2);
                Thumbnails_AutoLoad_Pattern.push(4);
                break;
            }
        }
    }

    //changeColorButtons(MainColor, MainShade);
    changeBGs(MainColor, MainShade);

    //Create DOB Dropdowns
    var NewDOBDDL = new DropDownList();
    var dob = document.getElementById("dateOfBirthDDL");

    if (dob) {
        var dobValue = document.getElementById("selectedDateOfBirth");
        var now = new Date();

        var DateTimeSelector_New = new DateTimeSelector();
        DateTimeSelector_New.SetMinYear(120);
        DateTimeSelector_New.SetMaxYear(0);
        DateTimeSelector_New.IsDDL(true);
        DateTimeSelector_New.AddBlanks(true);

        var dobSelector = DateTimeSelector_New.CreateDateSelector("DateOfBirthSelector");
        dobSelector.style.display = top.GetDisplayInlineStyle();

        dob.appendChild(dobSelector);

        if (dobValue.value) {
            selectedDate = new Date(dobValue.value);
            dobSelector.ChangeDate(selectedDate.getMonth(), selectedDate.getDate(), selectedDate.getFullYear());
        }
        NewDOBDDL = null;
        now = null;
    }

    //Create Gender Dropdown
    var MyGenderDDL = new DropDownList();
    var SelectMyGenderChoice = document.getElementById("SelectGenderData");
    var SelectMyGender_Holder = document.getElementById("genderDDL");
    var genderValue = document.getElementById("selectedGender");

    if (SelectMyGender_Holder) {
        var SelectMyGender = MyGenderDDL.CreateDDL("SelectMyGender", "70px");
        SelectMyGender.loadFrom(SelectMyGenderChoice);
        SelectMyGender_Holder.appendChild(SelectMyGender);

        SelectMyGender.onchange = function() {
            SignUp_Gender_onchange(SelectMyGender);
        }
        if (genderValue.value) {
            SelectMyGender.selectedValue(genderValue.value);
        }
        MyGenderDDL = null;
    }

    handleSignUpStartUp();
    setupRememberMeCheckbox();
}

function GetServerID() {
    var url = "server.txt";

    AJAXGet(url, "getServerID_ready");
}

function getServerID_ready(responseText) {
    var sid = document.getElementById("sid");
    sid.value = responseText.replace(/\s/g, "");
}

function addCSS(whatURL) {
    var headID = document.getElementsByTagName("head")[0];
    var cssNode = document.createElement('link');
    cssNode.type = 'text/css';
    cssNode.rel = 'stylesheet';
    cssNode.href = whatURL;
    cssNode.media = 'screen';
    headID.appendChild(cssNode);
}

switchPW = function () {
    var UserName = document.getElementById("login_username");
    var Password = document.getElementById("login_password");
    var pwcb = document.getElementById("rmcb");

    if (pwcb.checked == "True")
        pwcb.checked = true;
    else if (pwcb.checked == "False")
        pwcb.checked = false;

    pwcb.checked = !pwcb.checked;

    var ipPath = document.getElementById("ipPath");

    if (!pwcb.checked) {
        pwcb.style.backgroundImage = "url(" + ipPath.value + "/images/" + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + "/Checkbox_Unchecked.png)";
//        Set_Cookie("savedUserName", "", 30, "/");
//        Set_Cookie("savePasswordCookie", "false", 30, "/");
//        Set_Cookie("savedPassword", "", 30, "/");
    }
    else {
        pwcb.style.backgroundImage = "url(" + ipPath.value + "/images/" + themeName.toLowerCase() + "/" + shadeName.toLowerCase() + "/Checkbox_Checked.png)";
//        Set_Cookie("savedUserName", UserName.value, 30, "/");
//        Set_Cookie("savePasswordCookie", "true", 30, "/");
//        Set_Cookie("savedPassword", Password.value, 30, "/");
    }
}

function loginAttempt() {
    var loginError_span = document.getElementById("loginError");
    var UserName = document.getElementById("login_username");
    var Password = document.getElementById("login_password_Password");
    var pwcb = document.getElementById("rmcb");

    loginError_span.innerHTML = "Authenticating... Please Wait.";

    if (document.getElementById("SignUpPopUp")) {
        var SignUpPopUp = document.getElementById("SignUpPopUp");
        SignUpPopUp.parentNode.removeChild(SignUpPopUp);
    }

    //if(isAuthenticating) return;

    //isAuthenticating = true;
    var myUserName = "";

    var pathToAccessTokenScript = "data/GetAccessToken.aspx";
    //var pathToAccessTokenScript = "data/GetAccessToken.aspx";
    //always cookie the username unless its null
    if (UserName.value != null || UserName.value != "null") {
        myUserName = UserName.value;
    }

    var myPassword = Password.value;
    //var tncReq = document.getElementById("tncReq");
    //tncReq.style.display = "none";

//    if (pwcb.checked) {
//        Set_Cookie("savedUserName", myUserName, 30, "/");
//        Set_Cookie("savedPassword", myPassword, 30, "/");
//        Set_Cookie("savePasswordCookie", "true", 30, "/");
//    }

    var sendData = "UserName=" + myUserName + "&PassCode=" + myPassword;
    sendData += "&siteTheme=" + siteTheme;
    sendData += "&theme=5";
    sendData += "&rememberMe=" + pwcb.checked;
    
    if (document.getElementById("signinhvi")) {
        var signuphvi = document.getElementById("signinhvi");

        sendData += "&" + signuphvi.getSubmitData();
    }

    var sc = QueryAnalyzer(window.location.href, "sc");

    if (sc && sc != "") {
        sendData += "&sc=" + encodeURIComponent(sc);
    }

    AJAXPostWithError(pathToAccessTokenScript, "accessToken_ready", "accessToken_error", sendData);
}


function accessToken_error(responseText) {
    var loginError_span = document.getElementById("loginError");
    loginError_span.innerHTML = "Error processing request";

    //isAuthenticating = false;
}

function accessToken_ready(response_text) {
    var myResponse = "?" + response_text;
    var myErrorDescription = QueryStringValue(myResponse, "errorDescription");
    var myErrorCode = QueryStringValue(myResponse, "errorCode");
    myAccessToken = QueryStringValue(myResponse, "AccessToken");
    myAccountType = QueryStringValue(myResponse, "AccountType");
    startExpanded = QueryStringValue(myResponse, "startExpanded") == "1";
    showTNC = QueryStringValue(myResponse, "ShowTNC") == "1";
    showWarning = QueryStringValue(myResponse, "ShowWarning") == "1";
    showNDA = QueryStringValue(myResponse, "ShowNDA") == "1";
    showPT = QueryStringValue(myResponse, "ShowPT") == "1";
    var shade = QueryStringValue(myResponse, "shade");
    var color = QueryStringValue(myResponse, "color");

    var cs = "content=";
    var ci = response_text.indexOf(cs);
    var content = response_text.substring(ci + cs.length, response_text.length); //QueryStringValue(myResponse, "content");

    if (shade && shade.length) shadeName = shade;
    if (color && color.length) themeName = color;

    if (myAccessToken) {
        if (!myErrorCode) {
            var full = document.getElementById("AllHeaderDiv");
            
            full.style.visibility = "hidden";

            //document.getElementById("joinArea").style.display = "";

            //SignUp_OpenSignUp();

            var rmcb = document.getElementById("rmcb")
            if (rmcb) {
                if (rmcb.checked) {
                    Set_Cookie("savedUserName", document.getElementById("login_username").value, 30, "/");
                    Set_Cookie("savePasswordCookie", "true", 30, "/");
                    Set_Cookie("savedPassword", document.getElementById("login_password_Password").value, 30, "/");
                }
            }

//            if (showNDA)
//                showNDAWindow(myAccountType, content);
//            else if (showTNC || showPT)
//                openTermsAndConditions(myAccountType, content, startExpanded);
//            else if (showWarning)
//                showUsageWarning(myAccountType, content);
//            else
            termsYes();
        }
    }

    if (myErrorCode) {
        if (myErrorCode == 4) {
            var email = QueryStringValue(myResponse, "email");
            var mode = QueryStringValue(myResponse, "mode");

            createEmailVerificationPopUp(email, mode);

            var loginError_span = document.getElementById("loginError");
            loginError_span.innerHTML = myErrorDescription;
        }
        else if (myErrorCode == 61) {
            checklistOpen(myErrorDescription, myAccountType, showTNC, myAccessToken);
        }
        else {
            var loginError_span = document.getElementById("loginError");

            var UserName = document.getElementById("login_username");
            UserName.focus();

            if (myErrorCode == 70 || myErrorCode == 71 || myErrorCode == 72) {
                var signinhvi = null;

                if (!document.getElementById("signinhvi")) {
                    signinhvi = createHVI("signinhvi");
                    //signinhvi.style.position = "absolute";
                    signinhvi.refresh.onmouseover = null;
                    signinhvi.about.onmouseover = null;
                    signinhvi.refresh.onclick = null;
                    signinhvi.about.onclick = null;

                    signinhvi.changeWidth(206);
                    signinhvi.changeHeight(50);

                    signinhvi.input.onkeypress = function(e) {
                        return action_onkeypress(e, "loginAttempt()");
                    }

                    document.body.appendChild(signinhvi);
                    //signinhvi.className = "AlertParentTable";
                    var pwcb = document.getElementById("pwcb");
                    pwcb.parentNode.insertBefore(signinhvi, pwcb);

                    signinhvi.style.marginBottom = "4px";
                    //DockToObject(signinhvi, button, "left", "bottom", "s", 108, 0);

                    var login_submit = document.getElementById("login_submit");
                    login_submit.style.marginTop = "0px";
                }
                else {
                    signinhvi = document.getElementById("signinhvi");
                    signinhvi.getChallenge();
                }
            }
            else {
                if (document.getElementById("signinhvi")) {
                    signinhvi = document.getElementById("signinhvi");
                    signinhvi.getChallenge();
                }
            }

            loginError_span.innerHTML = myErrorDescription;
        }
    }

    //isAuthenticating = false;
}


function changeColor(color) {
    var currentShade = Get_Cookie("shade").toLowerCase();
    changeTheme(color, currentShade);
}

function changeShade(shade) {
    var currentClr = Get_Cookie("theme").toLowerCase();
    changeTheme(currentClr, shade);
}

function changeTheme(themeColorInput, shadeInput, fromLoad) {
    var oldThemeColor = Get_Cookie('theme').toLowerCase();
    var oldShade = Get_Cookie('shade').toLowerCase();
    var colorTheme = themeColorInput;
    var shade = shadeInput;
    MainColor = colorTheme;
    MainShade = shade;

    var landing = document.getElementById("landingBody");

    if (shade == "dark") {
        landing.style.background = "#000000";
    } else {
    landing.style.background = "#FFFFFF";
    }

    //alert(themeColorInput);
    //alert(shadeInput);

    //var vidSWF = document.getElementById("landingIntroPlayer");
    //if (vidSWF.resetColor) vidSWF.resetColor(colorTheme, shade);
    /*
    for (var i = 1; i <= 4; i++) {
    var browseSWF = document.getElementById("BrowseSwapSWF" + i);

        browseSWF.changeColor(themeColorInput, shadeInput);
    }
    */

    var vidSWF = document.getElementById("landingIntroPlayer");
    if (vidSWF) vidSWF.resetColor(MainColor, MainShade);
    
    if (oldThemeColor != colorTheme) {
        Set_Cookie("theme", colorTheme.toLowerCase(), 30, "/");
        if (landing) changeBGs(colorTheme.toLowerCase(), shadeInput);

        themeName = colorTheme;
    }

    if (oldShade != shade) {
        Set_Cookie("shade", shade.toLowerCase(), 30, "/");
        if (landing) changeBGs(themeColorInput, shade.toLowerCase());

        shadeName = shade;
    }

    if (!fromLoad) {
        //GetThumbnails();
        //for (var i = 1; i <= 4; i++) {
        //var browseSwf = document.getElementById("BrowseSwapSWF" + i);
        //browseSwf.changeColor(themeName);
        //}
    }

    var headID = document.getElementsByTagName("head")[0];
    //change styles for color & shade
    for (i = 0; i < document.styleSheets.length; i++) {
        if (eval("/" + oldThemeColor + "/.test(document.styleSheets[i].href)")) {
            //alert(document.styleSheets[i].href);
            if (DetermineBrowser() == Browsers.IE)
                document.styleSheets[i].href = document.styleSheets[i].href.replace(eval("/" + oldThemeColor + "/"), colorTheme);///////////////////
            else {
                var cssNode = document.createElement("link");
                cssNode.type = "text/css";
                cssNode.rel = "stylesheet";
                cssNode.href = document.styleSheets[i].href.replace(eval("/" + oldThemeColor + "/"), colorTheme);

                headID.appendChild(cssNode);
                document.styleSheets[i].ownerNode.parentNode.removeChild(document.styleSheets[i].ownerNode);
            }
        }

        if (eval("/" + oldShade + "/.test(document.styleSheets[i].href)")) {
            //alert(document.styleSheets[i].href);
            if (DetermineBrowser() == Browsers.IE)
                document.styleSheets[i].href = document.styleSheets[i].href.replace(eval("/" + oldShade + "/"), shade);
            else {
                var cssNode = document.createElement("link");
                cssNode.type = "text/css";
                cssNode.rel = "stylesheet";
                cssNode.href = document.styleSheets[i].href.replace(eval("/" + oldShade + "/"), shade);

                headID.appendChild(cssNode);
                document.styleSheets[i].ownerNode.parentNode.removeChild(document.styleSheets[i].ownerNode);
            }
        }
    }

    changeTextBoxes("login_username", oldThemeColor, oldShade, colorTheme, shade);
    changeTextBoxes("login_password", oldThemeColor, oldShade, colorTheme, shade);
    try { changeTextBoxes("join_emailAddress", oldThemeColor, oldShade, colorTheme, shade); } catch (ex) { }
    try { changeTextBoxes("join_voucherCode", oldThemeColor, oldShade, colorTheme, shade); } catch (ex) { }

    //change image tags
    var changingImages = document.getElementsByTagName("img");
    for (i = 0; i < changingImages.length; i++) {
        try {
            if (eval("/" + oldThemeColor + "/.test(changingImages[i].src)")) {

                changingImages[i].src = changingImages[i].src.replace(eval("/" + oldThemeColor + "/"), colorTheme);
                // alert(changingImages[i].src);
            }

            if (eval("/" + oldShade + "/.test(changingImages[i].src)")) {

                changingImages[i].src = changingImages[i].src.replace(eval("/" + oldShade + "/"), shade);
                // alert(changingImages[i].src);
            }
        }
        catch (e) {
            alert(changingImages[i].src);
        }
    }

    if (DetermineBrowser() != Browsers.IE) {
        var aColor = document.getElementsByTagName("a");
        for (var i = 0; i <= aColor.length - 1; i++) {
            if (colorTheme == "blue" && shade == "dark") {
                aColor[i].style.color = "#2ca1ec";
            }
            else if (colorTheme == "green" && shade == "dark") {
                aColor[i].style.color = "#A2C966";
            }
            else if (colorTheme == "purple" && shade == "dark") {
                aColor[i].style.color = "#B88AC6";
            }
            else if (colorTheme == "red" && shade == "dark") {
                aColor[i].style.color = "#e16666";
            }
            else if (colorTheme == "blue" && shade == "light") {
                aColor[i].style.color = "#1a75c3";
            }
            else if (colorTheme == "green" && shade == "light") {
                aColor[i].style.color = "#92af0a";
            }
            else if (colorTheme == "purple" && shade == "light") {
                aColor[i].style.color = "#9b3fbd";
            }
            else if (colorTheme == "red" && shade == "light") {
                aColor[i].style.color = "#ee3a42";
            }
        }
    }
}

function changeTextBoxes(name, oldThemeColor, oldShade, colorTheme, shade) {

    var left = document.getElementById(name + "_left");
    var center = document.getElementById(name + "_center");
    var right = document.getElementById(name + "_right");

    left.style.backgroundImage = left.style.backgroundImage.replace(eval("/" + oldThemeColor + "/"), colorTheme);
    left.style.backgroundImage = left.style.backgroundImage.replace(eval("/" + oldShade + "/"), shade);

    center.style.backgroundImage = center.style.backgroundImage.replace(eval("/" + oldThemeColor + "/"), colorTheme);
    center.style.backgroundImage = center.style.backgroundImage.replace(eval("/" + oldShade + "/"), shade);

    right.style.backgroundImage = right.style.backgroundImage.replace(eval("/" + oldThemeColor + "/"), colorTheme);
    right.style.backgroundImage = right.style.backgroundImage.replace(eval("/" + oldShade + "/"), shade);
}

changeBGs = function (clr, shade, start) {
    var newClr = clr;
    var newShade = shade;
    var language = MainLanguage;

    //Index Page Elements
    var logo = document.getElementById("LogoMyDOT");
    //var bod = document.getElementById("DefaultPage_NoFlash_Bkgd");
    var Default_MainBackgroundDiv = document.getElementById("Default_MainBackgroundDiv");
    var LoginPanelBkgd = document.getElementById("LoginPanelBkgd");
    var JoinPanelBkgd = document.getElementById("JoinPanelBkgd");
    //var footerBkgdGradient = document.getElementById("bottomGradient");
    var colorOptionsBkgd = document.getElementById("ColorOptionsColor");
    var shadeOptionsBkgd = document.getElementById("ColorOptionsShade");
    //var pwcb = document.getElementById("pwcb");
    //var celebCB = document.getElementById("celebCB");

    //ScrollBar Elements
    //    var ScrollBar_UpArrow = document.getElementById("Default_Scrollbar_UpArrow");
    //    var ScrollBar_DownArrow = document.getElementById("Default_Scrollbar_DownArrow");
    //    var ScrollBar_SliderTop = document.getElementById("Default_Scrollbar_SliderTop");
    //    var ScrollBar_SliderBottom = document.getElementById("Default_Scrollbar_SliderBottom");
    //    var ScrollBar_Spacer = document.getElementById("Default_Scrollbar_SliderSpacer");
    //    var ScrollBar_Track = document.getElementById("Default_Scrollbar_Track");

    //DOB ScrollBar Elements
    var Day_ScrollBar_Spacer = document.getElementById("DateOfBirthSelector_Day_OptionsScrollbar_SliderSpacer");
    var Year_ScrollBar_Spacer = document.getElementById("DateOfBirthSelector_Year_OptionsScrollbar_SliderSpacer");

    var ipPath = document.getElementById("ipPath");

    //if (!shade) shade = "dark";

    //Swap Images
    logo.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/" + language + "/logo.png)";
    //bod.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/index_groundzeroBck.jpg)";
    //foot.style.backgroundImage = "url(" + ipPath.value + "/images/StarCAM/" + clr + "/footer-gradient.png)";
    //document.body.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/index_groundzeroBck.jpg)";
    if (Default_MainBackgroundDiv.style.backgroundImage && Default_MainBackgroundDiv.style.backgroundImage.indexOf("/mainBck.jpg") > 0) {
        Default_MainBackgroundDiv.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/mainBck.jpg)";
    }
    LoginPanelBkgd.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/login_mainBck.png)";
    JoinPanelBkgd.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/join_mainBck.png)";
    //footerBkgdGradient.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + clr + "/" + shade + "/index_bckBottom.jpg)";
    colorOptionsBkgd.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainColor + "/" + MainShade + "/" + MainLanguage + "/colorScheme_colorScheme.png)";
    shadeOptionsBkgd.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainColor + "/" + MainShade + "/" + MainLanguage + "/colorScheme_background.png)";
    //"main-bg.jpg", DefaultPage_DefaultForm_NoFlash

    //Swap SrollBar Images
    //    top.SI.src("VerticalScrollBarUpArrow.png", ScrollBar_UpArrow, top.SiteImagesType.BaseColorShade);
    //    top.SI.src("VerticalScrollBarDownArrow.png", ScrollBar_DownArrow, top.SiteImagesType.BaseColorShade);
    //    top.SI.src("VerticalScrollBarGuideTop.png", ScrollBar_SliderTop, top.SiteImagesType.BaseColorShade);
    //    top.SI.src("VerticalScrollBarGuideBottom.png", ScrollBar_SliderBottom, top.SiteImagesType.BaseColorShade);
    //    top.SI.src("VerticalScrollBarGuideSpacer.png", ScrollBar_Spacer, top.SiteImagesType.BaseColorShade);
    //    top.SI.src("VerticalScrollBarBackground.png", ScrollBar_Track, top.SiteImagesType.BaseColorShade);

    //Swap DOB SrollBar Images
    /*
    if (Day_ScrollBar_Spacer || Year_ScrollBar_Spacer) {
    top.SI.src("VerticalScrollBarGuideSpacer.png", Day_ScrollBar_Spacer, top.SiteImagesType.BaseColorShade);
    top.SI.src("VerticalScrollBarGuideSpacer.png", Year_ScrollBar_Spacer, top.SiteImagesType.BaseColorShade);
    }

    if (pwcb.innerHTML == "n") {
    pwcb.style.backgroundImage = "url(" + ipPath.value + "/images/" + clr + "/" + shade + "/Checkbox_Unchecked.png)";
    }
    else {
    pwcb.style.backgroundImage = "url(" + ipPath.value + "/images/" + clr + "/" + shade + "/Checkbox_Checked.png)";
    }
    */
    /*
    if (/Checkbox_Unchecked/.test(celebCB.style.backgroundImage)) {
    celebCB.style.backgroundImage = "url(" + ipPath.value + "/images/" + clr + "/" + shade + "/Checkbox_Unchecked.png)";
    }
    else {
    celebCB.style.backgroundImage = "url(" + ipPath.value + "/images/" + clr + "/" + shade + "/Checkbox_Checked.png)";
    }
    */

    changeColorButtons(newClr, newShade);
}

changeColorButtons = function(newClr, newShade) {
    var clr = newClr;
    var shade = newShade;
    var ipPath = document.getElementById("ipPath");

    //alert("Color:: " + clr + "  Shade:: " + shade);

    //Color & Shade Elements
    var blueIcon = top.document.getElementById("ChangeColorBlue");
    var greenIcon = document.getElementById("ChangeColorGreen");
    var purpleIcon = document.getElementById("ChangeColorPurple");
    var redIcon = document.getElementById("ChangeColorRed");
    var darkIcon = document.getElementById("ChangeShadeDark");
    var lightIcon = document.getElementById("ChangeShadeLight");

    //TnC Elements
    //var tncReq = document.getElementById("tncReq");

    //Terms & Conditions Colors
    if (clr == "blue" && shade == "dark") {
        //tncReq.style.backgroundColor = "#10191E";
        //tncReq.style.borderColor = "#54879C";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue-active.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark-active.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite.png)";
    }
    else if (clr == "green" && shade == "dark") {
        //tncReq.style.backgroundColor = "#10100E";
        //tncReq.style.borderColor = "#839C54";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green-active.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark-active.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite.png)";
    }
    else if (clr == "purple" && shade == "dark") {
        //tncReq.style.backgroundColor = "#1A0E1E";
        //tncReq.style.borderColor = "#B88AC6";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple-active.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark-active.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite.png)";
    }
    else if (clr == "red" && shade == "dark") {
        //tncReq.style.backgroundColor = "#000000";
        //tncReq.style.borderColor = "#e16666";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red-active.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark-active.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite.png)";
    }
    else if (clr == "blue" && shade == "light") {
        //tncReq.style.backgroundColor = "#ffffff";
        //tncReq.style.borderColor = "#54879C";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue-active.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite-active.png)";
    }
    else if (clr == "green" && shade == "light") {
        //tncReq.style.backgroundColor = "#ffffff";
        //tncReq.style.borderColor = "#839C54";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green-active.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite-active.png)";
    }
    else if (clr == "purple" && shade == "light") {
        //tncReq.style.backgroundColor = "#ffffff";
        //tncReq.style.borderColor = "#B88AC6";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple-active.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite-active.png)";
    }
    else if (clr == "red" && shade == "light") {
        //tncReq.style.backgroundColor = "#ffffff";
        //tncReq.style.borderColor = "#e16666";
        blueIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Blue.png)";
        greenIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Green.png)";
        purpleIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Purple.png)";
        redIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_Red-active.png)";
        darkIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckDark.png)";
        lightIcon.style.backgroundImage = "url(" + ipPath.value + "/images/" + MainSite + "/" + MainShade + "/colorScheme_BT_BckWhite-active.png)";
    }
}

function resetLogin() {
    //alert("Color:: " + themeName + " & " + "Shade:: " + shadeName);

    var loginError_span = document.getElementById("loginError");
    loginError_span.innerHTML = "";

    var termsAndConditions = document.getElementById("termsAndConditions");
    if (termsAndConditions) {
        termsAndConditions.style.display = "none";
    }

//    var full = document.getElementById("DefaultPage");
//    full.style.display = "block";
//    full.style.visibility = "";
//    var tncReq = document.getElementById("tncReq");
//    tncReq.style.display = "block";
//    hideUsageWarning();

    var ndaWindow = document.getElementById("ndaWindow");
    if (ndaWindow) {
        ndaWindow.style.display = "none";
    }

    //changeGenderImages();
    //changeTheme(MainColor, MainShade);
}

function showLoadingStars() {
    //destroyElementById("landingIntroPlayer");

    //var dp = document.getElementById("DefaultPage");


    var LogoMyDOT = document.getElementById("LogoMyDOT");

//    var holder = document.createElement("div");
//    holder.style.position = "absolute";
//    holder.style.left = "0px";
//    holder.style.top = "0px";
    var table = createTable(LogoMyDOT.offsetWidth, LogoMyDOT.offsetHeight);
    table.createRows(1, 1);
//    holder.appendChild(table);

    table.rowArray[0].cellArray[0].id = "loading";
    table.rowArray[0].cellArray[0].style.verticalAlign = "middle";
    table.rowArray[0].cellArray[0].style.textAlign = "center";



    LogoMyDOT.appendChild(table);

    //var AllHeaderDiv = document.getElementById("AllHeaderDiv");
    //tnc.style.height = parseInt(AllHeaderDiv.offsetHeight) + "px";

    var loading = new SWFObject("flash/LoadingStars.swf?ver=" + Math.random(), "loading_animation", "100", "100", "9");
    loading.addVariable("websiteURL", document.getElementById("websiteURL").value);
    loading.addVariable("shade", shadeName);
    loading.addVariable("theme", MainTheme);
    loading.addParam("wmode", "transparent");
    loading.addParam("allowScriptAccess", "always");
    loading.write(table.rowArray[0].cellArray[0].id);


    var LoginPanelBkgd = document.getElementById("LoginPanelBkgd");
    LoginPanelBkgd.style.visibility = "hidden";

    var JoinPanelBkgd = document.getElementById("JoinPanelBkgd");
    JoinPanelBkgd.style.visibility = "hidden";

    var ColorOptionsDiv = document.getElementById("ColorOptionsDiv");
    ColorOptionsDiv.style.visibility = "hidden";

    var TextLinksDiv = document.getElementById("TextLinksDiv");
    TextLinksDiv.style.visibility = "hidden";
    
    
}

function IndexPagePopUp(content, title, width, height, noScrollBar) {
    this.readyFunction = function(responseText) {
        var mark = "®";
        mark = mark.sup();
        responseText = responseText.replace("®", mark);

        if (content == "whatIsThis")
            title = document.getElementById("whatIsThisTitle").value;

        var alertPopUp = CreateTheConfirmAlert(content + "_index", "", title, width, height);
        var div = document.getElementById(content + "_index_contents");


        var ah = document.getElementById("AllHeaderDiv")

        //    if (DetermineBrowser() == Browsers.IE)
        DockToObject(alertPopUp, ah, "center", "top", "s", 0, 10);

        if (noScrollBar) {
            div.innerHTML = responseText;
            div.style.padding = "0px 5px";
        } else {
            div.style.paddingRight = "0px";
            var scrollDiv = createScrollableDiv(content + "_scrollableDiv", height, false);
            scrollDiv.container.innerHTML = responseText;
            scrollDiv.container.style.paddingRight = "15px";

            div.appendChild(scrollDiv);

            scrollDiv.customScrollbar.SliderCheck();
        }
    }
    AJAXPost(top.document.getElementById("websiteURL").value + "/data/getContent.aspx?content=" + content + "&language=" + MainLanguage + "&themeId=5", "AddParams[1].readyFunction", null, this);

}

function faqPopUp() {
    var alertPopUp = CreateTheConfirmAlert("faq", "", "FAQ", "480px", "404px");
    var div = document.getElementById("faq_contents");

    var mainTable = createTable();
    div.appendChild(mainTable);

    var mainTR = document.createElement("tr");
    var contentTD = document.createElement("td");

    var scrollBarCell = document.createElement("td");
    scrollBarCell.vAlign = "top";
    scrollBarCell.id = "test_ScrollBarCell";

    mainTR.appendChild(contentTD);
    mainTR.appendChild(scrollBarCell);

    leftColumn = document.createElement("div");
    leftColumn.id = "testA";
    leftColumn.style.overflowY = "hidden";
    leftColumn.style.height = "454px";

    var linkTR = document.createElement("tr");
    var linkTD = document.createElement("td");
    linkTD.innerHTML = document.getElementById("Home").value;
    linkTR.appendChild(linkTD);

    leftColumn.appendChild(linkTR);

    document.body.appendChild(leftColumn);
    //document.body.appendChild(div);

    contentTD.appendChild(leftColumn);

    mainTable.addRow(mainTR);
    //div.appendChild(mainTable);

    leftColumn.customScrollbar = new CustomScrollbar();

    scrollBarCell.appendChild(leftColumn.customScrollbar.CreateScrollbarDiv("test_ScrollBar", "testA", "442"));

    leftColumn.customScrollbar.SliderCheck();
    leftColumn.customScrollbar.ReverseMoveSlider();
}

var notWhitespace = /\S/;
function cleanWhitespace(node) {
    for (var x = 0; x < node.childNodes.length; x++) {
        var childNode = node.childNodes[x];
        if ((childNode.nodeType == 3) && (!notWhitespace.test(childNode.nodeValue))) //it's a whitespace text node
        {
            node.removeChild(node.childNodes[x]);
            x--;
        }
        if (childNode.nodeType == 1) {
            cleanWhitespace(childNode)
        }
    }
}

togvis = function(control, value) {
    var nextControl;
    var isnext = false;

    cleanWhitespace(control.parentNode);

    for (i = 0; i < control.parentNode.children.length; i++) {
        if (isnext) {
            nextcontrol = control.parentNode.children[i];
            isnext = false;
        }

        if (control == control.parentNode.children[i])
            isnext = true;
    }

    if (value)
        nextcontrol.style.display = "";
    else
        nextcontrol.style.display = "none";

    control.onclick = function() {
        togvis(control, !value);
    }
}

//Custom ScrollBar
SetSize = function() {

    if (!SI) {
        var ipPath = document.getElementById("ipPath").value;
        SI = new SiteImages(ipPath);
    }

    var Default_MainCell = document.getElementById("Default_MainCell");
    var Default_MainDiv = document.getElementById("Default_MainDiv");

    //var Default_ScrollbarCell = document.getElementById("Default_ScrollbarCell");

    var winHeight = window.innerHeight ? window.innerHeight : document.documentElement ? document.documentElement.clientHeight : document.body.clientHeight;
    var winWidth = window.innerWidth ? window.innerWidth : document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;

    Default_MainCell.style.height = parseInt(winHeight) + "px";
    Default_MainCell.style.width = ((parseInt(winWidth)) >= 0 ? (parseInt(winWidth)) + "px" : "0px");

    Default_MainDiv.style.height = parseInt(winHeight) + "px";
    Default_MainDiv.style.width = ((parseInt(winWidth)) >= 0 ? (parseInt(winWidth)) + "px" : "0px");

    //Default_ScrollbarCell.style.height = parseInt(winHeight) + "px";

    if (!Default_MainDiv.customScrollbar) {
        Default_MainDiv.customScrollbar = new CustomScrollbar();

        //Default_MainDiv.appendChild(Default_MainDiv.customScrollbar.CreateScrollbarDiv("Default_Scrollbar", Default_MainDiv.id, parseInt(winHeight) - 12));
        document.body.appendChild(Default_MainDiv.customScrollbar.CreateScrollbarDiv("Default_Scrollbar", Default_MainDiv.id, parseInt(winHeight) - 12));
    }
    else {
        var Default_Scrollbar_Track = document.getElementById("Default_Scrollbar_Track");

        var TrackHeight = (parseInt(winHeight) - 24) + "px";

        if (parseInt(TrackHeight) < 30) TrackHeight = "30px";

        Default_Scrollbar_Track.style.height = TrackHeight;
    }

    var Default_Scrollbar = document.getElementById("Default_Scrollbar");
    Default_Scrollbar.style.position = "absolute";
    Default_Scrollbar.style.width = "15px";

    var left = winWidth - 15;
    var top = 0;

    if (left <= 0) left = 0;

    Default_Scrollbar.style.left = left + "px";
    Default_Scrollbar.style.top = top + "px";

    Default_MainDiv.customScrollbar.SliderCheck();
    Default_MainDiv.customScrollbar.ReverseMoveSlider();
    
}

window.onresize = function() {
    SetSize();
}


function setupRememberMeCheckbox() {
    var rmcb = document.getElementById("rmcb");
    var rmcb_image = document.getElementById("rmcb_image");
    var rmcb_text = document.getElementById("rmcb_text");

    if (rmcb && rmcb_image && rmcb_text) {
        rmcb.image = rmcb_image;
        rmcb.text = rmcb_text;

        if (rmcb.value == "1" || rmcb.checked) {
            rmcb.checked = true;
        } else {
            rmcb.checked = false;
        }
        
        rmcb.handleDisplay = function() {
            if (rmcb.checked) {
                rmcb_image.src = document.getElementById("ipPath").value + "/images/MyDot/" + MainColor + "/" + MainShade + "/checkbox-active.png";
            } else {
                rmcb_image.src = document.getElementById("ipPath").value + "/images/MyDot/" + MainColor + "/" + MainShade + "/checkbox.png";
            }
        };

        rmcb.onclick = function() {
            rmcb.checked = !rmcb.checked;
            rmcb.handleDisplay();
        };

        rmcb.handleDisplay();
    }
};


function TNC_Agree_onclick(e) {
    if (!e.checked) e.checked = false;
    e.checked = !e.checked;

    if (e.checked) {
        if (!/\-active/.test(e.src)) {
            e.src = e.src.replace(/\.png/, "-active.png");
        }
    }
    else {
        e.src = e.src.replace(/\-active/, "");
    }
};