var source = "";

function loginPannel() {
    setSource();

    var isShow = false;
    var t = '<div class="LoginPanel" id="loginPanel">';
    t += '<div class="loginput">';
    t += '<input type="radio" name="radio" id="dutrade" value="radio" />';
    t += '</div>';
    t += '<div class="inputlble">DUTrade</div>';
    t += '<div class="loginput">';
    t += '<input type="radio" name="radio" id="fxlive" value="radio" />';
    t += '</div>';
    t += '<div class="inputlble">FX Live</div>';
    t += '<div class="loginput">';
    t += '<input type="radio" name="radio" id="dutradedemo" value="radio" />';
    t += '</div>';
    t += '<div class="inputlble" style="width: 80px">DUTrade Demo</div>';
    t += '<div class="loginput">';
    t += '<input type="radio" name="radio" id="fxdemo" value="radio" />';
    t += '</div>';
    t += '<div class="inputlble">FX Demo</div>';
    t += '<div style="clear:both;"></div>';
    t += '<form autocomplete="off" method="post" action="https://trade.dutrade.com/DUTradeRIA/main.p?lang=EN" name="myform">';
    t += '<input type="hidden" autocomplete="off" value="0" name="authenticate">';
    t += '<input type="hidden" autocomplete="off" value="authenticationPlugin" name="mod">';
    t += '<input type="hidden" autocomplete="off" value="_authenticate_" name="action">';
    t += '<ul><div id="credentialsPannel">';
    t += '<li class="logintext">Username</li>';
    t += '<li><input type="text" value="" name="username" id="lg_name" rqd="" class="loginTextBox"></li>';
    t += '<li class="logintext">Password</li>';
    t += '<li><input type="password" value="" name="password" rqd="" id="lg_password" class="loginTextBox"></li>';
    t += '<li>';
    t += '<div style="width:160px;clear:both; float:left;">';
    t += '</div></div>';
    t += '<div style="width:71px; float:left;" id="submitBtnContainer"><button style="width:71px" type="submit" class="sign_in_btn"></button></div>';
    t += '</li>';
    t += '<br class="clearfloat">';
    t += '<li><div id="message"></div></li>';
    t += '</ul>';
    t += '</form>';
    t += '</div>';

    $('body').append(t);
    $('div.loginput > input#dutrade').attr('checked', 'checked');
    $('div.loginput > input[type=radio]').bind('click', function (e) {
        var credentialContainer = $('#credentialsPannel');
        if (this.id === "dutrade") {
            if (credentialContainer.css('display') !== 'block') {
                credentialContainer.slideDown('slow');
                $('#submitBtnContainer').html('<button style="width:71px" type="submit" class="sign_in_btn"></button>');
            } else {
                credentialContainer.slideUp('slow');
            }
        } else {
            credentialContainer.slideUp('slow');
            $('#submitBtnContainer').html('<input style="width:71px" name="' + this.id + '" type="button" onclick="urlRedirect(this.name)" class="sign_in_btn"></button>');
        }
        e.stopPropagation();
    });
    $('div#loginPanel').bind('click', function (e) {
        e.stopPropagation();
    });
    $('button[name=login]').bind('click', function (e) {
        var loginBtnPosition = $(this).offset();
        var distance = $(this).height();
        var time = 400;
        var div = $('div#loginPanel');
        if (div.css('display') !== "block") {
            div.css('display', 'block');
            div.css({"left":(loginBtnPosition.left + $(this).width() - $(div).width()), "top":loginBtnPosition.top});
            div.animate({
                top:'+=' + distance + 'px',
                opacity:1
            }, time, 'swing', function () {
                beingShown = false;
                shown = true;
                isShow = true;
            });
        } else if (div.css('display') === "block") {
            div.animate({
                top:'-=' + distance + 'px',
                opacity:0
            }, time, 'swing', function () {
                shown = true;
                div.css('display', 'none');
                isShow = false;
            });
        }
        e.stopPropagation();
    });

    $('body').bind('click', function () {
        if (isShow) {
            $('button[name=login]').trigger('click');
        }
    });
}

function urlRedirect(name) {
    if (name === 'fxlive') {
        window.location = "https://live.dutrade.com?src=" + source;
    } else if (name === 'dutradedemo') {
        window.location = "http://ngp-uat.directfn.com/DUTradeRIA/main.p?lang=EN&src=" + source;
    } else if (name === 'fxdemo') {
        window.location = "https://demo.dutrade.com?src=" + source;
    }
}

function chngLeadRegistration(value) {
    if (value === "1") {
        document.getElementById('leadRegIframe').src = "https://trade.dutrade.com/DUUserReg/main.s?method=leadRegistrationView&lang=EN" + "&src=" + source;
    } else {
        document.getElementById('leadRegIframe').src = "http://trade.dutrade.com/dutradedemo/register.aspx?language=en-US" + "&src=" + source;
    }
}

function querySt(ji) {
    var qS = unescape(window.location.search.substring(1));
    var splitedQS = qS.split(/&(?=[a-zA-Z0-9]+\=)/);

    for (var i = 0, len = splitedQS.length; i < len; i++) {
        var keyVal = (unescape(splitedQS[i])).split("=");

        if (keyVal[0] === ji) {
            return keyVal[1];
        }
    }
    return null;
}

function setSource() {
    source = querySt("src");
    if (source !== null) {
        $("a").each(function () {
            var currentSrc = $(this).attr("href");
            if (currentSrc !== "#" && currentSrc.indexOf("mailto") === -1 && currentSrc.indexOf("twitter.com") === -1 && currentSrc.indexOf("facebook.com") === -1 && currentSrc.indexOf("linkedin.com") === -1) {
                if (currentSrc.indexOf("?") !== -1) {
                    $(this).attr("href", currentSrc + "&src=" + source);
                } else {
                    $(this).attr("href", currentSrc + "?src=" + source);
                }
            }
        });
        $("iframe").each(function () {
            var currentSrc = $(this).attr("src");
            if (currentSrc !== "#" && currentSrc.indexOf("mailto") === -1 && currentSrc.indexOf("twitter.com") === -1 && currentSrc.indexOf("facebook.com") === -1 && currentSrc.indexOf("linkedin.com") === -1) {
                if (currentSrc.indexOf("?") !== -1) {
                    $(this).attr("src", currentSrc + "&src=" + source);
                } else {
                    $(this).attr("src", currentSrc + "?src=" + source);
                }
            }
        });
        $(".sign_up_btn").unbind("click");
        $(".sign_up_btn").bind('click', function () {
            location.href = 'contact.html?src=' + source;
        });
        $(".index_sign_up_btn").unbind("click");
        $(".index_sign_up_btn").bind("click",function(){
            location.href = 'en/contact.html?src=' + source;
        });
    }
}