$(document).ready(function() {
    $("#site_nav_user a[id!='']").click(function() { setSiteUserHeader($(this)); }).attr("href", "javascript:void(0)");
    $("a.popupWindow").popupwindow();
});

function disableBtn(btnObj,txtChange) {
    $(btnObj).val(txtChange);
    $(btnObj).attr("class","button btnLoading");
    //$(btnObj).attr("disabled", "true"); //breaks AJAX stuff??
}

function doSpreadsLogin() {
    var w = 0, h = 0;
    if (document.all) {
        w = screen.availWidth;
        h = screen.availHeight;
    }
    else if (document.layers) {
        w = window.innerWidth;
        h = window.innerHeight;
    }
    var popW = 400;
    var popH = 265;
    var leftPos = ((w - popW) / 3.5);
    var topPos = ((h - popH) / 3.5);
    var s = 'height=530,width=800,top=' + topPos + ',left=' + leftPos + ',status=no,toolbar=no,menubar=no,location=no,scrollbars=no,resizable=yes';

    var oWin = window.open('', 'TradingLogin', s);
    document.forms[0].action = 'https://phoenix.mfglobalspreads.com/Client/mainlogin.aspx';
    document.forms[0].target = 'TradingLogin';
    document.forms[0].__VIEWSTATE.name = 'NOVIEWSTATE';
    document.forms[0].submit()
}

function showUsrHdrPan(lnkID) { setSiteUserHeader($("#" + lnkID)); }

var pageFeatTab_activeID;
var pageFeatTab_offTop = "-148px";
var pageFeatTab_hovTop = "-110px";
var pageFeatTab_actTop = "-50px";

var userPanel_isActive = 0;
function setSiteUserHeader(linkObj, closeIt) {
    if (linkObj != 0) {
        var targetPanel = "#userPanel_" + linkObj.attr("id").split('_')[1];
        var isCloned = $("#site_userPanels").find(targetPanel).length;
    }

    if ((!isCloned) && (linkObj != 0)) {
        var newPanObj = $(targetPanel).clone();
        $(targetPanel).remove();
        $("#site_userPanels").append(newPanObj);
        setSiteUserHeader(linkObj, closeIt);
    }
    else {
        if (!closeIt) {
            $("#site_userPanels .userPanel").hide();
            $(targetPanel).show();
            if (!userPanel_isActive) {
                $("#site_page_holder").animate({ "padding-top": "230px" }, 500);
                $("#site_userPanels").animate({ "height": "230px" }, 500);
                userPanel_isActive = 1;
            }
        }
        else {
            $("#site_page_holder").animate({ "padding-top": "0" }, 240);
            $("#site_userPanels").animate({ "height": "1px" }, 240);
            userPanel_isActive = 0;
        }
    }
}

function animTabLink(linkObj, onOrOff) {
    if (!linkObj.hasClass("active")) {
        if (linkObj.attr("id") != pageFeatTab_activeID) {
            if ((linkObj.find("a").css("background-position") != "0 " + pageFeatTab_hovTop) && (onOrOff)) {
                linkObj.find("a").stop();
                linkObj.find("a").animate({ backgroundPosition: "0 " + pageFeatTab_hovTop }, 250);
            }

            if ((linkObj.find("a").css("background-position") != "0 " + pageFeatTab_offTop) && (!onOrOff)) {
                linkObj.find("a").stop();
                linkObj.find("a").animate({ backgroundPosition: "0 " + pageFeatTab_offTop }, 150);
            }
        }
    }
}

function initPageFeatureTabs() {
    //pageFeatTab_activeID = $("#pageFeature ul.tabs li.active").attr("id");
    $("#pageFeature ul.tabs li").hover(function() { animTabLink($(this), 1); }, function() { animTabLink($(this), 0); });
    var activeFeatureNav = $("#pageFeature .tabs li.active a").attr("href").split("#")[1];
    $("#pageFeature .tabs li a").click(function() {
        var targetDiv = this.href.split("#")[1];
        if (targetDiv != activeFeatureNav) {
            var currPos = $("#" + activeFeatureNav).offset();
            var targetDivPos = $("#" + targetDiv).offset();
            var contentBoxPos = $("#pageFeature .contentInner").offset();
            var targetPos = contentBoxPos.left - targetDivPos.left;
            var linkObj = $("#pageFeature .tabs li a[href='#" + activeFeatureNav + "']").parent();
            linkObj.removeClass("active");
            animTabLink(linkObj, 0);
            activeFeatureNav = targetDiv;
            $("#pageFeature .tabs li a[href='#" + activeFeatureNav + "']").parent().addClass("active");
            $("#pageFeature .contentInner").animate({ "margin-left": targetPos + "px" }, 400);
        }
        return false;
    });
//    $("#pageFeature ul.tabs li a").attr("href", "javascript:void(0);");
  /*  $("#pageFeature ul.tabs li").click(function() {
        if ($(this).attr("id") != pageFeatTab_activeID) {
            var currActiveTabObj = $("#" + pageFeatTab_activeID);
            pageFeatTab_activeID = $(this).attr("id");
            currActiveTabObj.removeClass("active");
            animTabLink(currActiveTabObj, 0);
            $(this).addClass("active");
            $(this).find("a").animate({ backgroundPosition: "0 " + pageFeatTab_actTop }, 0);
            slidePageFeatureTab();
        }
    });*/
}

function slidePageFeatureTab() {
    var targetID = pageFeatTab_activeID.split("_")[1];
    var targetContentObj = $("#pageFeat_" + targetID);
    alert("#pageFeat_" + targetID)
    var targetOffsetPos = $("#pageFeature .contentInner").offset().left - targetContentObj.offset().left;
    $("#pageFeature .contentInner").animate({ "margin-left": targetOffsetPos + "px" }, 350);
}

var frmFieldArr;

function setFormMsg(fieldObj, isActive) {
    fieldObj.parent().attr("class","formRow");
    var msgErrorClass = "formRowError", msgActiveClass = "formRowActive", msgOKClass = "formRowOK", targetFieldArrNum, thisID = fieldObj.attr("id");
    var isFieldOptional = fieldObj.attr("class").indexOf("opt") >= 0;
    var msgClass = isActive ? msgActiveClass : ((fieldObj.val() == "") && (!isFieldOptional)) ? msgErrorClass : "";

    for (i = 0; i < frmFieldArr.length; i++) {
        if (thisID.indexOf(frmFieldArr[i][0][0]) > -1) {
            targetFieldArrNum = i;
            thisID = frmFieldArr[i][0][0];
            break;
        }
    }

    var thisMsg = ((isActive)&&(targetFieldArrNum != undefined)) ? frmFieldArr[targetFieldArrNum][1][0] : msgClass == msgErrorClass ? frmFieldArr[targetFieldArrNum][1][1] : "";

    if ((!isActive) && (msgClass == "")) { //if this value needs validation
        if (thisID == "txtEmail") {
            var regEx = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
            if (!regEx.test(fieldObj.val())) {
                msgClass = msgErrorClass;
                thisMsg = frmFieldArr[targetFieldArrNum][1][1];
            }
        }
        else if ((thisID == "txtPassword") || (thisID == "txtConfirmPassword")) {
            if ((fieldObj.val().length < 6) || (fieldObj.val().length > 15) || (fieldObj.val().indexOf(" ") > -1)) {
                msgClass = msgErrorClass;
                thisMsg = frmFieldArr[targetFieldArrNum][1][1];
            }
            else if ((thisID == "txtConfirmPassword") && (fieldObj.val() != $("#MFFrmRegistration input[id$=txtPassword]").val())) {
                msgClass = msgErrorClass;
                thisMsg = frmFieldArr[targetFieldArrNum][1][2];
            }
        }
    }

    msgClass = ((msgClass == "")&&(fieldObj.val() != "")) ? msgOKClass : msgClass;
    
    if (targetFieldArrNum != undefined) {
        fieldObj.parent().find(".formMsg div").html(thisMsg);
        fieldObj.parent().addClass(msgClass);
    }
}