jQuery.ui.autocomplete.prototype._resizeMenu = function () {
    this.menu.element.css("min-width", this.element.outerWidth());
    this.menu.element.css("max-width", Math.max(this.element.outerWidth(), (this.menu.element.parent().outerWidth() - this.element.offset().left - 10)));
};

var App_localeMap = new Array();
App_localeMap["en"] = {description:"English"};App_localeMap["th"] = {description:"Thai"};App_localeMap["id"] = {description:"Indonesia"};App_localeMap["zh_CN"] = {description:"Simplified Chinese"};App_localeMap["zh_HK"] = {description:"Traditional Chinese (Hong Kong)"};App_localeMap["zh_TW"] = {description:"Traditional Chinese (Taiwan)"};
var App_isLoopRunning = true;
var App_unreadNotificationCount = 0;
var App_unreadTeamInviteRequestCount = 0;
var App_unreadTeamJoinRequestCount = 0;

function App_init()
{
    //App_loop();

    }

function App_endLoop()
{
    App_isLoopRunning = false;
}

function App_loop()
{
    if(!App_isLoopRunning) {
        return;
    }

    
    setTimeout(App_loop, 15000);//15 seconds
}

function App_convertBooleanToString(value)
{
    return (value ? true : false);
}

function App_convertStringToBoolean(content)
{
    return (content === "true");
}

function App_convertBrToNl(content)
{
    return content.replace(/<br\s*[\/]?>/gi, "\n");
}

function App_convertNLtoBr(content)
{
    return content.replace(/(?:\r\n|\r|\n)/g, "<br />");
}

function App_encodeHtmlEntities(content)
{
    return content.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;");
}

function App_getScreenHeight()
{
    return $(window).height();
}

function App_getScreenWidth()
{
    return $(window).width();
}

function App_getDateStringWithYearAndMonthAndDay(year, month, day)
{
    if(year == null || month == null || day == null) {
        return null;
    }
    
    var output = year;
    
    output += '-';
    
    if(month.length < 2) {
        output += '0';
    }
    output += month;
    
    output += '-';
    
    if(day.length < 2) {
        output += '0';
    }
    output += day;
    
    return output;
}

function App_getDatePickerFormatValue($element, format)
{
    var date = $element.data("DateTimePicker").date();
    if(date == null) {
        return "";
    }

    return date.format(format);
}

function App_getDatePickerFormatDateValue($element)
{
    return App_getDatePickerFormatValue($element, "YYYY-MM-DD");
}
/*
function App_getDatePickerFormatDateTimeValue($element)
{
    return App_getDatePickerFormatValue($element, "YYYY-MM-DD kk:mm:ss");
}

function App_getDatePickerFormatDateTimeWithTimezoneValue($element)
{
    return App_getDatePickerFormatDateTimeValue($element) + App_getDatePickerFormatValue($element, "ZZ").substr(0 ,3);
}
*/
function App_getDatePickerFormatTimeValue($element)
{
    return App_getDatePickerFormatValue($element, "kk:mm:ss");
}

function App_getDatePickerFormatISO8601Value($element)
{
    return App_getDatePickerFormatValue($element, null);
}

function App_diffNowAndMomentDateInDays(date)
{
    return new moment().diff(date, 'days');
}

function App_addMomentDateSecond(date, value)
{
    return date.add('second', value);
}

function App_subtractMomentDateSecond(date, value)
{
    return date.subtract('second', value);
}

function App_convertISO8601StringToDate(date)
{
    return new moment(date);
}

function App_convertDateStringToDate(date)
{
    return new moment(date, 'YYYY-MM-DD');
}

function App_convertTimeStringToDate(time)
{
    return new moment(time, 'HH:mm:ssZZ');
}

function App_getDateWithTimeZoneOffset(timezoneOffset)
{
    return new moment().utcOffset(timezoneOffset);
}

function App_getFormatDateString(date, format)
{
    return new moment(date).format(format);
}

function App_getLastDayOfMonth(date)
{
    return parseInt(date.endOf("month").format("DD"));
}

function App_getFormatISO8601String(date)
{
    return App_getFormatDateString(date, null);
}

function App_getFormatLocaleDateString(date)
{
    return App_getFormatDateString(date, "LL");
}

function App_getFormatLocaleDateTimeString(date)
{
    return App_getFormatDateString(date, "LLL");
}

function App_getFormatLocaleDateTimeStringWithTimezone(date)
{
    return App_getFormatDateString(date, "LLL") + " (GMT" + App_getFormatDateString(date, "ZZ").substr(0 ,3) + ")";
}

function App_getFormatLocaleDateTimeWeekString(date)
{
    return App_getFormatDateString(date, "LLLL");
}

function App_getFormatSlashDate(date)
{
    return App_getFormatDateString(date, "YYYY/MM/DD");
}

function App_getFormatSlashDateHourMinute(date)
{
    return App_getFormatDateString(date, "YYYY/MM/DD HH:mm");
}

function App_getFormatSlashDateHourMinuteWithTimezone(date)
{
    return App_getFormatDateString(date, "YYYY/MM/DD HH:mm") + " (GMT" + App_getFormatDateString(date, "ZZ").substr(0 ,3) + ")";
}

function App_getFormatSlashDateHourMinuteSecond(date)
{
    return App_getFormatDateString(date, "YYYY/MM/DD HH:mm:ss");
}

function App_getFormatSlashDateHourMinuteSecondWithTimezone(date)
{
    return App_getFormatDateString(date, "YYYY/MM/DD HH:mm:ss") + " (GMT" + App_getFormatDateString(date, "ZZ").substr(0 ,3) + ")";
}

function App_getFormatDate(date)
{
    return App_getFormatDateString(date, "YYYY-MM-DD");
}

function App_getFormatHourMinute(date)
{
    return App_getFormatDateString(date, "HH:mm");
}

function App_isDateAfterAnother(date, anotherDate)
{
    return new moment(date).isAfter(new moment(anotherDate));
}

function App_isDateBeforeAnother(date, anotherDate)
{
    return new moment(date).isBefore(new moment(anotherDate));
}

function App_isDateBetweenAnothers(date, anotherDate1, anotherDate2)
{
    return new moment(date).isBetween(new moment(anotherDate1), new moment(anotherDate2));
}

function App_isDateEqualToday(date)
{
    return App_getFormatSlashDate(date) == App_getFormatSlashDate(new Date());
}

function App_isDateInEarlyMorning(date)
{
    var momentDate = new moment(date);
    if(momentDate.hour() == 0 && momentDate.minute() == 0 && momentDate.second() == 0) {
        return true;
    }
    
    return false
}

function App_getFormatNumberString(number, format)
{
    return numeral(number).format(format);
}

function App_getFormatDisplayNumberString(number, fix)
{
    var format = "0,0";
    if(fix != null && fix > 0) {
        format += ".";

        for(var i = 0; i < fix; ++i) {
            format += "0";
        }
    }

    return App_getFormatNumberString(number, format);
}

function App_getFormatDisplayNumberInMaxFractionDigitsString(number, maxFix)
{
    var format = "0,0";
    if(maxFix != null && maxFix > 0) {
        format += "[.]";

        for(var i = 0; i < maxFix; ++i) {
            format += "0";
        }
    }

    return App_getFormatNumberString(number, format);
}

function App_getUnformatNumber(number)
{
    return numeral().unformat(number);
}

function App_getDisplayString(content)
{
    if(!System_checkIsEmptyString(content))
    {
        return content;
    }

    return App_getNotDefinedString();
}

function App_getNotDefinedString()
{
    return "--";
}

function App_omitString(content, maxLength)
{
    if(content == null) {
        return "";
    }

    if(content.length <= maxLength) {
        return content;
    }

    return content.substr(0, maxLength) + "...";
}

function App_mergeStringArray(contents, maxLength, divider)
{
    if(maxLength == null)
    {
        maxLength = contents.length;
    }

    if(divider == null)
    {
        divider = ", ";
    }

    var output = "";

    for(var i = 0; i < Math.min(contents.length, maxLength); ++i) {
        var content = contents[i];
        if(content == null) {
            continue;
        }

        if(i > 0) {
            output += divider;
        }
        output += content;
    }

    if(contents.length > maxLength) {
        //output = App_omitString(output, maxLength);
        output += "...";
    }

    return output;
}

function App_limitImageSize(size, limitWidth, limitHeight)
{
    var widthRatio = 1;
    if(limitWidth != null) {
        widthRatio = limitWidth / size.width;
    }

    var heightRatio = 1;
    if(limitHeight != null) {
        heightRatio = limitHeight / size.height;
    }

    var ratio = ((widthRatio < heightRatio) ? widthRatio : heightRatio);
    ratio = Math.min(ratio, 1);

    return {
        width:(size.width * ratio),
        height:(size.height * ratio)
    };
}

function App_limitUploadImageSize(size)
{
    return App_limitImageSize(size, 2048, 2048);
}

function App_checkBrowserIsIOS() {
    return (/iPhone|iPad|iPod/i.test(navigator.userAgent));
}

function App_getRedirectToConsolesManageCreatePageUrl()
{
    return "https://vs.cga.gg/consoles/manage/create";
}

function App_redirectToConsolesManageCreatePage()
{
    window.location = App_getRedirectToConsolesManageCreatePageUrl();
}

function App_gotoConsolesManageCreatePage()
{
    $.mobile.changePage(App_getRedirectToConsolesManageCreatePageUrl());
}

function App_getRedirectToConsoleManageEditPageUrl(consoleId)
{
    return "https://vs.cga.gg/console/%3CconsoleId%3E/manage/edit".replace("%3CconsoleId%3E", consoleId);
}

function App_redirectToConsoleManageEditPage(consoleId)
{
    window.location = App_getRedirectToConsoleManageEditPageUrl(consoleId);
}

function App_getRedirectToCouponInfoPageUrl(id)
{
    return "https://vs.cga.gg/coupon/" + id;
}

function App_redirectToCouponInfoPage(id)
{
    window.location = App_getRedirectToCouponInfoPageUrl(id);
}

function App_getRedirectToCouponTypeGetPageUrl(code)
{
    return "https://vs.cga.gg/coupon_type//get/" + code;
}

function App_redirectToCouponTypeGetPage(code)
{
    window.location = App_getRedirectToCouponTypeGetPageUrl(code);
}

function App_getRedirectToFeedIndexPageUrl(feedId)
{
    return "https://vs.cga.gg/feed/" + feedId;
}

function App_redirectToFeedIndexPage(feedId)
{
    window.location = App_getRedirectToFeedIndexPageUrl(feedId);
}

function App_getRedirectToFriendFinderPageUrl()
{
    return "https://vs.cga.gg/friend/finder";
}

function App_redirectToFriendFinderPage()
{
    window.location = App_getRedirectToFriendFinderPageUrl();
}

function App_getRedirectToGamesManageCreatePageUrl()
{
    return "https://vs.cga.gg/games/manage/create";
}

function App_redirectToGamesManageCreatePage()
{
    window.location = App_getRedirectToGamesManageCreatePageUrl();
}

function App_gotoGamesManageCreatePage()
{
    $.mobile.changePage(App_getRedirectToGamesManageCreatePageUrl());
}

function App_getRedirectToGameManageEditPageUrl(gameId)
{
    return "https://vs.cga.gg/game/%3CgameId%3E/manage/edit".replace("%3CgameId%3E", gameId);
}

function App_redirectToGameManageEditPage(gameId)
{
    window.location = App_getRedirectToGameManageEditPageUrl(gameId);
}

function App_getRedirectToGameManageOptionEditPageUrl(gameId, optionId)
{
    return "https://vs.cga.gg/game/%3CgameId%3E/manage/option/%3CoptionId%3E/edit".replace("%3CgameId%3E", gameId).replace("%3CoptionId%3E", optionId);
}

function App_redirectToGameManageOptionEditPage(gameId, optionId)
{
    window.location = App_getRedirectToGameManageOptionEditPageUrl(gameId, optionId);
}

function App_getRedirectToGameManageOptionsCreatePageUrl(gameId)
{
    return "https://vs.cga.gg/game/%3CgameId%3E/manage/options/create".replace("%3CgameId%3E", gameId);
}

function App_redirectToGameManageOptionsCreatePage(gameId)
{
    window.location = App_getRedirectToGameManageOptionsCreatePageUrl(gameId);
}

function App_getRedirectToGameManageOptionsEditPageUrl(gameId, optionId)
{
    return "https://vs.cga.gg/game/%3CgameId%3E/manage/option/%3CoptionId%3E/edit".replace("%3CgameId%3E", gameId).replace("%3CoptionId%3E", optionId);
}

function App_redirectToGameManageOptionsEditPage(gameId, optionId)
{
    window.location = App_getRedirectToGameManageOptionsEditPageUrl(gameId, optionId);
}

function App_getRedirectToGameManageOptionIndexPageUrl(gameId)
{
    return "https://vs.cga.gg/game/%3CgameId%3E/manage/options".replace("%3CgameId%3E", gameId);
}

function App_redirectToGameManageOptionIndexPage(gameId)
{
    window.location = App_getRedirectToGameManageOptionIndexPageUrl(gameId);
}

function App_getRedirectToGiftcardRedeemPageUrl()
{
    return "https://vs.cga.gg/giftcard/redeem";
}

function App_redirectToGiftcardRedeemPage()
{
    window.location = App_getRedirectToGiftcardRedeemPageUrl();
}

function App_getRedirectToIndexPageUrl()
{
    return "https://vs.cga.gg";
}

function App_redirectToIndexPage()
{
    window.location = App_getRedirectToIndexPageUrl();
}

function App_getRedirectToLadderInfoPageUrl(ladderId)
{
    return "https://vs.cga.gg/ladder/" + ladderId;
}

function App_redirectToLadderInfoPage(ladderId)
{
    window.location = App_getRedirectToLadderInfoPageUrl(ladderId);
}

function App_getRedirectToMatchPageUrl(matchId)
{
    return "https://vs.cga.gg/match/" + matchId;
}

function App_redirectToMatchPage(matchId)
{
    window.location = App_getRedirectToMatchPageUrl(matchId);
}

function App_getRedirectToMatchTeamPageUrl(matchId)
{
    return "https://vs.cga.gg/match/" + matchId;
}

function App_redirectToMatchTeamPage(matchId)
{
    window.location = App_getRedirectToMatchTeamPageUrl(matchId);
}

function App_getRedirectToShopPageUrl(shopId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E".replace("%3CshopId%3E", shopId);
}

function App_redirectToShopPage(shopId)
{
    window.location = App_getRedirectToShopPageUrl(shopId);
}

function App_getRedirectToShopItemPageUrl(shopId, itemId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/item/%3CitemId%3E".replace("%3CshopId%3E", shopId).replace("%3CitemId%3E", itemId);
}

function App_redirectToShopItemPage(shopId, itemId)
{
    window.location = App_getRedirectToShopItemPageUrl(shopId, itemId);
}

function App_getRedirectToShopsManageCreatePageUrl()
{
    return "https://vs.cga.gg/shops/manage/create";
}

function App_redirectToShopsManageCreatePage()
{
    window.location = App_getRedirectToShopsManageCreatePageUrl();
}

function App_getRedirectToShopManageEditPageUrl(shopId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/edit".replace("%3CshopId%3E", shopId);
}

function App_redirectToShopManageEditPage(shopId)
{
    window.location = App_getRedirectToShopManageEditPageUrl(shopId);
}

function App_getRedirectToShopManageAdministratorIndexPageUrl(shopId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/administrators".replace("%3CshopId%3E", shopId);
}

function App_redirectToShopManageAdministratorIndexPage(shopId)
{
    window.location = App_getRedirectToShopManageAdministratorIndexPageUrl(shopId);
}

function App_getRedirectToShopManageItemCreatePageUrl(shopId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/items/create".replace("%3CshopId%3E", shopId);
}

function App_redirectToShopManageItemCreatePage(shopId)
{
    window.location = App_getRedirectToShopManageItemCreatePageUrl(shopId);
}

function App_getRedirectToShopManageItemEditPageUrl(shopId, itemId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/item/%3CitemId%3E/edit".replace("%3CshopId%3E", shopId).replace("%3CitemId%3E", itemId);
}

function App_redirectToShopManageItemEditPage(shopId, itemId)
{
    window.location = App_getRedirectToShopManageItemEditPageUrl(shopId, itemId);
}

function App_getRedirectToShopManageItemsIndexPageUrl(shopId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/items".replace("%3CshopId%3E", shopId);
}

function App_redirectToShopManageItemsIndexPage(shopId)
{
    window.location = App_getRedirectToShopManageItemsIndexPageUrl(shopId);
}

function App_getRedirectToShopManageOrderEditPageUrl(shopId, orderId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/order/%3CorderId%3E/edit".replace("%3CshopId%3E", shopId).replace("%3CorderId%3E", orderId);
}

function App_redirectToShopManageOrderEditPage(shopId, orderId)
{
    window.location = App_getRedirectToShopManageOrderEditPageUrl(shopId, orderId);
}

function App_getRedirectToShopManageOrdersPageUrl(shopId)
{
    return "https://vs.cga.gg/shop/%3CshopId%3E/manage/orders".replace("%3CshopId%3E", shopId);
}

function App_redirectToShopManageOrdersPage(shopId)
{
    window.location = App_getRedirectToShopManageOrdersPageUrl(shopId);
}

function App_getRedirectToShoppingcartOrderPageUrl()
{
    return "https://vs.cga.gg/shoppingcart/order";
}

function App_redirectToShoppingcartOrderPage()
{
    window.location = App_getRedirectToShoppingcartOrderPageUrl();
}

function App_getRedirectToUserPageUrl(userId)
{
    return "https://vs.cga.gg/user/" + userId;
}

function App_redirectToUserPage(userId)
{
    window.location = App_getRedirectToUserPageUrl(userId);
}

function App_goToUserPage(userId)
{
    $.mobile.changePage(App_getRedirectToUserPageUrl(userId));
}

function App_getRedirectToUserCreateGettingStartedPageUrl()
{
    return "https://vs.cga.gg/user/create_getting_started";
}

function App_redirectToUserCreateGettingStartedPage()
{
    window.location = App_getRedirectToUserCreateGettingStartedPageUrl();
}

function App_getRedirectToUserLoginPageUrl(nextUrl, email)
{
    var url = "https://vs.cga.gg/user/login";

    if(!System_checkIsEmptyString(nextUrl)) {
        url = System_setUrlParameter(url, "next_url", encodeURIComponent(nextUrl));
    }

    if(!System_checkIsEmptyString(email)) {
        url = System_setUrlParameter(url, "email", encodeURIComponent(email));
    }

    return url;
}

function App_redirectToUserLoginPage(nextUrl, email)
{
    window.location = App_getRedirectToUserLoginPageUrl(nextUrl, email);
}

function App_newWindowToUserLoginPage(nextUrl, email)
{
    window.open(App_getRedirectToUserLoginPageUrl(nextUrl, email), "", "width=650,height=500");
}

function App_getRedirectToUserPhotosPageUrl(userId)
{
    return "https://vs.cga.gg/user/photos/" + userId;
}

function App_redirectToUserPhotosPage(userId)
{
    window.location = App_getRedirectToUserPhotosPageUrl(userId);
}

function App_getRedirectToUserSettingPageUrl()
{
    return "https://vs.cga.gg/user/edit_profile";
}

function App_redirectToUserSettingPage()
{
    window.location = App_getRedirectToUserSettingPageUrl();
}

function App_goToUserSettingPage()
{
    $.mobile.changePage(App_getRedirectToUserSettingPageUrl());
}

function App_getRedirectToUserSettingPageContactTagUrl()
{
    return App_getRedirectToUserSettingPageUrl() + "#contact";
}

function App_redirectToUserSettingPageContactTag()
{
    window.location = App_getRedirectToUserSettingPageContactTagUrl();
}

function App_getRedirectToUserSettingPageProfilePhotoTagUrl()
{
    return App_getRedirectToUserSettingPageUrl() + "#profile_photo";
}

function App_redirectToUserSettingPageProfilePhotoTag()
{
    window.location = App_getRedirectToUserSettingPageProfilePhotoTagUrl();
}

function App_getRedirectToUserSettingPageSetGameTagUrl()
{
    return App_getRedirectToUserSettingPageUrl() + "#set_game";
}

function App_redirectToUserSettingPageSetGameTag()
{
    window.location = App_getRedirectToUserSettingPageSetGameTagUrl();
}

function App_getRedirectToUserResetPasswordPageUrl()
{
    return "https://vs.cga.gg/user/reset_password";
}

function App_redirectToUserResetPasswordPage()
{
    window.location = App_getRedirectToUserResetPasswordPageUrl();
}

function App_getRedirectToUserEditProfilePageUrl()
{
    return "https://vs.cga.gg/user/edit_profile";
}

function App_redirectToUserEditProfilePage()
{
    window.location = App_getRedirectToUserEditProfilePageUrl();
}

function App_getRedirectToUserEditProfilePageLiveTagUrl()
{
    return App_getRedirectToUserEditProfilePageUrl() + "#live";
}

function App_redirectToUserEditProfilePageLiveTag()
{
    window.location = App_getRedirectToUserEditProfilePageLiveTagUrl();
}

function App_getRedirectToTeamPageUrl()
{
    return "https://vs.cga.gg/team";
}

function App_redirectToTeamPage()
{
    window.location = App_getRedirectToTeamPageUrl();
}

function App_getRedirectToTeamPageReceivedRequestTagUrl(tournamentId)
{
    return App_getRedirectToTeamPageUrl() + "#received_request";
}

function App_redirectToTeamPageReceivedRequestTag()
{
    window.location = App_getRedirectToTeamPageReceivedRequestTagUrl();
}

function App_getRedirectToTeamCreatePageUrl()
{
    return "https://vs.cga.gg/team/create";
}

function App_redirectToTeamCreatePage()
{
    window.location = App_getRedirectToTeamCreatePageUrl();
}

function App_goToTeamCreatePage()
{
    $.mobile.changePage(App_getRedirectToTeamCreatePageUrl());
}

function App_getRedirectToTeamCreatePageUrlWithNextUrl(nextUrl)
{
    var url = App_getRedirectToTeamCreatePageUrl();
    if(!System_checkIsEmptyString(nextUrl)) {
        url = System_setUrlParameter(url, "next_url", encodeURIComponent(nextUrl));
    }

    return url;
}

function App_redirectToTeamCreatePageWithNextUrl(nextUrl)
{
    window.location = App_getRedirectToTeamCreatePageUrlWithNextUrl(nextUrl);
}

function App_getRedirectToTeamCreateGettingStartedPageUrl(teamId)
{
    return "https://vs.cga.gg/team/create_getting_started/" + teamId;
}

function App_redirectToTeamCreateGettingStartedPage(teamId)
{
    window.location = App_getRedirectToTeamCreateGettingStartedPageUrl(teamId);
}

function App_getRedirectToTeamInfoPageUrl(teamId)
{
    return "https://vs.cga.gg/team/" + teamId;
}

function App_redirectToTeamInfoPage(teamId)
{
    window.location = App_getRedirectToTeamInfoPageUrl(teamId);
}

function App_getRedirectToTournamentInfoPageUrl(tournamentId)
{
    return "https://vs.cga.gg/tournament/" + tournamentId;
}

function App_redirectToTournamentInfoPage(tournamentId)
{
    window.location = App_getRedirectToTournamentInfoPageUrl(tournamentId);
}

function App_getRedirectToTournamentInfoPageKnockoutStageTagUrl(tournamentId)
{
    return App_getRedirectToTournamentInfoPageUrl(tournamentId) + "#knockout_stage";
}

function App_redirectToTournamentInfoPageKnockoutStageTag(tournamentId)
{
    window.location = App_getRedirectToTournamentInfoPageKnockoutStageTagUrl(tournamentId);
}

function App_getRedirectToTournamentInfoPageSignupTagUrl(tournamentId)
{
    return App_getRedirectToTournamentInfoPageUrl(tournamentId) + "#signup";
}

function App_redirectToTournamentInfoPageSignupTag(tournamentId)
{
    window.location = App_getRedirectToTournamentInfoPageSignupTagUrl(tournamentId);
}

function App_getRedirectToTournamentSignupPayPaymePageUrl(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/signup/pay/payme".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentSignupPayPaymePage(tournamentId)
{
    window.location = App_getRedirectToTournamentSignupPayStripePageUrl(tournamentId);
}

function App_getRedirectToTournamentSignupPayStripePageUrl(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/signup/pay/stripe".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentSignupPayStripePage(tournamentId)
{
    window.location = App_getRedirectToTournamentSignupPayStripePageUrl(tournamentId);
}

function App_getRedirectToTournamentManageBracketsCreatePageUrl(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/brackets/create".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentManageBracketsCreatePage(tournamentId)
{
    window.location = App_getRedirectToTournamentManageBracketsCreatePageUrl(tournamentId);
}

function App_getRedirectToTournamentManageBracketEditPageUrl(tournamentId, bracketId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/bracket/%3CbracketId%3E/edit".replace("%3CtournamentId%3E", tournamentId).replace("%3CbracketId%3E", bracketId);
}

function App_redirectToTournamentManageBracketEditPage(tournamentId, bracketId)
{
    window.location = App_getRedirectToTournamentManageBracketEditPageUrl(tournamentId, bracketId);
}

function App_getRedirectToTournamentManageBracketIndexPage(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/brackets".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentManageBracketIndexPage(tournamentId)
{
    window.location = App_getRedirectToTournamentManageBracketIndexPage(tournamentId);
}

function App_getRedirectToTournamentManageAdministratorIndexPage(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/administrators".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentManageAdministratorIndexPage(tournamentId)
{
    window.location = App_getRedirectToTournamentManageAdministratorIndexPage(tournamentId);
}

function App_getRedirectToTournamentManageCompetitorEditPage(tournamentId, competitorId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/competitor/%3CcompetitorId%3E/edit".replace("%3CtournamentId%3E", tournamentId).replace("%3CcompetitorId%3E", competitorId);
}

function App_redirectToTournamentManageCompetitorEditPage(tournamentId, competitorId)
{
    window.location = App_getRedirectToTournamentManageCompetitorEditPage(tournamentId, competitorId);
}

function App_getRedirectToTournamentManageCompetitorEditTeamMatchPlayersPageUrl(tournamentId, competitorId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/competitor/%3CcompetitorId%3E/edit_team_match_players".replace("%3CtournamentId%3E", tournamentId).replace("%3CcompetitorId%3E", competitorId);
}

function App_redirectToTournamentManageCompetitorEditTeamMatchPlayersPage(tournamentId, competitorId)
{
    window.location = App_getRedirectToTournamentManageCompetitorEditTeamMatchPlayersPageUrl(tournamentId, competitorId);
}

function App_getRedirectToTournamentManageCompetitorIndexPage(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/competitors".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentManageCompetitorIndexPage(tournamentId)
{
    window.location = App_getRedirectToTournamentManageCompetitorIndexPage(tournamentId);
}

function App_getRedirectToTournamentManageCompetitorIndexPageSpecificDivisionTag(tournamentId, specificDivisionId)
{
    return App_getRedirectToTournamentManageCompetitorIndexPage(tournamentId) + "#division_" + specificDivisionId;
}

function App_redirectToTournamentManageCompetitorIndexPageSpecificDivisionTag(tournamentId, specificDivisionId)
{
    window.location = App_getRedirectToTournamentManageCompetitorIndexPageSpecificDivisionTag(tournamentId, specificDivisionId);
}

function App_getRedirectToTournamentsManageCreatePage(gameId, refTournamentId)
{
    var url = "https://vs.cga.gg/tournaments/manage/create";

    if(!System_checkIsEmptyString(gameId)) {
        url = System_setUrlParameter(url, "game_id", encodeURIComponent(gameId));
    }

    if(!System_checkIsEmptyString(refTournamentId)) {
        url = System_setUrlParameter(url, "ref_tournament_id", encodeURIComponent(refTournamentId));
    }

    return url;
}

function App_redirectToTournamentsManageCreatePage(gameId)
{
    window.location = App_getRedirectToTournamentsManageCreatePage(gameId);
}

function App_gotoTournamentsManageCreatePage(gameId)
{
    $.mobile.changePage(App_getRedirectToTournamentsManageCreatePage(gameId));
}

function App_getRedirectToTournamentManageEditPage(tournamentId)
{
    return "https://vs.cga.gg/tournament/%3CtournamentId%3E/manage/edit".replace("%3CtournamentId%3E", tournamentId);
}

function App_redirectToTournamentManageEditPage(tournamentId)
{
    window.location = App_getRedirectToTournamentManageEditPage(tournamentId);
}

function App_getRedirectToAjaxPublicCompetitorExtraConfigPageUrl(tournamentId, partyId)
{
    return "https://vs.cga.gg/tournament/ajax_public_competitor_extra_config?tournament_id=" + tournamentId + "&party_id=" + partyId;
}

function App_redirectToFacebookAuthorizationPage()
{
    window.location = "https:\/\/www.facebook.com\/v2.10\/dialog\/oauth?client_id=983638428444395&state=141b5ad5bfd59e03a89aadf8f6d46fd7&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=https%3A%2F%2Fvs.cga.gg%2Fexternal%2Ffacebook%2Flogin&scope=email";
}

function App_redirectToTwitchAuthorizationPage()
{
    window.location = "https:\/\/id.twitch.tv\/oauth2\/authorize?response_type=code&client_id=k34e0llydgfgoaols2hujqvqeqjiv5&redirect_uri=https:\/\/vs.cga.gg\/external\/twitch\/login&scope=user:read:email+viewing_activity_read";
}

function App_newWindowForImgSrc(src)
{
    var newWindow = window.open();
    /*
    newWindow.document.body.innerHTML = '<img src="' + src + '" style="margin:auto; max-width:100%;" />';
    newWindow.document.body.style.background = '#0e0e0e';
    newWindow.document.body.style.margin = '0';
    newWindow.document.body.style.padding = '0';
    newWindow.document.body.style.textAlign = 'center';
    */
    newWindow.document.open();
    newWindow.document.write('<!DOCTYPE html><html><body style="background:#0e0e0e ;margin:0; padding:0; text-align:center;"><img src="' + src + '" style="margin:auto; max-width:100%;" /></body></html>');
    newWindow.document.close();
}

function App_getSysMessageWithSourceStringAndParameter(message, parameter)
{
    return App_getSysMessageWithSourceStringAndParameters(message, [parameter]);
}

function App_getSysMessageWithSourceStringAndParameters(message, parameters)
{
    for(var i = 0; i < parameters.length; ++i)
    {
        message = message.replace("%@", parameters[i]);
    }

    var parametersKeys = Object.keys(parameters);
    for(var parametersKeysIndex = 0; parametersKeysIndex < parametersKeys.length; ++parametersKeysIndex) {
        var parametersKey = parametersKeys[parametersKeysIndex];

        message = message.replace(("$" + parametersKey), parameters[parametersKey]);
    }

    return message;
}

function App_getHtmlSysMessageWithSourceString(message)
{
    return App_convertNLtoBr(message);
}

function App_getHtmlSysMessageWithSourceStringAndParameter(message, parameter)
{
    message = App_getSysMessageWithSourceStringAndParameter(message, parameter);
    message = App_convertNLtoBr(message);

    return message;
}

function App_getHtmlSysMessageWithSourceStringAndParameters(message, parameters)
{
    message = App_getSysMessageWithSourceStringAndParameters(message, parameters);
    message = App_convertNLtoBr(message);

    return message;
}

function App_getApiFeedDeleteUrl(feedId)
{
    return "https://vs.cga.gg/api/feed/%3CfeedId%3E/delete".replace("%3CfeedId%3E", feedId);
}

function App_getApiFeedCommentsUrl(feedId)
{
    return "https://vs.cga.gg/api/feed/%3CfeedId%3E/comments".replace("%3CfeedId%3E", feedId);
}

function App_getApiFeedCommentCreateUrl(feedId)
{
    return "https://vs.cga.gg/api/feed/%3CfeedId%3E/comment/create".replace("%3CfeedId%3E", feedId);
}

function App_getApiTournamentTeamPlayersUrl(tournamentId, teamId)
{
    return "https://vs.cga.gg/api/tournament/%3CtournamentId%3E/team/%3CteamId%3E/players".replace("%3CtournamentId%3E", tournamentId).replace("%3CteamId%3E", teamId);
}

function App_getApiUserGameAccountsUrl(userId)
{
    return "https://vs.cga.gg/api/user/%3CuserId%3E/game_accounts".replace("%3CuserId%3E", userId);
}

function App_getApiUserUserInfoUrl(userId)
{
    return "https://vs.cga.gg/api/user/%3CuserId%3E".replace("%3CuserId%3E", userId);
}

function App_getAbsolutePosition($element)
{
    var el = $element[0];

    var found,
        left = 0,
        top = 0,
        width = 0,
        height = 0,
        offsetBase = util.getAbsolutePosition.offsetBase;
    if (!offsetBase && document.body) {
        offsetBase = util.getAbsolutePosition.offsetBase = document.createElement('div');
        offsetBase.style.cssText = 'position:absolute;left:0;top:0';
        document.body.appendChild(offsetBase);
    }
    if (el && el.ownerDocument === document && 'getBoundingClientRect' in el && offsetBase) {
        var boundingRect = el.getBoundingClientRect();
        var baseRect = offsetBase.getBoundingClientRect();
        found = true;
        left = boundingRect.left - baseRect.left;
        top = boundingRect.top - baseRect.top;
        width = boundingRect.right - boundingRect.left;
        height = boundingRect.bottom - boundingRect.top;
    }
    return {
        found: found,
        left: left,
        top: top,
        width: width,
        height: height,
        right: left + width,
        bottom: top + height
    };
}

function App_setElementPositionToWindowCenter($dialog)
{
    $dialog.position({
        my:"center",
        at:"center",
        of: window
    });
}

function App_scrollToBottom($element)
{
    $element.scrollTop($element.prop("scrollHeight"));
}

function App_scrollToTop($element)
{
    $element.scrollTop(0);
}

function App_scrollToPosX($element, posX, isAnim)
{
    if(isAnim != null && isAnim == true) {
        $element.animate({
            scrollLeft:posX
        }, 200);
    }
    else {
        $element.scrollLeft(posX);
    }
}

function App_scrollToPosY($element, posY, isAnim)
{
    if(isAnim != null && isAnim == true) {
        $element.animate({
            scrollTop:posY
        }, 200);
    }
    else {
        $element.scrollTop(posY);
    }
}

function App_willScrollToDocumentEnd(action)
{
    $(document).scroll(function() {
        if ($(document).height() - window.innerHeight <= ($(window).scrollTop() + 10)) {
            if(action != null) {
                action();
            }
        }
    });
}

function App_parallaxScroll($element)
{
    $(document).scroll(function() {
        var $elementParentElement = $element.parent();
        if($elementParentElement != null && $elementParentElement.css("position") == "fixed") {
            return;
        }

        var transformValue = "translateY(" + ($(window).scrollTop() / 2) + "px)";

        if($element.css("-webkit-transform") != null) {
            $element.css("-webkit-transform", transformValue);
        }
        else if($element.css("-moz-transform") != null) {
            $element.css("-moz-transform", transformValue);
        }
        else if($element.css("-ms-transform") != null) {
            $element.css("-ms-transform", transformValue);
        }
        else {
            $element.css("transform", transformValue);
        }
    });
}

function App_showLessElementContent($element) {
    var readmoreOption = {
        moreLink: '<a href="#">read moreeeeeee</a>',
        lessLink: '<a href="#">read lesssssssssss</a>',
        blockCSS: ('padding-left:' + $element.css("padding-left") + ';')
    };

    $element.readmore(readmoreOption);
}

function App_titleAlert(message)
{
    $.titleAlert(message, {stopOnMouseMove:true});
}

function App_appendAppOverlay()
{
    if($("#App_overlay") != null)
    {
        $("#App_overlay").remove();
    }

    var $overlayElement = $('<div id="App_overlay" class="ui-widget-overlay ui-front"></div>');
    $("body").append($overlayElement);

    return $overlayElement;
}

function App_removeAppOverlay()
{
    $("#App_overlay").remove();
}

function App_showDialog(options)
{
    if(options.autoSize == null)
    {
        options.autoSize = false;
    }

    if(options.hasClose == null)
    {
        options.hasClose = true;
    }

    if(options.hasMask == null)
    {
        options.hasMask = true;
    }

    return $("<div></div>").dialogBox(options);
}

function App_relocateDialog($dialog)
{
    $dialog.css({
        'margin-top': function(){
 			var height;

			if(type === '' || type === 'normal'){
				if(that.settings.autoSize){
					height = $(this).height();
				}else{
					height = that.settings.height;
				}
			}else if(type === 'error' || type === 'correct'){
				if(that.settings.autoSize){
					height = $(this).height();
				}else{
					height = that.settings.height + 4;
				}
			}
			return -Math.round(height/2) + 'px';
 		},
 		'margin-left': function(){
 			var width = $(this).width();
 			return -Math.round(width/2) + 'px';
 		}
    });
}
/*
function App_appendTooltip($targetElement, message, position)
{
    if(position == null) {
        position = "top";
    }

    $targetElement.bootstrap_tooltip(
        {
            title:message,
            html:true,
            placement:position
        });
}
*/
function App_insertAnimatedDropdownBackdropAfterRelatedTarget($relatedTarget)
{
    $(".tooltip").tooltip('hide');

    $('.dropdown-backdrop').remove();
    $(".dropdown-menu").removeClass('fade').removeClass('in');

    var $dropdownBackdrop = $(document.createElement('div'))
        .addClass('dropdown-backdrop')
        .insertAfter($relatedTarget)
        .on('click', function() {
            $(this).parent().find(".dropdown-menu").removeClass('fade').removeClass('in');

            $(this).remove();
         });

    $relatedTarget.parent().find(".dropdown-menu").addClass('fade');
    
    setTimeout(function() {
        $relatedTarget.parent().find(".dropdown-menu").addClass('in');
    }, 10);
}

function App_dynamicTabs($element, menuMap, afterAddTabEvent)
{
    var html = '<div id="' + App_generateElementId() + '">' +
        '<ul class="nav nav-tabs">' +
        '<li class="dropdown">' +
        '<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-plus"></span> <span class="caret"></span></a>' +
        '<ul class="dropdown-menu"></ul>' +
        '</li>' +
        '<div style="clear:both;"></div>' +
        '</ul>' +
        '<div class="tab-content"></div>' +
        '</div>';

    $element.append(html);
    $element.prop("afterAddTabEvent", function() {
        return (function(arg) {
            afterAddTabEvent(arg);
        });
    });

    var menuMapKeys = Object.keys(menuMap);
    if(menuMapKeys.length > 0) {
        for(var menuMapKeysIndex = 0; menuMapKeysIndex < menuMapKeys.length; ++menuMapKeysIndex) {
            var menuMapKey = menuMapKeys[menuMapKeysIndex];

            if($element.find('.tab-content:first .tab-pane[code="' + menuMapKey + '"]').length == 0) {
                var $dropdownMenuItem = $('<li code="' + menuMapKey + '"><a style="cursor:pointer;">' + menuMap[menuMapKey] + '</a></li>');
                $element.find(".dropdown-menu:first").append($dropdownMenuItem);
                $dropdownMenuItem.find("a").click(function() {
                    App_dynamicTabsAddTab($element, $(this).parent().attr("code"), $(this).html());
                });
            }
        }

        {
            var firstMenuMapKey = menuMapKeys[0];
            App_dynamicTabsAddTab($element, firstMenuMapKey, menuMap[firstMenuMapKey]);
        }
    }
}

function App_dynamicTabsAddTab($tabs, code, label)
{
    if($tabs.find('.tab-content:first .tab-pane[code="' + code + '"]').length > 0) {
        return;
    }

    var $tabPane = $('<div class="tab-pane fade in" code="' + code + '"></div>');
    $tabs.find('.tab-content:first').append($tabPane);
    $tabs.prop("afterAddTabEvent")($tabPane);

    var tabCount = $tabs.find('.nav-tabs:first li').length;

    var navTabHtml = '<li code="' + code + '">' +
        '<a data-toggle="tab" href=\'#' + $tabs.find(".nav-tabs:first").parent().attr("id") + ' .tab-content:first .tab-pane[code="' + code + '"]:first\'>' +
        label +
        ((tabCount == 1) ? (' (' + "Default" + ')') : ' <span class="glyphicon glyphicon-remove" style="cursor:pointer;"></span>') +
        '</a>' +
        '</li>';
    var $navTab = $(navTabHtml);
    $navTab.insertBefore($tabs.find('.nav-tabs:first .dropdown'));
    $navTab.find(".glyphicon-remove").click(function() {
        App_dynamicTabsRemoveTab($tabs, code);
    });

    $tabs.find('.dropdown-menu:first li[code="' + code + '"]:first').hide();

    App_dynamicTabsFocusTab($tabs, code);
}

function App_dynamicTabsRemoveTab($tabs, code)
{
    $tabs.find('.tab-content:first .tab-pane[code="' + code + '"]:first').remove();
    $tabs.find('.nav-tabs:first li[code="' + code + '"]:first').remove();

    $tabs.find('.dropdown-menu:first li[code="' + code + '"]:first').show();

    App_dynamicTabsFocusFirstTab($tabs);
}

function App_dynamicTabsFocusTab($tabs, code)
{
    $tabs.find(".nav-tabs:first li").removeClass('active');
    $tabs.find(".tab-content:first .tab-pane").removeClass('active');

    $tabs.find('.tab-content:first .tab-pane[code="' + code + '"]:first').addClass("active in");
    $tabs.find('.nav-tabs:first li[code="' + code + '"]:first').addClass("active");
}

function App_dynamicTabsFocusFirstTab($tabs)
{
    App_dynamicTabsFocusTab($tabs, $tabs.find('.nav-tabs:first li:first').attr("code"));
}

function App_dynamicTabsGetTabPaneByCode($tabs, code)
{
    return $tabs.find('.tab-content:first .tab-pane[code="' + code + '"]:first');
}

function App_dynamicTabsGetTabPanes($tabs)
{
    return $tabs.find('.tab-content:first .tab-pane');
}

function App_dynamicTabsHideDropdown($element)
{
    $element.find(".dropdown").hide();
}

function App_dynamicTabsShowDropdown($element)
{
    $element.find(".dropdown").show();
}

function App_elementLoadingStart($element)
{
    $element = $("body");
    
    if(!$element.is(':loading')) {
        $element.loading({"message": "Loading..."});
    }
}

function App_elementLoadingStop($element)
{
    $element = $("body");
    $element.loading("stop");
}

function App_localeTabs($element, afterAddTabEvent)
{
    var menuMap = new Array();
    
    var App_localeMapKeys = Object.keys(App_localeMap);
    for(var localeMapKeysIndex = 0; localeMapKeysIndex < App_localeMapKeys.length; ++localeMapKeysIndex) {
        var App_localeMapKey = App_localeMapKeys[localeMapKeysIndex];
        
        menuMap[App_localeMapKey] = App_localeMap[App_localeMapKey].description;
    }
    
    App_dynamicTabs($element, menuMap, afterAddTabEvent);

    var $enNavTabHyperLink = $element.find('.nav-tabs:first li[code="' + "en" + '"]:first a[data-toggle="tab"]:first');
    $enNavTabHyperLink.find('.glyphicon-remove').remove();
    $enNavTabHyperLink.append(' <a href="#" data-toggle="tooltip" data-placement="top" title="' + "English is default. If your project does not need to support multiple languages, please use it directly." + '"><span class="glyphicon glyphicon-info-sign"></span></a>');
}

function App_localeTabsAddLocaleTab($tabs, localeCode)
{
    App_dynamicTabsAddTab($tabs, localeCode, App_localeMap[localeCode].description);
}

function App_localeTabsRemoveLocaleTab($tabs, localeCode)
{
    App_dynamicTabsRemoveTab($tabs, localeCode);
}

function App_localeTabsFocusLocaleTab($tabs, localeCode)
{
    App_dynamicTabsFocusTab($tabs, localeCode);
}

function App_localeTabsFocusFirstLocaleTab($tabs)
{
    App_dynamicTabsFocusFirstTab($tabs);
}

function App_localeTabsSelectLocaleTabPaneByLocaleCode($tabs, localeCode)
{
    return App_dynamicTabsGetTabPaneByCode($tabs, localeCode);
}

function App_localeTabsSelectLocaleTabPanes($tabs)
{
    return App_dynamicTabsGetTabPanes($tabs);
}

function App_localeTabsHideLocaleDropdown($element)
{
    App_dynamicTabsHideDropdown($element);
}

function App_localeTabsShowLocaleDropdown($element)
{
    App_dynamicTabsShowDropdown($element);
}

function App_toastr(message, title, onShownAction, onHiddenAction, onclickAction)
{
    var options = {
        "positionClass": "toast-bottom-center"
    };

    if(onShownAction != null) {
        options.onShown = onShownAction;
    }

    if(onHiddenAction != null) {
        options.onHidden = onHiddenAction;
    }

    if(onclickAction != null) {
        options.onclick = onclickAction;
    }

    toastr.success(message, title, options);
}

function App_horizontalTabs($element, isRecordHistory)
{
    if(isRecordHistory == null) {
        isRecordHistory = true;
    }

    $element.hide();

    $element.pwstabs({
        theme:"pws_theme_cga",
        effect:"none",
        recordHistory:isRecordHistory
    });
/*
    var $horizontalTabElement = $element.parent();
    if($horizontalTabElement != null)
    {
        var horizontalTabElementWidth = $horizontalTabElement.width();
        $horizontalTabElement.find(".pws_tabs_controll").css("width", "200px");
        $horizontalTabElement.find(".pws_tabs_list").css("width", ((horizontalTabElementWidth - 200 - 1) + "px"));//reduce border width "1" from theme "pws_theme_cga"
    }
*/
    $element.show();
}

function App_horizontalTabsFocusTab($element, tabCode)
{
    $element.parent().find('ul.pws_tabs_controll li a').removeClass("pws_tab_active");
    $element.parent().find('ul.pws_tabs_controll li a[data-tab-id="' + tabCode + '"]').addClass("pws_tab_active");

    $element.find(".pws_tab_single").removeClass("pws_show");
    $element.find(".pws_tab_single").hide();
    $element.find('.pws_tab_single[data-pws-tab="' + tabCode + '"]').addClass("pws_show");
    $element.find('.pws_tab_single[data-pws-tab="' + tabCode + '"]').show();

    $element.parent().find('ul.pws_tabs_controll li a[data-tab-id="' + tabCode + '"]').click();
}

function App_horizontalTabsHideTab($element, tabCode)
{
    $element.parent().find('ul.pws_tabs_controll li a[data-tab-id="' + tabCode + '"]').removeClass("pws_tab_active");
    $element.parent().find('ul.pws_tabs_controll li a[data-tab-id="' + tabCode + '"]').hide();

    if($element.find('.pws_tab_single[data-pws-tab="' + tabCode + '"]').hasClass("pws_show")) {
        $element.find('.pws_tab_single[data-pws-tab="' + tabCode + '"]').removeClass("pws_show");
        $element.find('.pws_tab_single[data-pws-tab="' + tabCode + '"]').hide();

        $element.parent().find('ul.pws_tabs_controll li a:visible').click();
    }
}

function App_horizontalTabsShowTab($element, tabCode)
{
    $element.parent().find('ul.pws_tabs_controll li a[data-tab-id="' + tabCode + '"]').show();

    if($element.find(".pws_tab_single.pws_show").length == 0) {
        $element.parent().find('ul.pws_tabs_controll li a[data-tab-id="' + tabCode + '"]').click();
    }
}

function App_horizontalTabsOverflow($element) {
    var $horizontalTabElement = $element.parent();
    var $horizontalTabControlElement = $horizontalTabElement.find("ul.pws_tabs_controll:first");

    $horizontalTabControlElement.css("max-width", "100%");
    $horizontalTabControlElement.css("overflow-x", "auto");
    $horizontalTabControlElement.css("white-space", "nowrap");

    var scrollToPosX = 0;
    $horizontalTabControlElement.children("li").each(function() {
        if($(this).children("a").hasClass("pws_tab_active")) {
            scrollToPosX -= (App_getScreenWidth() - $(this).width()) / 2;
            scrollToPosX = Math.max(scrollToPosX, 0);

            return false;//break;
        }

        scrollToPosX += $(this).width();
    });

    App_scrollToPosX($horizontalTabControlElement, scrollToPosX, false);

    $horizontalTabElement.css("position", "relative");

    if($horizontalTabControlElement.prop("scrollWidth") > Math.max($horizontalTabControlElement.width(), 0)) {
        var $scrollLeftButton = $('<div class="material-icons animation_flash" style="cursor:pointer; font-size:30px; line-height:30px; position:absolute; top:0px; left:0px;"></div>');
        $scrollLeftButton.on("click", function() {
            App_scrollToPosX($horizontalTabControlElement, ($horizontalTabControlElement.scrollLeft() - Math.max(($horizontalTabElement.width() / 2), 100)), true);
        });
        $horizontalTabElement.append($scrollLeftButton);

        var $scrollRightButton = $('<div class="material-icons animation_flash" style="cursor:pointer; font-size:30px; line-height:30px; position:absolute; top:0px; right:0px;"></div>');
        $scrollRightButton.on("click", function() {
            App_scrollToPosX($horizontalTabControlElement, ($horizontalTabControlElement.scrollLeft() + Math.max(($horizontalTabElement.width() / 2), 100)), true);
        });
        $horizontalTabElement.append($scrollRightButton);

        $horizontalTabControlElement.on("scroll", function() {
            if($horizontalTabControlElement.scrollLeft() == 0) {
                $scrollLeftButton.hide();
            }
            else {
                $scrollLeftButton.show();
            }

            if(($horizontalTabControlElement.scrollLeft() + $horizontalTabElement.width()) == $horizontalTabControlElement.prop("scrollWidth")) {
                $scrollRightButton.hide();
            }
            else {
                $scrollRightButton.show();
            }
        });
    }
}

function App_horizontalTabsResponsiveFlexTabs($element) {
    var $horizontalTabElement = $element.parent();
    var $horizontalTabControlElement = $horizontalTabElement.find("ul.pws_tabs_controll:first");

    $horizontalTabControlElement.children("li").css("min-width", "");
    $horizontalTabControlElement.children("li").css("width", "");

    var tabWidthArray = new Array();
    var tabWidthTotal = 0;
    var visibleTabCount = 0;

    $horizontalTabControlElement.children("li").each(function() {
        var tabWidth = $(this).width();

        $(this).css("min-width", tabWidth);

        tabWidthArray.push(tabWidth);
        tabWidthTotal += tabWidth;

        if(tabWidth > 0) {
            ++visibleTabCount;
        }
    });

    var horizontalTabControlElementReservedWidth = $horizontalTabControlElement.width() - tabWidthTotal;
    if(horizontalTabControlElementReservedWidth > 0) {
        var tabIncreaseWidth = Math.floor(horizontalTabControlElementReservedWidth / visibleTabCount);

        for(var i = 0; i < tabWidthArray.length; ++i) {
            var tabWidth = tabWidthArray[i];
            if(tabWidth <= 0) {
                continue;
            }

            $horizontalTabControlElement.children("li:eq(" + i + ")").css("width", (tabWidth + tabIncreaseWidth));
        }
    }
}

function App_verticalTabs($element, isRecordHistory)
{
    if(isRecordHistory == null) {
        isRecordHistory = true;
    }

    $element.hide();

    $element.pwstabs({
        theme:"pws_theme_cga",
        effect:"none",
        tabsPosition:"vertical",
        recordHistory:isRecordHistory
    });

    var $verticalTabElement = $element.parent();
    if($verticalTabElement != null)
    {
        var verticalTabElementWidth = $verticalTabElement.width();
        $verticalTabElement.find(".pws_tabs_controll").css("width", "200px");
        $verticalTabElement.find(".pws_tabs_list").css("width", ((verticalTabElementWidth - 200 - 1) + "px"));//reduce border width "1" from theme "pws_theme_cga"
    }

    $element.show();
}

function App_verticalTabsFocusTab($element, tabCode)
{
    App_horizontalTabsFocusTab($element, tabCode);
}

function App_horizontalTabs2($element, isRecordHistory)
{
    if(isRecordHistory == null) {
        isRecordHistory = true;
    }

    $element.hide();

    $element.pwstabs({
        theme:"pws_theme_cga2",
        effect:"none",
        recordHistory:isRecordHistory
    });
/*
    var $horizontalTabElement = $element.parent();
    if($horizontalTabElement != null)
    {
        var horizontalTabElementWidth = $horizontalTabElement.width();
        $horizontalTabElement.find(".pws_tabs_controll").css("width", "200px");
        $horizontalTabElement.find(".pws_tabs_list").css("width", ((horizontalTabElementWidth - 200 - 1) + "px"));//reduce border width "1" from theme "pws_theme_cga"
    }
*/
    $element.show();
}

function App_horizontalTabs2FocusTab($element, tabCode)
{
    App_horizontalTabsFocusTab($element, tabCode);
}

function App_horizontalTabs3($element, isRecordHistory)
{
    if(isRecordHistory == null) {
        isRecordHistory = true;
    }

    $element.hide();

    $element.pwstabs({
        theme:"pws_theme_cga3",
        effect:"none",
        recordHistory:isRecordHistory
    });
/*
    var $horizontalTabElement = $element.parent();
    if($horizontalTabElement != null)
    {
        var horizontalTabElementWidth = $horizontalTabElement.width();
        $horizontalTabElement.find(".pws_tabs_controll").css("width", "200px");
        $horizontalTabElement.find(".pws_tabs_list").css("width", ((horizontalTabElementWidth - 200 - 1) + "px"));//reduce border width "1" from theme "pws_theme_cga"
    }
*/
    
    $element.show();
}

function App_horizontalTabs3FocusTab($element, tabCode)
{
    App_horizontalTabsFocusTab($element, tabCode);
}

function App_getSessionId() {
    return null;
}

function App_generateElementId() {
    return "id_" + new Date().getTime() + "_" + Math.floor(Math.random() * 100000000);
}

function App_generateAutocompleteCellContentHtml(iconUrl, title, content)
{
    var html = '<table>' +
        '<tr>';
    
    if(iconUrl != null) {
        html += '<td><img src="' + iconUrl + '" style="border:1px solid rgba(0, 0, 0, .10); border-radius:50%; height:40px; width:40px;" /></td>' +
                '<td>&nbsp;</td>';
    }
    
    html += '<td>' +
        '<div class="title">' + (!System_checkIsEmptyString(title)?title:"") + '</div>' +
        '<div class="content">' + (!System_checkIsEmptyString(content)?content:"") + '</div>' +
        '</td>' +
        '</tr>' +
        '</table>';
    
    return html;
}

function App_generateIconAndTitleAndContentCellHtml(iconUrl, title, content, expand, iconClass, titleClass, contentClass, expandClass, iconRedirectUrl, titleRedirectUrl, contentRedirectUrl)
{
    var html = '<div style="display:flex; flex-direction:row;">';
    
    if(!System_checkIsEmptyString(iconUrl)) {
        html += '<div style="flex:initial;">';

        if(!System_checkIsEmptyString(iconRedirectUrl)) {
            html += '<a href="' + iconRedirectUrl +'">';
        }

        html += '<img src="' + iconUrl + '" class="' + (!System_checkIsEmptyString(iconClass) ? iconClass : "icon") + '" style="border:1px solid rgba(0, 0, 0, .10); border-radius:50%;" />';

        if(!System_checkIsEmptyString(iconRedirectUrl)) {
            html += '</a>';
        }

        html += '</div>' +
                '<div style="flex:initial;">&nbsp;</div>';
    }
    
    if(!System_checkIsEmptyString(title) || !System_checkIsEmptyString(content)) {
        html += '<div style="flex:1;">';
        
        if(!System_checkIsEmptyString(title)) {
            if(!System_checkIsEmptyString(titleRedirectUrl)) {
                html += '<a href="' + titleRedirectUrl +'">';
            }

            html += '<span class="' + (!System_checkIsEmptyString(titleClass) ? titleClass : "title") + '">' + (!System_checkIsEmptyString(title) ? title : "") + '</span>';

            if(!System_checkIsEmptyString(titleRedirectUrl)) {
                html += '</a>';
            }
        }
        
        if(!System_checkIsEmptyString(content)) {
            if(!System_checkIsEmptyString(title)) {
                html += '<div></div>';
            }

            if(!System_checkIsEmptyString(contentRedirectUrl)) {
                html += '<a href="' + contentRedirectUrl +'">';
            }

            html += '<span class="' + (!System_checkIsEmptyString(contentClass) ? contentClass : "content") + '">' + (!System_checkIsEmptyString(content) ? content : "") + '</span>';

            if(!System_checkIsEmptyString(contentRedirectUrl)) {
                html += '</a>';
            }
        }
        
        html += '</div>';
    }
    
    if(!System_checkIsEmptyString(expand)) {
        html += '<div style="flex:initial;">&nbsp;</div>' +
                '<div class="' + (!System_checkIsEmptyString(expandClass) ? expandClass : 'expand') + '">' + expand + '</div>';
    }
    
    html += '</div>';
    
    return html;
}

function App_createCarousel($parent, itemHtmls, isShownIndicator, isLoop, isAutoScroll)
{
    if(isShownIndicator == null)
    {
        isShownIndicator = false;
    }
    
    if(isLoop == null)
    {
        isLoop = true;
    }
    
    if(isAutoScroll == null)
    {
        isAutoScroll = true;
    }
    
    var carouselId = App_generateElementId();

    var html = '<div id="' + carouselId + '" class="carousel slide" data-ride="carousel">';
    if(isShownIndicator) {
        html += '<ol class="carousel-indicators">';
        for(var i = 0; i < itemHtmls.length; ++i) {
            html += '<li data-target="#' + carouselId + '" data-slide-to="' + i + '"' + (i == 0 ? ' class="active"' : '') + '></li>';
        }
        html += '</ol>';
    }
    html += '<div class="carousel-inner">';
    for(var i = 0; i < itemHtmls.length; ++i) {
        html += '<div class="item' + (i == 0 ? ' active' : '') + '">';
        html += itemHtmls[i];
        html += '</div>';
    }
    html += '</div>';
    
    if(itemHtmls.length > 1) {
        html += '<a class="left carousel-control" href="#' + carouselId + '" data-slide="prev">';
        html += '<span class="glyphicon glyphicon-chevron-left"></span>';
        html += '<span class="sr-only">Previous</span>';
        html += '</a>';
        html += '<a class="right carousel-control" href="#' + carouselId + '" data-slide="next">';
        html += '<span class="glyphicon glyphicon-chevron-right"></span>';
        html += '<span class="sr-only">Next</span>';
        html += '</a>';
    }
    
    html += '</div>';

    $carousel = $(html);
    $parent.append($carousel);
    
    var carouselConfig = {"wrap": isLoop};
    if(!isAutoScroll) {
        carouselConfig.interval = false;
    }
    
    $carousel.carousel(carouselConfig);
    
    return $carousel;
}

function App_gotoCarouselItem($carousel, number)
{
    $carousel.carousel(number);
}

function App_tooltip($targetElement, title, placement)
{
    if($targetElement.attr("title") == null) {
        $targetElement.attr("title", "");
    }

    $targetElement.tooltip({
        container:"body",
        title:title,
        html:true,
        placement:placement
    });
}

function App_tooltip2($targetElement, title)
{
    $targetElement.uitooltip({
        content: function() {
            return title;
        }
    });
}

function App_changeLocale(localeCode, action)
{
    $.ajax({
        url: "https://vs.cga.gg/api/user/set_locale",
        type: "POST",
        dataType: "json",
        data: {
            "locale":localeCode
        },
        complete: function () {
            if(action != null) {
                action();
            }
            else {
                location.reload();
            }
        }
    });
}

function App_logout(afterLogoutUrl)
{
    App_endLoop();
    }

function App_Advertisement_generateAdvertisementHtml(advertisementType, advertisementWidth, advertisementHeight, isFillWith3rdAdvertisement) {
    var elementId = App_generateElementId();

    var html = '<div id="' + elementId + '"></div>' +
            '<script>' +
            'App_Advertisement_loadAdvertisement($("#' + elementId + '"), ' + (advertisementType != null ? advertisementType : 'null') + ', ' + (advertisementWidth != null ? advertisementWidth : 'null') + ', ' + (advertisementHeight != null ? advertisementHeight : 'null') + ', ' + (isFillWith3rdAdvertisement != null ? isFillWith3rdAdvertisement : 'null') + ')' +
            '</scr' + 'ipt>';
    
    return html;
}

function App_Advertisement_loadAdvertisement($element, advertisementType, advertisementWidth, advertisementHeight, isFillWith3rdAdvertisement) {
    var url = "https://vs.cga.gg/advertisement/ajax_advertisement";
    
    if(!System_checkIsEmptyString(advertisementType)) {
        url = System_setUrlParameter(url, "type", advertisementType);
    }

    if(!System_checkIsEmptyString(advertisementWidth)) {
        url = System_setUrlParameter(url, "width", advertisementWidth);
    }

    if(!System_checkIsEmptyString(advertisementHeight)) {
        url = System_setUrlParameter(url, "height", advertisementHeight);
    }

    if(!System_checkIsEmptyString(isFillWith3rdAdvertisement)) {
        url = System_setUrlParameter(url, "is_fill_with_3rd_advertisement", isFillWith3rdAdvertisement);
    }

    $element.load(url);
}

function App_AdSense_pushAdvertisement() {
    try {
        (adsbygoogle = window.adsbygoogle || []).push({});
    }
    catch(e) {
        //alert(e);
    }
}

function App_Chart_gameLOLRecodeData($element, leastChampionDeaths, mostChampionAssists, mostChampionKills) {

    var $kdaData = $element.find('.kda-data');
    var $mostChampionKills = $kdaData.find('.most-champion-kills');
    var $leastChampionDeaths = $kdaData.find('.least-champion-deaths');
    var $mostChampionAssists = $kdaData.find('.most-champion-assists');
    var kdaLimit = 3;

    App_Chart_selectTopScoreListData(mostChampionKills, $mostChampionKills, kdaLimit);
    App_Chart_selectTopScoreListData(leastChampionDeaths, $leastChampionDeaths, kdaLimit);
    App_Chart_selectTopScoreListData(mostChampionAssists, $mostChampionAssists, kdaLimit);
}

function App_Chart_selectTopScoreListData(kdaData, $class, countLimit) {
    $.each(kdaData, function(index, value){
        if(index == countLimit){
            return false;
        }

        $class.find('ul').append('<li>' + '<div class="number">' + value.total + '</div>' + '<div class="name">' + '<img width="40" height="40" src="' + value.icon_url + '"/>' + '<a target="_blank" href="' + App_getRedirectToUserPageUrl(System_selectValidValue(value.urlname, value.id)) + '">' + value.nickname + '</a></div></li>');
    });
}

function App_Chart_barChart($element, dataset) {
    var displayLimit = 20;
    var dataLabels = new Array();
    var dataCounts = new Array();

    for(var i = 0; i < dataset.length; ++i) {
        if(i == displayLimit){
            break;
        }

    dataLabels.push("<img width='40' height='40' alt='' src='" + dataset[i].icon_url + "'/>" + "<p>" + dataset[i].name + "</p>");
        dataCounts.push(dataset[i].count);
    }

    var $tournamentTabs =  $('#Tournament_InfoTeam_tournamentTabs');

    var champions = dataLabels;
    var usedTimes = dataCounts;
    var maxValueInArray = Math.max.apply(Math, usedTimes);
    var arrayNumber = [];
    var $TournamentInfoTeamtournamentTabs = $('#Tournament_InfoTeam_tournamentTabs');

    for(var i=1; i<=maxValueInArray; ++i){
        arrayNumber.push(i);
    }

    var $tournamentInfoTeamChart = $('#Tournament_InfoTeam_chart');

    var chartHeight = champions.length * 40;
    $tournamentInfoTeamChart.height(chartHeight);

    plot1 = $.jqplot('Tournament_InfoTeam_chart', [usedTimes.reverse()], {
        seriesColors: ['#1769ff'],
        animate: !$.jqplot.use_excanvas,
        grid: {
            drawGridlines: false,
            borderColor: 'transparent',
            backgroundColor: 'transparent',
            shadow: false,
            drawBorder: false,
            shadowColor: 'transparent'
        },
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions: {
                barDirection: 'horizontal',
                highlightMouseDown: true,
                shadowOffset: 0,
                barMargin: 5
            },
            pointLabels: {show: true}
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: arrayNumber,
                showTicks : false
            },
            yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: champions.reverse()
            }
        }
    });
}

function App_Comment_generateCollectionCommentHtml(commentId, commentContent, commentCreateDateTime, commentUpdateDateTime, userId, userUrlname, userNickname, userPictureUrl, mood) {
    var html = '<div class="comment">';

    html += '<table class="valign_top" style="width:100%;">';
    html += '<tr>';
    html += '<td style="width:40px;">';
    html += '<div class="photo"><a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)) + '"><img style="border:1px solid rgba(0, 0, 0, .10); border-radius:50%;" src="' + userPictureUrl + '" /></div>';
    html += '</td>';
    html += '<td style="width:5px;">&nbsp;</td>';
    html += '<td>';
    html += '<div class="nickname"><a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)) + '">' + userNickname + '</a></div>';
    html += '<div class="message emoji-wysiwyg-editor">';

    if(!System_checkIsEmptyString(commentContent)) {
        var commentContentHtml = $.emojiarea.convertToEmojiHtml(commentContent);
        commentContentHtml = autolinker.link(commentContentHtml);
        commentContentHtml = App_convertNLtoBr(commentContentHtml);

        html += commentContentHtml;
    }

    html += '</div>';

    html += '<div class="operation_area">';
    html += '<span class="count_label">' + App_getFormatDisplayNumberString(((mood != null && mood.support_count != undefined) ? mood.support_count : 0), 0) + '</span>';
    html += '<span class="mood_support_button ' + ((mood != null && mood.is_supporting != undefined && mood.is_supporting) ? " isset" : "") + '" onclick=\'App_Comment_onclickMoodSupportButton($(this), "' + commentId + '");\'>Support</span>';
    html += '<span> · </span>';
    html += '<span class="date_time_content">' + commentCreateDateTime + '</span>';
    html += '</div>';
    html += '</td>';
    html += '</tr>';
    html += '</table>';

    html += '</div>';

    return html;
}

function App_Feed_delete(feedId, onDeletedAction)
{
    App_showDialogWithConfirmAndCancelButton(
        null, 
        "Prompt", 
        App_getHtmlSysMessageWithSourceString("Are you sure to delete this post?"), 
        null, 
        function (e) {
            App_Feed_deleteAction(feedId, onDeletedAction);
            App_closeDialog(App_getDialogByDialogButton($(e.target)));
        });
}

function App_Feed_deleteAction(feedId, onDeletedAction)
{
    $.ajax({
        url: App_getApiFeedDeleteUrl(feedId),
        type: "POST",
        dataType: "json",
        data: {
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            } else {
                if(onDeletedAction != null) {
                    onDeletedAction(feedId);
                }
            }
        }
    });
}

function App_Feed_onDeleteAction(feedId)
{
    $(".feed .feed_id").each(function() {
        var $feedIdElement = $(this);

        if($feedIdElement.val() == feedId) {
            var $feedPanel = $feedIdElement.parent();
            $feedPanel.fadeOut("slow", function() {
                $feedPanel.remove();
            });

            //todo: should load more feed here

            return false;//break;
        }
    });
}

function App_Feed_generateFeedHeaderHtml(id, senderType, senderId, senderName, senderUrlname, senderPicturePhotoUrl, createdDatetime) {
    var senderUrl = null;
    if(senderType == "user") {
        if(senderId != 0) {
            senderUrl = App_getRedirectToUserPageUrl(System_selectValidValue(senderUrlname, senderId));
        }
    }
    else if(senderType == "team") {
        senderUrl = App_getRedirectToTeamInfoPageUrl(System_selectValidValue(senderUrlname, senderId));
    }
    else if(senderType == "match") {
        senderUrl = App_getRedirectToMatchTeamPageUrl(System_selectValidValue(senderUrlname, senderId));
    }
    else if(senderType == "tournament") {
        senderUrl = App_getRedirectToTournamentInfoPageUrl(System_selectValidValue(senderUrlname, senderId));
    }

    var html = '<div class="panel_padding">' +
            App_generateIconAndTitleAndContentCellHtml(senderPicturePhotoUrl,
                senderName,
                ('<a href="' + (id != null ? App_getRedirectToFeedIndexPageUrl(id) : '') + '" class="date_time_content">' + createdDatetime + '</a>'),
                null,
                "sender_photo_image",
                "sender_name",
                null,
                null,
                senderUrl,
                senderUrl,
                (id != null ? App_getRedirectToFeedIndexPageUrl(id) : '')) +
            '</div>';

    return html;
}

function App_Feed_generateSystemFeedHeaderHtml() {
    return App_Feed_generateFeedHeaderHtml(null, null, null, "CYBER GAMES ARENA", null, "https:\/\/vs.cga.gg\/image\/cga_logo.png", "System message");
}
function App_Feed_loadComments($commemtCollectionElement, feedId) {
    var $feedPanel = $commemtCollectionElement.parent();

    var $loadMoreCommentButton = $feedPanel.find(".load_more_comments_button");
    var $commentCollectionLoadingLayer = $feedPanel.find(".comment_collection_loading");

    if($commemtCollectionElement.attr("data_has_next") != "true") {
        return;
    }

    if($commemtCollectionElement.attr("data_loading") == "true") {
        return;
    }
    else {
        $commemtCollectionElement.attr("data_loading", "true");
    }

    $commentCollectionLoadingLayer.show();

    $.ajax({
        url: App_getApiFeedCommentsUrl(feedId),
        type: "GET",
        dataType: "json",
        data: {
            "data_token":$commemtCollectionElement.attr("data_token"),
            "data_count":4,
            "thumb_width": 40,
            "thumb_height": 40
        },
        complete: function() {
            $commemtCollectionElement.attr("data_loading", "false");
        },
        success: function (result) {
            var html = '';

            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                var resultDataArray = result.data;
                for (var i = 0; i < resultDataArray.length; ++i) {
                    var commentData = resultDataArray[i];

                    html += App_Comment_generateCollectionCommentHtml(commentData.id,
                        commentData.comment,
                        App_getFormatLocaleDateTimeString(commentData.create_datetime),
                        App_getFormatLocaleDateTimeString(commentData.update_datetime),
                        commentData.user_id,
                        commentData.user_urlname,
                        commentData.user_nickname,
                        commentData.user_picture_url,
                        commentData.mood);
                }

                if(result.page_info == null || System_checkIsEmptyString(result.page_info.previous_token)) {
                    $commemtCollectionElement.attr("data_token", "");
                    $commemtCollectionElement.attr("data_has_next", "false");
                }
                else {
                    $commemtCollectionElement.attr("data_token", result.page_info.previous_token);
                }

                if($commemtCollectionElement.attr("data_has_next") == "true") {
                    $loadMoreCommentButton.show();
                }
                else {
                    $loadMoreCommentButton.hide();
                }
            }

            $commemtCollectionElement.prepend(html);
            $commentCollectionLoadingLayer.hide();
        }
    });
}

function App_Feed_reloadComments($commemtCollectionElement, feedId) {
    $commemtCollectionElement.attr("data_has_next", "true");
    $commemtCollectionElement.attr("data_loading", "false");
    $commemtCollectionElement.attr("data_token", "");

    $commemtCollectionElement.html("");
    App_Feed_loadComments($commemtCollectionElement, feedId);
}

function App_Comment_onclickMoodSupportButton($supportButtonElement, targetId) {
    App_Mood_onclickMoodButton($supportButtonElement, "comment", targetId, "support");
}

function App_Feed_onclickMoodSupportButton($supportButtonElement, targetId) {
    App_Mood_onclickMoodButton($supportButtonElement, "feed", targetId, "support");
}

function App_Photo_loadComments($commemtCollectionElement, photoId) {
    var $photoPanel = $commemtCollectionElement.parent();

    var $loadMoreCommentButton = $photoPanel.find(".load_more_comments_button");
    var $commentCollectionLoadingLayer = $photoPanel.find(".comment_collection_loading");

    if($commemtCollectionElement.attr("data_has_next") != "true") {
        return;
    }

    if($commemtCollectionElement.attr("data_loading") == "true") {
        return;
    }
    else {
        $commemtCollectionElement.attr("data_loading", "true");
    }

    $commentCollectionLoadingLayer.show();

    $.ajax({
        url: "https://vs.cga.gg/api/photo/comment/list",
        type: "POST",
        dataType: "json",
        data: {
            "photo_id": photoId,
            "data_token":$commemtCollectionElement.attr("data_token"),
            "data_count":4,
            "thumb_width": 40,
            "thumb_height": 40
        },
        complete: function() {
            $commemtCollectionElement.attr("data_loading", "false");
        },
        success: function (result) {
            var html = '';

            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                var resultDataArray = result.data;
                for (var i = 0; i < resultDataArray.length; ++i) {
                    var commentData = resultDataArray[i];

                    html += App_Comment_generateCollectionCommentHtml(commentData.id,
                        commentData.comment,
                        App_getFormatLocaleDateTimeString(commentData.create_datetime),
                        App_getFormatLocaleDateTimeString(commentData.update_datetime),
                        commentData.user_id,
                        commentData.user_urlname,
                        commentData.user_nickname,
                        commentData.user_picture_url,
                        commentData.mood);
                }

                if(result.page_info == null || System_checkIsEmptyString(result.page_info.previous_token)) {
                    $commemtCollectionElement.attr("data_token", "");
                    $commemtCollectionElement.attr("data_has_next", "false");
                }
                else {
                    $commemtCollectionElement.attr("data_token", result.page_info.previous_token);
                }

                if($commemtCollectionElement.attr("data_has_next") == "true") {
                    $loadMoreCommentButton.show();
                }
                else {
                    $loadMoreCommentButton.hide();
                }
            }

            $commemtCollectionElement.prepend(html);
            $commentCollectionLoadingLayer.hide();
        }
    });
}

function App_Photo_reloadComments($commemtCollectionElement, photoId) {
    $commemtCollectionElement.attr("data_has_next", "true");
    $commemtCollectionElement.attr("data_loading", "false");
    $commemtCollectionElement.attr("data_token", "");

    $commemtCollectionElement.html("");
    App_Photo_loadComments($commemtCollectionElement, photoId);
}

function App_Photo_onclickMoodSupportButton($supportButtonElement, targetId) {
    App_Mood_onclickMoodButton($supportButtonElement, "photo", targetId, "support");
}

function App_Message_convertApiMatchListResultAsDisplayHtml(resultType, resultWinCount) {
    var html = '';

    if("win_unearned" == resultType ||
        "win" == resultType) {
        html += '<span style="color:#4b83ff;">';
    }
    else {
        html += '<span>';
    }
    
    html += App_Message_convertApiMatchListResultAsDisplayText(resultType, resultWinCount) +
        '</span>';
    
    return html;
}

function App_Message_convertApiMatchListResultAsDisplayText(resultType, resultWinCount) {
    if("abstain" == resultType) {
        return "Forfeit";
    }
    else if("dq" == resultType) {
        return "DQ";
    }
    else if("win_unearned" == resultType) {
        return "Win";
    }
    else if("draw" == resultType ||
        "lose" == resultType ||
        "win" == resultType) {
        return resultWinCount;
    }
    
    return '--';
}

function App_Mood_onclickMoodButton($supportButtonElement, targetType, targetId, type) {
            App_requestLoginToContinue();
        }

function App_Mood_sendSetRequest(targetType, targetId, type, onSuccessAction) {
    $.ajax({
        url: "https://vs.cga.gg/api/mood/set",
        type: "POST",
        dataType: "json",
        data: {
            "target_type":targetType,
            "target_id":targetId,
            "type":type
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            } else {
                if(onSuccessAction != null) {
                    onSuccessAction();
                }
            }
        }
    });
}

function App_Mood_sendRemoveRequest(targetType, targetId, onSuccessAction) {
    $.ajax({
        url: "https://vs.cga.gg/api/mood/remove",
        type: "POST",
        dataType: "json",
        data: {
            "target_type":targetType,
            "target_id":targetId
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            } else {
                if(onSuccessAction != null) {
                    onSuccessAction();
                }
            }
        }
    });
}

function App_Notification_delete(notificationId, onDeletedAction)
{
    App_showDialogWithConfirmAndCancelButton(
        null,
        "Prompt", 
        App_getHtmlSysMessageWithSourceString("Are you sure to delete this notification?"), 
        null, 
        function (e) {
            App_Notification_deleteAction(notificationId, onDeletedAction);
            App_closeDialog(App_getDialogByDialogButton($(e.target)));
        });
}

function App_Notification_deleteAction(notificationId, onDeletedAction)
{
    $.ajax({
        url: "https://vs.cga.gg/api/notification/delete",
        type: "POST",
        dataType: "json",
        data: {
            "id":notificationId
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            } else {
                if(onDeletedAction != null) {
                    onDeletedAction(notificationId);
                }
            }
        }
    });
}

function App_Notification_onDeleteAction(notificationId)
{
    $(".notification .notification_id").each(function() {
        var $notificationIdElement = $(this);

        if($notificationIdElement.val() == notificationId) {
            var $notificationPanel =  $notificationIdElement.parent();
            $notificationPanel.next('.panel_gap_v').remove();
            $notificationPanel.remove();

            //todo: should load more notification here

            //to delete all same id notification in different area, so we don't break the looping
            //return false;//break;
        }
    });
}

function App_Notification_generateNotificationHtml(id, type, title, content, contentHtml, senderType, senderId, senderName, senderUrlname, senderPicturePhotoUrl, targetType, targetId, targetName, targetUrlname, targetPicturePhotoUrl, createdDatetime) {
    var html = '';

    if(type == "chatroom") {
        if(targetType == "chatroom") {
            html += '<div class="notification panel" style="cursor:pointer;" onclick=\'App_removeLastBalloon();Panel_EmbedChatDock_appendChatPanelById("' + targetId + '");\'>';
        }
        else if(targetType == "match") {
            html += '<div class="notification panel" style="cursor:pointer;" onclick=\'App_redirectToMatchPage(' + targetId + ');\'>';
        }
    }
    else {
        html += '<div class="notification panel">';
    }

    html += '<input type="hidden" class="notification_id" value="' + id + '" />' +
            '<div class="panel_padding">' +
            '<table class="valign_top">' +
            '<tr>' +
            '<td>' +
            '<div class="photo">';

    if(senderType == "user") {
        html += '<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(senderUrlname, senderId)) + '"><img style="border:1px solid rgba(0, 0, 0, .10); border-radius:50%;" src="' + senderPicturePhotoUrl + '" /></a>';
    }
    else if(senderType == "team") {
        html += '<a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(senderUrlname, senderId)) + '"><img style="border:1px solid rgba(0, 0, 0, .10); border-radius:50%;" src="' + senderPicturePhotoUrl + '" /></a>';
    }
    else if(senderType == "tournament") {
        html += '<a href="' + App_getRedirectToTournamentInfoPageUrl(System_selectValidValue(senderUrlname, senderId)) + '"><img style="border:1px solid rgba(0, 0, 0, .10); border-radius:50%;" src="' + senderPicturePhotoUrl + '" /></a>';
    }
    
    html += '</div>' +
            '</td>' +
            '<td style="width:5px;">&nbsp;</td>' +
            '<td style="width:100%;">' +
            '<div class="comment">';

    if(targetType == "chatroom") {
        if(senderType == "user") {
            html += '<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(senderUrlname, senderId)) + '">' + senderName + '</a></br>';
        }
        else if(senderType == "team") {
            html += '<a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(senderUrlname, senderId)) + '">' + senderName + '</a></br>';
        }
        else if(senderType == "tournament") {
            html += '<a href="' + App_getRedirectToTournamentInfoPageUrl(System_selectValidValue(senderUrlname, senderId)) + '">' + senderName + '</a></br>';
        }
    }

    html += contentHtml +
            '</div>' +
            '<div class="action date_time_content">' + createdDatetime + '</div>' +
            '</td>';

    
    html += '</tr>' +
            '</table>' +
            '</div>' +
            '</div>';

    return html;
}

function App_Photo_delete(photoId, onDeletedAction)
{
    App_showDialogWithConfirmAndCancelButton(null,
        "Prompt",
        App_getHtmlSysMessageWithSourceString("Are you sure to delete this picture?"),
        null,
        function (e) {
            App_closeDialogByButtonEvent(e);
            
            App_Photo_deleteAction(photoId, onDeletedAction);
        });
}

function App_Photo_deleteAction(photoId, onDeletedAction)
{
    $.ajax({
        url: "https://vs.cga.gg/api/photo/delete",
        type: "POST",
        dataType: "json",
        data: {
            "photo_id":photoId
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            } else {
                if(onDeletedAction != null) {
                    onDeletedAction();
                }
            }
        }
    });
}

function App_Photo_setAsUserCoverPhoto(photoId, onCompleteAction)
{
    $.ajax({
        url: "https://vs.cga.gg/api/user/me/edit",
        type: "POST",
        dataType: "json",
        data: {
            "cover_photo_id":photoId
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            } else {
                if(onCompleteAction != null) {
                    onCompleteAction();
                }

                App_showDialogWithOkButton(null, "Prompt", App_getHtmlSysMessageWithSourceString("Your cover picture has been successfully saved."));
            }
        }
    });
}

function App_Photo_setAsUserPicturePhoto(photoId, onCompleteAction)
{
    $.ajax({
        url: "https://vs.cga.gg/api/user/me/edit",
        type: "POST",
        dataType: "json",
        data: {
            "picture_photo_id":photoId
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            } else {
                if(onCompleteAction != null) {
                    onCompleteAction();
                }

                App_showDialogWithOkButton(null, "Prompt", App_getHtmlSysMessageWithSourceString("Your profile picture has been successfully saved."));
            }
        }
    });
}

function App_dataURItoBlob(dataURI) {
    // convert base64/URLEncoded data component to raw binary data held in a string
    var byteString;
    if (dataURI.split(',')[0].indexOf('base64') >= 0)
        byteString = atob(dataURI.split(',')[1]);
    else
        byteString = unescape(dataURI.split(',')[1]);

    // separate out the mime component
    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

    // write the bytes of the string to a typed array
    var ia = new Uint8Array(byteString.length);
    for (var i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
    }

    return new Blob([ia], {type:mimeString});
}

function App_Photo_showPhotoDialog(photoId) {
    var $appOverlay = App_appendAppOverlay();

    var $photoDialog = $('<div id="Photo_Dialog" class="ui-front"></div>');
    $("body").append($photoDialog);

    $photoDialog.load("https://vs.cga.gg/photo/ajax_photo?photo_id=" + photoId);
}

function App_Photo_closePhotoDialog() {
    App_removeAppOverlay();

    $("#Photo_Dialog").remove();
}

function App_Activation_ActivationDialog_hideErrorMessageBox() {
    var $messageBox = $("#Dialog_activationDialog .ui_message_error");
    $messageBox.html("");
    $messageBox.hide();
}

function App_Activation_ActivationDialog_showErrorMessageBox(content) {
    var $messageBox = $("#Dialog_activationDialog .ui_message_error");
    $messageBox.html(content);
    $messageBox.show();
}

function Video_VideoDialog_hideErrorMessageBox() {
    var $messageBox = $("#Dialog_VideoDialog .ui_message_error");
    $messageBox.html("");
    $messageBox.hide();
}

function Video_VideoDialog_showErrorMessageBox(content) {
    var $messageBox = $("#Dialog_VideoDialog .ui_message_error");
    $messageBox.html(content);
    $messageBox.show();
}

function App_Activation_showMustActivationDialog(onCompleteAction)
{
    App_Activation_showActivationDialog(
        "Confirm phone number",
        "System need to verify your account to continue your operation.",
        onCompleteAction);
}

function App_Activation_showActivationDialog(title, message, onCompleteAction, phoneCountryCode, phoneNo)
{
    var html = '<div>' +
        '<div class="ui_message_error" style="display:none;"></div>';
    
    if(!System_checkIsEmptyString(message)) {
        html += '<div>' + message + '</div>' +
            '<br />';
    }
    
    html += '<input type="text" class="form-control phone_no" placeholder="Phone number" maxlength="20" />' +
        '<br />' +
        '<div style="margin:20px 0 10px 0;">' + "You will receive a SMS after you input your phone number. Please use the attached code to verify your phone number at CGA." + '</div>' +
        '</div>';
    
    App_showDialogWithButtonMaps("Dialog_activationDialog", title, html,
        {
            width: 500
        },
        {
            '<span class="loading_animation" style="background:none; display:none;"></span>Send<span class="loading_animation" style="display:none;"></span>': function (e) {
                var $sendButton = $(e.target);
                
                App_Activation_ActivationDialog_hideErrorMessageBox();
                var countryData = $("#Dialog_activationDialog .phone_no").intlTelInput("getSelectedCountryData");
                var phoneno = $("#Dialog_activationDialog .phone_no").val();

                if(System_checkIsEmptyString(phoneno)){
                    App_Activation_ActivationDialog_showErrorMessageBox(App_getHtmlSysMessageWithSourceString("Please input Phone Number."));
                    $("#Dialog_activationDialog .phone_no").focus().select();

                    return;
                }

                $sendButton.prop("disabled", true);
                $sendButton.find(".loading_animation").show();

                $.ajax({
                    url: 'https://vs.cga.gg/api/user/send_activation_sms',
                    type: "POST",
                    dataType: "json",
                    'data': {
                        'dial_code': countryData.dialCode,
                        'iso2': countryData.iso2.toUpperCase(),
                        'phoneno': phoneno
                    },
                    'success': function (result) {
                        App_Activation_ActivationDialog_hideErrorMessageBox();

                        if (result.error != null) {
                            if (result.error.code == 10060 ||
                                    result.error.code == 10061 ||
                                    result.error.code == 10062) {
                                App_Activation_ActivationDialog_showErrorMessageBox(result.error.message);
                                $("#Dialog_activationDialog .phone_no").focus().select();
                            }
                            else {
                                App_showDialogWithOkButton(null, result.error.title, result.error.message);
                            }
                        }
                        else {
                            App_Activation_showActivationCodeDialog(onCompleteAction);
                        }

                        $sendButton.prop("disabled", false);
                        $sendButton.find(".loading_animation").hide();
                    }
                });
            }
        },
        function()
        {
            var $phoneElement = $("#Dialog_activationDialog .phone_no");

            App_intlTelInput($phoneElement);
            
            if(!System_checkIsEmptyString(phoneCountryCode) && !System_checkIsEmptyString(phoneNo)) {
                try {
                    $phoneElement.intlTelInput("setCountry", phoneCountryCode);
                    $phoneElement.val(phoneNo);
                }
                catch(e) {
                }
            }

            setTimeout(function() {
                $("#Dialog_activationDialog .phone_no").focus().select();
            }, 0);
        });
}

function App_intlTelInput($input, countries) {
    if(countries == null) {
        countries = [
            'hk', 'au', 'at', 'by', 'cn', 'us', 'ar', 'bd', 'kh', 'ca', 'cl', 'co', 'hr', 'dk',
            'eg', 'fi', 'fr', 'gr', 'ge', 'hu', 'id', 'ir', 'it', 'in', 'il', 'ie', 'jp', 'kw',
            'li', 'lu', 'my', 'mo', 'mu', 'mx', 'nl', 'nz', 'ne', 'ng', 'no', 'pk', 'pa', 'pe',
            'ph', 'pl', 'pt', 'sg', 'sa', 'si', 'kr', 'za', 'sb', 'es', 'se', 'ch', 'tw', 'th',
            'tr', 'gb', 'ru', 'vn', 'ae', 'zw'
        ];
    }

    $input.blur(function(e) {
        $(this).val($(this).val().trim());
    });

    $input.intlTelInput({
        //utilsScript: "https://vs.cga.gg/js/intl-tel-input-master/js/utils.js",
        onlyCountries: countries,
        autoPlaceholder: false,
        dropdownContainer: "body"
    });
    
    try {
        $input.intlTelInput("setCountry", "HK");
    }
    catch(e) {
    }
}

function App_Activation_showActivationCodeDialog(onCompleteAction)
{
    var html = '<form method="post" id="Form_ActivationCode" enctype="multipart/form-data">' +
            '<div class="ui_message_error" style="display:none;"></div>' +
            '<br />' +
            '<div id="Dialog_activationDialog_description">' + "Please input the verification code in the SMS in order to verify your phone number." + '</div>' +
            '<div class="button_reportProblem" onclick="App_reportProblem();">Verification failed</div>' + //cannot using hyperlink here, if not, the textfield may be not focused
            '<br /><br />' +
            '<input type="text" id="ActivationCodeDialog_Code" class="form-control" placeholder="Verification code" maxlength="6" />' +
            '<br /><br />' +
            '<button id="ActivationCodeDialog_sendActivationCode" class="btn btn-blue ">' +
            '<span class="loading_animation" style="background:none; display:none;"></span>Submit<span class="loading_animation" style="display:none;"></span>' +
            '</button>' +
            '</form>';

    App_showDialogWithoutButton("Dialog_activationCodeDialog", "Please input the verification code in the SMS.", html, 
        {
            width:455,
        },
        function(event)
        {
            $('#ActivationCodeDialog_sendActivationCode').click(function(event) {
                event.preventDefault();
                App_Activation_ActivationDialog_hideErrorMessageBox();
                var code = $('#ActivationCodeDialog_Code').val();

                if(System_checkIsEmptyString(code)){
                    App_Activation_ActivationCodeDialog_showErrorMessageBox(App_getHtmlSysMessageWithSourceString("Please input the CAPTCHA."));
                    $("#ActivationCodeDialog_Code").focus().select();

                    return;
                }

                $("#ActivationCodeDialog_sendActivationCode").prop("disabled", true);
                $("#ActivationCodeDialog_sendActivationCode .loading_animation").show();

                $.ajax({
                    url: 'https://vs.cga.gg/api/user/account_activation',
                    type: "POST",
                    dataType: "json",
                    'data': {
                        'code': code
                    },
                    'success': function (result) {
                        App_Activation_ActivationCodeDialog_hideErrorMessageBox();

                        if (result.error != null) {
                            App_showDialogWithOkButton(null, result.error.title, App_convertNLtoBr(result.error.message), null, null,
                                function() {
                                    $("#ActivationCodeDialog_Code").focus().select();
                                });
                        }
                        else {
                            $("#Dialog_activationDialog").remove();
                            $("#Dialog_activationCodeDialog").remove();

                            App_showDialogWithOkButton(null, "Phone number has been verified.", "You have completed phone number verification.", null, null,
                                function() {
                                    if(onCompleteAction != null) {
                                        onCompleteAction(result);
                                    }
                                });
                        }

                        $("#ActivationCodeDialog_sendActivationCode").prop("disabled", false);
                        $("#ActivationCodeDialog_sendActivationCode .loading_animation").hide();
                    }
                });
            });
            
            setTimeout(function() {
                $("#ActivationCodeDialog_Code").focus();
            }, 0);
        });
}

function App_Activation_ActivationCodeDialog_hideErrorMessageBox() {
    var $messageBox = $("#Form_ActivationCode .ui_message_error");
    $messageBox.html("");
    $messageBox.hide();
}

function App_Activation_ActivationCodeDialog_showErrorMessageBox(content) {
    var $messageBox = $("#Form_ActivationCode .ui_message_error");
    $messageBox.html(content);
    $messageBox.show();
}

function App_Chatroom_generateChatHtml(message, userId, userUrlname, userNickname, userPicturePhotoUrl, userType, createdDatetime, attachments) {
    var titleHtml = '<div style="display:flex; flex:1; flex-direction:row; flex-wrap:wrap;">' +
            '<div class="name" style="flex:1;">' +
            '<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)) + '">' + userNickname + '</a>';

    if(userType == "gm") {
        titleHtml += '<span class="glyphicon glyphicon-ok-circle text-primary" style="margin-left:5px;" data-toggle="tooltip" data-placement="right" title="Admin" onmouseover=\'$(this).tooltip({html:true}); $(this).tooltip("show");\'></span>';
    }

    titleHtml += '</div>' +
            '<div class="action date_time_content" style="flex:initial;">' + App_getFormatSlashDateHourMinute(createdDatetime) + '</div>' +
            '</div>';


    /* form content - start */
    var contentHtml = '<div class="message emoji-wysiwyg-editor">';

    if(attachments != null) {
        for(var attachmentsIndex = 0; attachmentsIndex < attachments.length; ++attachmentsIndex) {
            var attachment = attachments[attachmentsIndex];
            if(attachment.type == "photo") {
                contentHtml += '<div><a href="' + attachment.url + '" target="blank"><img src="' + attachment.thumbnail_url + '" class="photo_thumb" title="' + attachment.url + '" /></a></div>';
            }
            else if(attachment.type == "toss_coin") {
                contentHtml += '<div class="toss_coin_result">' +
                    '<div class="coin ' + attachment.result + ' animation_toss_coin" data-toggle="tooltip" data-placement="right" title="<span style=\'white-space: nowrap;\'>' + "Toss Coin" + ': ' + (attachment.result == "heads" ? "Heads" : "Tails") + '</span>" onmouseover=\'$(this).tooltip({html:true}); $(this).tooltip("show");\'></div>' +
                    '</div>';
            }
        }
    }

    if(!System_checkIsEmptyString(message)) {
        var processingMessageHtml = $.emojiarea.convertToEmojiHtml(message);
        processingMessageHtml = autolinker.link(processingMessageHtml);
        processingMessageHtml = App_convertNLtoBr(processingMessageHtml);

        contentHtml += processingMessageHtml;
    }
    
    contentHtml += '</div>';
    /* form content - end */


    return App_generateIconAndTitleAndContentCellHtml(userPicturePhotoUrl,
            titleHtml,
            contentHtml,
            null,
            "photo",
            null,
            null,
            null,
            App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)),
            null,
            null);
}

function App_Chatroom_generateChatHtmlForTeamMember(message, userId, userUrlname, userNickname, userPicturePhotoUrl, userType, teamId, teamUrlname, teamName, teamLogoPhotoUrl, teamSerailNo, createdDatetime, attachments) {
    var teamCss = ((teamSerailNo == 1) ? 'color:DarkGreen;' : 'color:red;');

    var titleHtml = '<div style="display:flex; flex:1; flex-direction:row; flex-wrap:wrap;">' +
            '<div class="name" style="flex:1;">' +
            '<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)) + '" style="' + teamCss + '">' + userNickname + '</a>';

    if(userType == "gm") {
        titleHtml += '<span class="glyphicon glyphicon-ok-circle text-primary" style="margin-left:5px;" data-toggle="tooltip" data-placement="right" title="Admin" onmouseover=\'$(this).tooltip({html:true}); $(this).tooltip("show");\'></span>';
    }

    if(teamId != null) {
        titleHtml += '@<a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(teamUrlname, teamId)) + '" style="' + teamCss + '">' + teamName + '</a>';
    }

    titleHtml += '</div>' +
            '<div class="action date_time_content" style="flex:initial;">' + App_getFormatSlashDateHourMinute(createdDatetime) + '</div>' +
            '</div>';


    /* form content - start */
    var contentHtml = '<div class="message emoji-wysiwyg-editor">';

    if(attachments != null) {
        for(var attachmentsIndex = 0; attachmentsIndex < attachments.length; ++attachmentsIndex) {
            var attachment = attachments[attachmentsIndex];
            if(attachment.type == "photo") {
                contentHtml += '<div><a href="' + attachment.url + '" target="blank"><img src="' + attachment.thumbnail_url + '" class="photo_thumb" title="' + attachment.url + '" /></a></div>';
            }
            else if(attachment.type == "toss_coin") {
                contentHtml += '<div class="toss_coin_result">' +
                    '<div class="coin ' + attachment.result + ' animation_toss_coin" data-toggle="tooltip" data-placement="right" title="<span style=\'white-space: nowrap;\'>' + "Toss Coin" + ': ' + (attachment.result == "heads" ? "Heads" : "Tails") + '</span>" onmouseover=\'$(this).tooltip({html:true}); $(this).tooltip("show");\'></div>' +
                    '</div>';
            }
        }
    }

    if(!System_checkIsEmptyString(message)) {
        var processingMessageHtml = $.emojiarea.convertToEmojiHtml(message);
        processingMessageHtml = autolinker.link(processingMessageHtml);
        processingMessageHtml = App_convertNLtoBr(processingMessageHtml);

        contentHtml += processingMessageHtml;
    }
    
    contentHtml += '</div>';
    /* form content - end */


    return App_generateIconAndTitleAndContentCellHtml(userPicturePhotoUrl,
            titleHtml,
            contentHtml,
            null,
            "photo",
            null,
            null,
            null,
            App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)),
            null,
            null);
}

function App_Chatroom_generateChatroomMessageElementWithChatIdAndChatMessageData(chatId, chatMessageData) {
    var chatMessageDataMessage = null;
    if(chatMessageData.state == -3) {
        chatMessageDataMessage = App_Chatroom_generateRetractedChatMessageContentHtml();
    }
    else {
        if(chatMessageData.message != null) {
            chatMessageDataMessage = App_convertNLtoBr(chatMessageData.message);
        }
    }

    var html = '<div class="chat_message" message_id="' + chatMessageData.id + '">' +
        App_Chatroom_generateChatHtml(
            chatMessageDataMessage,
            chatMessageData.user.id, 
            chatMessageData.user.urlname, 
            chatMessageData.user.nickname, 
            chatMessageData.user.picture_url, 
            chatMessageData.user.type, 
            chatMessageData.datetime,
            chatMessageData.attachments);

    html += '<div class="setting" style="display:none;"></div>';

    html += '</div>';

    var $chatroomMessageElement = $(html);

    $chatroomMessageElement.on("mouseenter", function() {
        $(this).find(".setting").fadeIn(100);
    });

    $chatroomMessageElement.on("mouseleave", function() {
        $(this).find(".setting").fadeOut(100);
    });

    return $chatroomMessageElement;
}

function App_Chatroom_generateChatroomMessageElementForTeamMemberWithChatIdAndChatMessageDataAndTeam(chatId, chatMessageData, team) {
    var chatMessageDataMessage = null;
    if(chatMessageData.state == -3) {
        chatMessageDataMessage = App_Chatroom_generateRetractedChatMessageContentHtml();
    }
    else {
        if(chatMessageData.message != null) {
            chatMessageDataMessage = App_convertNLtoBr(chatMessageData.message);
        }
    }

    var html = '<div class="chat_message" message_id="' + chatMessageData.id + '">';
    
    if(team != null) {
        html += App_Chatroom_generateChatHtmlForTeamMember(
            chatMessageDataMessage,
            chatMessageData.user.id,
            chatMessageData.user.urlname,
            chatMessageData.user.nickname,
            chatMessageData.user.picture_url,
            chatMessageData.user.type,
            team.id,
            team.urlname,
            team.name,
            team.logo_photo_url,
            team.serial_no,
            chatMessageData.datetime,
            chatMessageData.attachments);
    }
    else {
        html += App_Chatroom_generateChatHtml(
            chatMessageDataMessage,
            chatMessageData.user.id, 
            chatMessageData.user.urlname, 
            chatMessageData.user.nickname, 
            chatMessageData.user.picture_url, 
            chatMessageData.user.type, 
            chatMessageData.datetime,
            chatMessageData.attachments);
    }

    html += '<div class="setting" style="display:none;"></div>';

    html += '</div>';

    var $chatroomMessageElement = $(html);

    $chatroomMessageElement.on("mouseenter", function() {
        $(this).find(".setting").fadeIn(100);
    });

    $chatroomMessageElement.on("mouseleave", function() {
        $(this).find(".setting").fadeOut(100);
    });

    return $chatroomMessageElement;
}

function App_Chatroom_generateRetractedChatMessageContentHtml() {
    return '<span style="color:lightgrey;">' + "This message has been deleted" + '</span>';
}

function App_Chatroom_appendChatroomMessageSettingRemoveButtonElement($chatroomMessageElement, chatId) {
    var $button = $('<div class="glyphicon glyphicon-remove" data-toggle="tooltip" title="Delete"></div>');
    $chatroomMessageElement.find(".setting:first").append($button);

    $button.click(function() {
        var $chatPanelElement = $(this).parentsUntil(".chat_panel").parent();
        var $chatroomMessageElement = $(this).parentsUntil(".chat_message").parent();

        App_showDialogWithLoadingAnimationConfirmAndCancelButton(
            null, 
            "Prompt", 
            App_convertNLtoBr("Confirm delete this message?"), 
            null, 
            function (e) {
                                var $confirmButton = $(e.target);

                $confirmButton.prop("disabled", true);
                $confirmButton.find(".loading_animation").show();

                $.ajax({
                    url: "https://vs.cga.gg/api/chatroom/%3Cchat_id%3E/retract_message/%3Cmessage_id%3E".replace("%3Cchat_id%3E", chatId).replace("%3Cmessage_id%3E", $chatroomMessageElement.attr("message_id")),
                    type: "POST",
                    dataType: "json",
                    data: null,
                    success: function (result) {
                        if (result.error != null) {
                            if (result.error.code == 401) {
                                App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                                    function() {
                                        App_redirectToUserLoginPage();
                                    });
                            }
                            else {
                                App_showDialogWithOkButton(null, result.error.title, result.error.message);
                            }
                        }
                        else {
                            App_closeDialog(App_getDialogByDialogButton($confirmButton));
                        }

                        $confirmButton.prop("disabled", false);
                        $confirmButton.find(".loading_animation").hide();
                    }
                });
            });
    });
}

function App_Chatroom_checkChatMessageIsAllowDeleted(chatMessageData)
{
    if(chatMessageData.state != 0) {
        return false;
    }

    if(chatMessageData.attachments != null) {
        for(var attachmentsIndex = 0; attachmentsIndex < chatMessageData.attachments.length; ++attachmentsIndex) {
            var attachment = chatMessageData.attachments[attachmentsIndex];

            if(attachment.type == "toss_coin") {
                return false;
            }
        }
    }

    return true;
}

function App_Topnav_showFriendInviteMenu() {
    App_appendBalloon($("#App_Topnav_friendInviteMenu"), {
        position: "bottom",
        forceShowTipTriangleName: "top",
        balloonPosition: "right",
        contents: '<div id="App_Topnav_friendInviteMenuBalloonCollection"><div class="loading_animation"></div></div>',
        showComplete: function () {
            App_Topnav_loadFriendInviteRequests();
        }
    });
}

function App_Topnav_loadFriendInviteRequests() {
    $.ajax({
        url: "https://vs.cga.gg/api/friend/invite_requests",
        type: "GET",
        dataType: "json",
        data: {
            "thumb_width":50,
            "thumb_height":50
        },
        success: function (result) {
            var html = "";

            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                var resultDataArray = result.data;
                if(resultDataArray.length > 0) {
                    for (var i = 0; i < resultDataArray.length; ++i) {
                        var friendInviteRequestData = resultDataArray[i];

                        if(i > 0) {
                            html += '<hr />';
                        }

                        html += '<div class="invite_request clearfix">' +
                            '<input type="hidden" class="request_id" value="' + friendInviteRequestData.id + '" />' +
                            '<input type="hidden" class="user_id" value="' + friendInviteRequestData.user_id + '" />' +
                            '<input type="hidden" class="user_urlname" value="' + (!System_checkIsEmptyString(friendInviteRequestData.user_urlname) ? friendInviteRequestData.user_urlname : '') + '" />' +
                            '<table class="valign_top">' +
                            '<tr>' +
                            '<td>' +
                            '<div class="photo"><a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(friendInviteRequestData.user_urlname, friendInviteRequestData.user_id)) + '"><img src="' + friendInviteRequestData.user_picture_url + '" /></a></div>' +
                            '</td>' +
                            '<td style="width:5px;">&nbsp;</td>' +
                            '<td>' +
                            '<div class="name"><a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(friendInviteRequestData.user_urlname, friendInviteRequestData.user_id)) + '">' + friendInviteRequestData.user_nickname + '</a></div>' +
                            '<div class="about">' + App_getSysMessageWithSourceStringAndParameter("Friend request received from %@ .", ('<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(friendInviteRequestData.user_urlname, friendInviteRequestData.user_id)) + '">' + friendInviteRequestData.user_nickname + '</a>')) + '</div>' +
                            '</td>' +
                            '<td style="width:5px;">&nbsp;</td>' +
                            '<td style="vertical-align:middle;">' +
                            '<button class="btn btn-blue accept_button" onclick="App_Topnav_acceptFriendInviteRequest(' + friendInviteRequestData.id + ', $(this).parent().parent().parent().parent().parent());"><span class="loading_animation" style="background:none; display:none;"></span>Accept<span class="loading_animation" style="display:none;"></span></button>' +
                            '&nbsp;' +
                            '<button class="btn btn-red reject_button" onclick="App_Topnav_rejectFriendInviteRequest(' + friendInviteRequestData.id + ', $(this).parent().parent().parent().parent().parent());"><span class="loading_animation" style="background:none; display:none;"></span>Reject<span class="loading_animation" style="display:none;"></span></button>' +
                            '</td>' +
                            '</tr>' +
                            '</table>' +
                            '</div>';
                    }
                }
                else {
                    html = "No invites";
                }
            }

            var $friendInviteMenuBalloonCollectionElement = $("#App_Topnav_friendInviteMenuBalloonCollection");
            var $friendInviteMenuBalloon = $friendInviteMenuBalloonCollectionElement.parent(".balloon");

            var orgFriendInviteMenuBalloonCollectionWidth = $friendInviteMenuBalloonCollectionElement.width();
            $friendInviteMenuBalloonCollectionElement.html(html);
            $friendInviteMenuBalloonCollectionElement.addClass("load_complete");
            $friendInviteMenuBalloon.css("left", (parseInt($friendInviteMenuBalloon.css("left")) - ($friendInviteMenuBalloonCollectionElement.width() - orgFriendInviteMenuBalloonCollectionWidth) - $.balloon.defaults.tipSize));
        }
    });
}

function App_Topnav_acceptFriendInviteRequest(id, $friendInviteRequestElement) {
    $acceptButton = $friendInviteRequestElement.children(".accept_button");
    $rejectButton = $friendInviteRequestElement.children(".reject_button");

    $acceptButton.prop("disabled", true);
    $acceptButton.children(".loading_animation").show();
    $rejectButton.prop("disabled", true);

    $.ajax({
        url: "https://vs.cga.gg/api/friend/accept_invite_request",
        type: "POST",
        dataType: "json",
        data: {
            "id":id
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else if(result.error.code == 10140) {
                    App_showDialogWithOkButton(null,
                        "Error",
                        App_getHtmlSysMessageWithSourceString("Invalid operation\nThat request may have been cancelled earlier."),
                        null,
                        null,
                        function () {
                            location.reload();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                App_redirectToUserPage(System_selectValidValue($friendInviteRequestElement.children(".user_urlname").val(), $friendInviteRequestElement.children(".user_id").val()));

                //reduce unread count
                App_unreadFriendInviteRequestCount = Math.max((App_unreadFriendInviteRequestCount - 1), 0);
                App_Topnav_setFriendInviteMenuCountLabel(App_unreadFriendInviteRequestCount);
            }

            $acceptButton.prop("disabled", false);
            $acceptButton.children(".loading_animation").hide();
            $rejectButton.prop("disabled", false);
        }
    });
}

function App_Topnav_rejectFriendInviteRequest(id, $friendInviteRequestElement) {
    $acceptButton = $friendInviteRequestElement.children(".accept_button");
    $rejectButton = $friendInviteRequestElement.children(".reject_button");

    $acceptButton.prop("disabled", true);
    $rejectButton.prop("disabled", true);
    $rejectButton.children(".loading_animation").show();

    $.ajax({
        url: "https://vs.cga.gg/api/friend/reject_invite_request",
        type: "POST",
        dataType: "json",
        data: {
            "id":id
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else if(result.error.code == 10140) {
                    App_showDialogWithOkButton(null,
                        "Error",
                        App_getHtmlSysMessageWithSourceString("Invalid operation\nThat request may have been cancelled earlier."),
                        null,
                        null,
                        function () {
                            location.reload();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                App_Topnav_loadFriendInviteRequests();

                //reduce unread count
                App_unreadFriendInviteRequestCount = Math.max((App_unreadFriendInviteRequestCount - 1), 0);
                App_Topnav_setFriendInviteMenuCountLabel(App_unreadFriendInviteRequestCount);
            }

            $acceptButton.prop("disabled", false);
            $rejectButton.prop("disabled", false);
            $rejectButton.children(".loading_animation").hide();
        }
    });
}

function App_Topnav_showNotificationMenu() {
    var balloonHtml = '<div id="App_Topnav_notificationMenuBalloonCollection"><div class="loading_animation"></div></div>';
    balloonHtml += '<a href="https://vs.cga.gg/user/notification" id="App_Topnav_notificationMenuBalloonShowMoreButton" style="display:none;">' + "Show all" + '</a>';

    App_appendBalloon($("#App_Topnav_notificationMenu"), {
        position: "bottom",
        forceShowTipTriangleName: "top",
        balloonPosition: "right",
        contents: balloonHtml,
        showComplete: function () {
            App_Topnav_loadNotificationRequests();
        }
    });
}

function App_Topnav_loadNotificationRequests() {
    }

function App_Topnav_loadTeamInviteRequests() {
    $.ajax({
        url: "https://vs.cga.gg/api/team/invite_request_list",
        type: "GET",
        dataType: "json",
        data: {
            "thumb_width":50,
            "thumb_height":50
        },
        success: function (result) {
            var html = "";

            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                var resultDataArray = result.data;
                if(resultDataArray.length > 0) {
                    for (var i = 0; i < resultDataArray.length; ++i) {
                        var teamInviteRequestData = resultDataArray[i];

                        if(i > 0) {
                            html += '<hr />';
                        }

                        html += '<div class="invite_request">' +
                            '<input type="hidden" class="request_id" value="' + teamInviteRequestData.id + '" />' +
                            '<input type="hidden" class="team_id" value="' + teamInviteRequestData.team_id + '" />' +
                            '<input type="hidden" class="team_urlname" value="' + (!System_checkIsEmptyString(teamInviteRequestData.team_urlname) ? teamInviteRequestData.team_urlname : '') + '" />' +
                            '<table class="valign_top">' +
                            '<tr>' +
                            '<td>' +
                            '<div class="photo"><a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(teamInviteRequestData.team_urlname, teamInviteRequestData.team_id)) + '"><img src="' + teamInviteRequestData.team_icon_url + '" /></a></div>' +
                            '</td>' +
                            '<td style="width:5px;">&nbsp;</td>' +
                            '<td>' +
                            '<div class="name">' + App_getSysMessageWithSourceStringAndParameters("%@ invites you to join team %@ .", new Array(('<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(teamInviteRequestData.request_user_urlname, teamInviteRequestData.request_user_id)) + '">' + teamInviteRequestData.request_user_nickname + '</a>'), ('<a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(teamInviteRequestData.team_urlname, teamInviteRequestData.team_id)) + '">' + teamInviteRequestData.team_name + '</a>'))) + '</div>' +
                            '<div class="about">' + (!System_checkIsEmptyString(teamInviteRequestData.about) ? teamInviteRequestData.about : '') + '</div>' +
                            '</td>' +
                            '<td style="width:5px;">&nbsp;</td>' +
                            '<td style="vertical-align:middle;">' +
                            '<button class="btn btn-blue accept_button" onclick="App_Topnav_acceptTeamInviteRequest(' + teamInviteRequestData.id + ', $(this).parent().parent().parent().parent().parent());"><span class="loading_animation" style="background:none; display:none;"></span>Accept<span class="loading_animation" style="display:none;"></span></button>' +
                            '&nbsp;' +
                            '<button class="btn btn-red reject_button" onclick="App_Topnav_rejectTeamInviteRequest(' + teamInviteRequestData.id + ', $(this).parent().parent().parent().parent().parent());"><span class="loading_animation" style="background:none; display:none;"></span>Reject<span class="loading_animation" style="display:none;"></span></button>' +
                            '</td>' +
                            '</tr>' +
                            '</table>' +
                            '</div>';
                    }
                }
                else {
                    html = "No invites";
                }
            }

            $("#App_Topnav_teamInviteMenuBalloonCollection .invite_request_collection").html(html);
        }
    });
}

function App_Topnav_acceptTeamInviteRequest(id, $teamInviteRequestElement) {
    var $acceptButton = $teamInviteRequestElement.children(".accept_button");
    var $rejectButton = $teamInviteRequestElement.children(".reject_button");

    $acceptButton.prop("disabled", true);
    $acceptButton.children(".loading_animation").show();
    $rejectButton.prop("disabled", true);

    $.ajax({
        url: "https://vs.cga.gg/api/team/accept_invite_request",
        type: "POST",
        dataType: "json",
        data: {
            "id":id
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else if (result.error.code == 10126) {
                    App_showDialogWithOkButton(null,
                        "Error",
                        App_getHtmlSysMessageWithSourceString("Invalid operation\nThat request may have been cancelled earlier."),
                        null,
                        null,
                        function () {
                            App_redirectToTeamInfoPage(System_selectValidValue($teamInviteRequestElement.children(".team_urlname").val(), $teamInviteRequestElement.children(".team_id").val()));

                            //reduce unread count
                            App_unreadTeamInviteRequestCount = Math.max((App_unreadTeamInviteRequestCount - 1), 0);
                            App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamInviteRequestCount);
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                App_redirectToTeamInfoPage(System_selectValidValue($teamInviteRequestElement.children(".team_urlname").val(), $teamInviteRequestElement.children(".team_id").val()));

                //reduce unread count
                App_unreadTeamInviteRequestCount = Math.max((App_unreadTeamInviteRequestCount - 1), 0);
                App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamInviteRequestCount);
            }

            $acceptButton.prop("disabled", false);
            $acceptButton.children(".loading_animation").hide();
            $rejectButton.prop("disabled", false);
        }
    });
}

function App_Topnav_rejectTeamInviteRequest(id, $teamInviteRequestElement) {
    var $acceptButton = $teamInviteRequestElement.children(".accept_button");
    var $rejectButton = $teamInviteRequestElement.children(".reject_button");

    $acceptButton.prop("disabled", true);
    $rejectButton.prop("disabled", true);
    $rejectButton.children(".loading_animation").show();

    $.ajax({
        url: "https://vs.cga.gg/api/team/reject_invite_request",
        type: "POST",
        dataType: "json",
        data: {
            "id":id
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else if (result.error.code == 10126) {
                    App_showDialogWithOkButton(null,
                        "Error",
                        App_getHtmlSysMessageWithSourceString("Invalid operation\nThat request may have been cancelled earlier."),
                        null,
                        null,
                        function () {
                            App_Topnav_loadTeamInviteRequests();

                            //reduce unread count
                            App_unreadTeamInviteRequestCount = Math.max((App_unreadTeamInviteRequestCount - 1), 0);
                            App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamInviteRequestCount);
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                App_Topnav_loadTeamInviteRequests();

                //reduce unread count
                App_unreadTeamInviteRequestCount = Math.max((App_unreadTeamInviteRequestCount - 1), 0);
                App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamInviteRequestCount);
            }

            $acceptButton.prop("disabled", false);
            $rejectButton.prop("disabled", false);
            $rejectButton.children(".loading_animation").hide();
        }
    });
}

function App_Topnav_loadTeamJoinRequests() {
    $.ajax({
        url: "https://vs.cga.gg/api/team/join_request_list",
        type: "GET",
        dataType: "json",
        data: {
            "thumb_width":50,
            "thumb_height":50
        },
        success: function (result) {
            var html = "";

            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                var resultDataArray = result.data;
                if(resultDataArray.length > 0) {
                    for (var i = 0; i < resultDataArray.length; ++i) {
                        var teamJoinRequestData = resultDataArray[i];

                        if(i > 0) {
                            html += '<hr />';
                        }

                        html += '<div class="join_request">' +
                            '<input type="hidden" class="request_id" value="' + teamJoinRequestData.id + '" />' +
                            '<input type="hidden" class="team_id" value="' + teamJoinRequestData.team_id + '" />' +
                            '<input type="hidden" class="team_urlname" value="' + (!System_checkIsEmptyString(teamJoinRequestData.team_urlname) ? teamJoinRequestData.team_urlname : '') + '" />' +
                            '<table class="valign_top">' +
                            '<tr>' +
                            '<td>' +
                            '<div class="photo"><a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(teamJoinRequestData.request_user_urlname, teamJoinRequestData.request_user_id)) + '"><img src="' + teamJoinRequestData.request_user_picture_url + '" /></a></div>' +
                            '</td>' +
                            '<td style="width:5px;">&nbsp;</td>' +
                            '<td>' +
                            '<div class="name">' + App_getSysMessageWithSourceStringAndParameters("%@ wants to join your team %@ .", new Array(('<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(teamJoinRequestData.request_user_urlname, teamJoinRequestData.request_user_id)) + '">' + teamJoinRequestData.request_user_nickname + '</a>'), ('<a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(teamJoinRequestData.team_urlname, teamJoinRequestData.team_id)) + '">' + teamJoinRequestData.team_name + '</a>'))) + '</div>' +
                            '<div class="about">' + (!System_checkIsEmptyString(teamJoinRequestData.about) ? teamJoinRequestData.about : '') + '</div>' +
                            '</td>' +
                            '<td style="width:5px;">&nbsp;</td>' +
                            '<td style="vertical-align:middle;">' +
                            '<button class="btn btn-blue accept_button" onclick="App_Topnav_acceptTeamJoinRequest(' + teamJoinRequestData.id + ', $(this).parent().parent().parent().parent().parent());"><span class="loading_animation" style="background:none; display:none;"></span>Accept<span class="loading_animation" style="display:none;"></span></button>' +
                            '&nbsp;' +
                            '<button class="btn btn-red reject_button" onclick="App_Topnav_rejectTeamJoinRequest(' + teamJoinRequestData.id + ', $(this).parent().parent().parent().parent().parent());"><span class="loading_animation" style="background:none; display:none;"></span>Reject<span class="loading_animation" style="display:none;"></span></button>' +
                            '</td>' +
                            '</tr>' +
                            '</table>' +
                            '</div>';
                    }
                }
                else {
                    html = "There are no joining request";
                }
            }

            $("#App_Topnav_teamInviteMenuBalloonCollection .join_request_collection").html(html);
        }
    });
}

function App_Topnav_acceptTeamJoinRequest(id, $teamJoinRequestElement) {
    var $acceptButton = $teamJoinRequestElement.children(".accept_button");
    var $rejectButton = $teamJoinRequestElement.children(".reject_button");

    $acceptButton.prop("disabled", true);
    $acceptButton.children(".loading_animation").show();
    $rejectButton.prop("disabled", true);

    $.ajax({
        url: "https://vs.cga.gg/api/team/accept_join_request",
        type: "POST",
        dataType: "json",
        data: {
            "id":id
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else if (result.error.code == 10128) {
                    App_showDialogWithOkButton(null,
                        "Error",
                        App_getHtmlSysMessageWithSourceString("Invalid operation\nThat request may have been cancelled earlier."),
                        null,
                        null,
                        function () {
                            App_redirectToTeamInfoPage(System_selectValidValue($teamJoinRequestElement.children(".team_urlname").val(), $teamJoinRequestElement.children(".team_id").val()));

                            //reduce unread count
                            App_unreadTeamJoinRequestCount = Math.max((App_unreadTeamJoinRequestCount - 1), 0);
                            App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamJoinRequestCount);
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                App_redirectToTeamInfoPage(System_selectValidValue($teamJoinRequestElement.children(".team_urlname").val(), $teamJoinRequestElement.children(".team_id").val()));

                //reduce unread count
                App_unreadTeamJoinRequestCount = Math.max((App_unreadTeamJoinRequestCount - 1), 0);
                App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamJoinRequestCount);
            }

            $acceptButton.prop("disabled", false);
            $acceptButton.children(".loading_animation").hide();
            $rejectButton.prop("disabled", false);
        }
    });
}

function App_Topnav_rejectTeamJoinRequest(id, $teamJoinRequestElement) {
    var $acceptButton = $teamJoinRequestElement.children(".accept_button");
    var $rejectButton = $teamJoinRequestElement.children(".reject_button");

    $acceptButton.prop("disabled", true);
    $rejectButton.prop("disabled", true);
    $rejectButton.children(".loading_animation").show();

    $.ajax({
        url: "https://vs.cga.gg/api/team/reject_join_request",
        type: "POST",
        dataType: "json",
        data: {
            "id":id
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
                else if (result.error.code == 10128) {
                    App_showDialogWithOkButton(null,
                        "Error",
                        App_getHtmlSysMessageWithSourceString("Invalid operation\nThat request may have been cancelled earlier."),
                        null,
                        null,
                        function () {
                            App_Topnav_loadTeamJoinRequests();

                            //reduce unread count
                            App_unreadTeamJoinRequestCount = Math.max((App_unreadTeamJoinRequestCount - 1), 0);
                            App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamJoinRequestCount);
                        });
                }
                else {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message);
                }
            }
            else {
                App_Topnav_loadTeamJoinRequests();

                //reduce unread count
                App_unreadTeamJoinRequestCount = Math.max((App_unreadTeamJoinRequestCount - 1), 0);
                App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamJoinRequestCount);
            }

            $acceptButton.prop("disabled", false);
            $rejectButton.prop("disabled", false);
            $rejectButton.children(".loading_animation").hide();
        }
    });
}
/*
function App_Topnav_getFriendInviteMenuCount()
{
    var count = 0;

    var $friendInviteMenuCountLabelElement = $("#App_Topnav_friendInviteMenu .count_label");

    var labelHtml = $friendInviteMenuCountLabelElement.html();
    if(!System_checkIsEmptyString(labelHtml)) {
        count = App_getUnformatNumber(labelHtml);
    }

    return count;
}

function App_Topnav_getNotificationMenuCount()
{
    var count = 0;

    var $notificationMenuCountLabelElement = $("#App_Topnav_notificationMenu .count_label");

    var labelHtml = $notificationMenuCountLabelElement.html();
    if(!System_checkIsEmptyString(labelHtml)) {
        count = App_getUnformatNumber(labelHtml);
    }

    return count;
}

function App_Topnav_getStartMenuCount()
{
    var count = 0;

    var $startMenuCountLabelElement = $("#App_Topnav_startMenu .count_label");

    var labelHtml = $startMenuCountLabelElement.html();
    if(!System_checkIsEmptyString(labelHtml)) {
        count = App_getUnformatNumber(labelHtml);
    }

    return count;
}

function App_Topnav_getTeamInviteMenuCount()
{
    var count = 0;

    var $teamInviteMenuCountLabelElement = $("#App_Topnav_teamInviteMenu .count_label");

    var labelHtml = $teamInviteMenuCountLabelElement.html();
    if(!System_checkIsEmptyString(labelHtml)) {
        count = App_getUnformatNumber(labelHtml);
    }

    return count;
}
*/
function App_Topnav_setFriendInviteMenuCountLabel(count)
{
    var $friendInviteMenuCountLabelElement = $("#App_Topnav_friendInviteMenu .count_label");

    if(count == 0) {
        $friendInviteMenuCountLabelElement.hide();
    }
    else {
        $friendInviteMenuCountLabelElement.show();
    }

    $friendInviteMenuCountLabelElement.html(count);
}

function App_Topnav_setNotificationMenuCountLabel(count)
{
    var $notificationMenuCountLabelElement = $("#App_Topnav_notificationMenu .count_label");

    if(count == 0) {
        $notificationMenuCountLabelElement.hide();
    }
    else {
        $notificationMenuCountLabelElement.show();
    }

    $notificationMenuCountLabelElement.html(count);
}

function App_Topnav_setStartMenuCountLabel(count)
{
    var $startMenuCountLabelElement = $("#App_Topnav_startMenu .count_label");

    if(count == 0) {
        $startMenuCountLabelElement.hide();
    }
    else {
        $startMenuCountLabelElement.show();
    }

    $startMenuCountLabelElement.html(count);
}

function App_Topnav_setTeamInviteMenuCountLabel(count)
{
    var $teamInviteMenuCountLabelElement = $("#App_Topnav_teamInviteMenu .count_label");

    if(count == 0) {
        $teamInviteMenuCountLabelElement.hide();
    }
    else {
        $teamInviteMenuCountLabelElement.show();
    }

    $teamInviteMenuCountLabelElement.html(count);
}

var App_apiAppUserInfoAjaxRequest = null;
function App_loopLoadAppUserInfo() {
    if(App_apiAppUserInfoAjaxRequest != null) {
        return;
    }

    App_apiAppUserInfoAjaxRequest = $.ajax({
        url: "https://vs.cga.gg/api/app/user_info",
        type: "POST",
        dataType: "json",
        data: {
            fields: ("friend_invite_request_unread_count" + ","
                    + "notification_unread_count" + ","
                    + "team_invite_request_unread_count" + ","
                    + "team_join_request_unread_count"),
            timezone: App_getFormatDateString(new Date(), "Z")
        },
        complete: function () {
            App_apiAppUserInfoAjaxRequest = null;

            if(!App_isLoopRunning) {
                return;
            }

                            setTimeout(App_loopLoadAppUserInfo, 30000);//30 seconds
                        },
        success: function (result) {
            if(!App_isLoopRunning) {
                return;
            }

            if (result.error != null) {
                if (result.error.code == 401) {
                    App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                        function () {
                            App_redirectToUserLoginPage();
                        });
                }
            }
            else {
                var resultData = result.data;

                App_unreadFriendInviteRequestCount = resultData.friend_invite_request_unread_count;
                App_Topnav_setFriendInviteMenuCountLabel(App_unreadFriendInviteRequestCount);

                App_unreadNotificationCount = resultData.notification_unread_count;
                App_Topnav_setNotificationMenuCountLabel(App_unreadNotificationCount);

                App_unreadTeamInviteRequestCount = resultData.team_invite_request_unread_count;
                App_unreadTeamJoinRequestCount = resultData.team_join_request_unread_count;
                App_Topnav_setTeamInviteMenuCountLabel(App_unreadTeamInviteRequestCount + App_unreadTeamJoinRequestCount);
            }
        }
    });
}

function App_Tournament_generateTournamentLocationInfoBasicHtml(name, description, iconPhotoUrl, coverPhotoUrl, latitude, longitude, startDate, endDate, startTime, endTime) {
    var html = '<div class="embed_tournament_location_info_basic">' +
        '<a href="' + GoogleMap_getRedirectToMapPageUrl(latitude, longitude) +'" target="_blank">' +
        '<img src="' + coverPhotoUrl + '" class="cover_photo" />' +
        '<div class="cover_photo_mask"></div>' +
        '<img src="' + iconPhotoUrl + '" class="icon_photo" />' +
        '<div class="info panel panel_padding" style="border-top-left-radius:0px; border-top-right-radius:0px;">' +
        '<div class="panel_gap_v"></div>' +
        '<div class="name">' + name + '</div>' +
        '</a>' +
        '<div class="description">';

    if(!System_checkIsEmptyString(description)) {
        html += description;
    }

    html += '</div>' +
        '<table class="table_layout valign_top">' +
        '<tr>' +
        '<td>' +
        '<div class="info_title">Date</div>' +
        '<div class="info_value">';

    if(!System_checkIsEmptyString(startDate)) {
        html += App_getFormatSlashDate(startDate);

        if(!System_checkIsEmptyString(endDate) && startDate != endDate) {
            html += ' - ' +  App_getFormatSlashDate(endDate) + '&nbsp;&nbsp;';
        }
    }
    else {
        html += '--';
    }

    html += '</div>' +
        '</td>' +
        '<td>' +
        '<div class="info_title">Location</div>' +
        '<div class="info_value">' +
        '<a href="' + GoogleMap_getRedirectToMapPageUrl(latitude, longitude) + '" target="_blank"><div class="location_icon"></div></a>' +
        '</div>' +
        '</td>' +
        '<td>' +
        '<div class="info_title">Time</div>' +
        '<div class="info_value">';

    if(!System_checkIsEmptyString(startTime)) {
        html += App_getFormatHourMinute(App_convertTimeStringToDate(startTime));

        if(!System_checkIsEmptyString(endTime) && startTime != endTime) {
            html += ' - ' + App_getFormatHourMinute(App_convertTimeStringToDate(endTime));
        }
    }
    else {
        html += '--';
    }

    html += '</div>' +
        '</td>' +
        '</tr>' +
        '</table>' +
        '<div class="panel_gap_v"></div>' +
        '</div>' +
        '</div>';

    return html;
}

function App_User_generateUserInfoBasicHtml(userId, userUrlname, userNickname, userPicturePhotoUrl, userCoverPhotoUrl, userTeamId, userTeamUrlname, userTeamName, games, gameRank, gamePoint) {
    var html = '';

    html += '<div class="embed_user_info_basic">';
    html += '<img src="' + userCoverPhotoUrl + '" class="cover_photo" />';
    html += '<div class="cover_photo_mask"></div>';
    html += '<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)) + '"><img src="' + userPicturePhotoUrl + '" class="picture_photo" /></a>';
    html += '<div class="info panel panel_padding" style="border-top-left-radius:0px; border-top-right-radius:0px;">';
    html += '<div class="panel_gap_v"></div>';
    html += '<a href="' + App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)) + '"><div class="name">' + userNickname + '</div></a>';
    html += '<div class="urlname">' + (!System_checkIsEmptyString(userUrlname)?('@' + userUrlname):'') + '</div>';
    html += '<table class="table_layout valign_top">';
    html += '<tr>';
    html += '<td>';
    html += '<div class="info_title">Games</div>';
    html += '<div class="info_value">';

    if(games != null && games.length > 0) {
        var game = games[0];

        html += game.code;
    }
    else {
        html += '--';
    }

    html += '</div>';
    html += '</td>';
    html += '<td>';
    html += '<div class="info_title">Team</div>';
    html += '<div class="info_value">';

    if(System_checkIsEmptyString(userTeamId)) {
        html += '--';
    }
    else {
        html += '<a href="' + App_getRedirectToTeamInfoPageUrl(System_selectValidValue(userTeamUrlname, userTeamId)) + '">' + userTeamName + '</a>';
    }

    html += '</div>';
    html += '</td>';
    html += '<td>';
    html += '<div class="info_title">Position</div>';
    html += '<div class="info_value">';

    if(games != null && games.length > 0) {
        var game = games[0];

        if(game.position_codes != null && game.position_codes.length > 0) {
            for(var i = 0; i < game.position_codes.length; ++i) {
                if(i > 0) {
                    html += '<br />';
                }

                html += game.position_codes[i];
            }
        }
        else {
            html += '--';
        }
    }
    else {
        html += '--';
    }

    html += '</div>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td class="panel_gap_v" colspan="3"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>';
    html += '<div class="info_title">Rank</div>';
    html += '<div class="info_value">' + (gameRank!=null?gameRank:'--') + '</div>';
    html += '</td>';
    html += '<td>';
    html += '<div class="info_title">Point</div>';
    html += '<div class="info_value">' + (gamePoint!=null?gamePoint:'--') + '</div>';
    html += '</td>';
    html += '<td>';
    html += '<div class="info_title">FOLLOWER</div>';
    html += '<div class="info_value">--</div>';//todo
    html += '</td>';
    html += '</tr>';
    html += '</table>';
    html += '<div class="panel_gap_v"></div>';
    html += '</div>';
    html += '</div>';

    return html;
}

function Pay_choosePaymentMethod(currency, paymentMethodDetails) {
    var availablePaymentMethodDetails = new Array();
    for(var i = 0; i < paymentMethodDetails.length; ++i) {
        var paymentMethodDetail = paymentMethodDetails[i];

        if(paymentMethodDetail.type == 3) {
                            continue;
                        }

        availablePaymentMethodDetails.push(paymentMethodDetail);
    }

    if(availablePaymentMethodDetails.length == 1) {
        window.location = availablePaymentMethodDetails[0].url;
        return;
    }
    else if(availablePaymentMethodDetails.length == 0) {
        alert("Error");
        return;
    }

    {
        var html = '<div class="dialog_content">' + "Please select a payment method to continue" + '<br /><br />';

        for(var i = 0; i < availablePaymentMethodDetails.length; ++i) {
            var paymentMethodDetail = paymentMethodDetails[i];

            if(paymentMethodDetail.type == 3) {
                html += '<div class="payment_method_option payme" onclick=\'window.location="' + paymentMethodDetail.url + '";\'>' +
                      "<div style=\"display:flex; flex-direction:row;\"><div style=\"flex:initial;\"><img src=\"https:\/\/vs.cga.gg\/image\/pay\/payme.png\" class=\"icon\" style=\"border:1px solid rgba(0, 0, 0, .10); border-radius:50%; height:40px; width:40px;\" \/><\/div><div style=\"flex:initial;\">&nbsp;<\/div><div style=\"flex:1;\"><div class=\"title\" style=\"flex:1;\">PayMe<\/div><\/div><\/div>" +
                      '</div>';
            }
            else if(paymentMethodDetail.type == 2) {
                html += '<div class="payment_method_option stripe" onclick=\'window.location="' + paymentMethodDetail.url + '";\'>' +
                      "<div style=\"display:flex; flex-direction:row;\"><div style=\"flex:initial;\"><img src=\"https:\/\/vs.cga.gg\/image\/pay\/stripe.png\" class=\"icon\" style=\"border:1px solid rgba(0, 0, 0, .10); border-radius:50%; height:40px; width:40px;\" \/><\/div><div style=\"flex:initial;\">&nbsp;<\/div><div style=\"flex:1;\"><div class=\"title\" style=\"flex:1;\">Credit or debit card<\/div><\/div><\/div>" +
                      '</div>';
            }
        }

        html += '</div>';

        App_showDialogWithoutButton(
            "Dialog_paymentMethodDialog", 
            "Payment Method", 
            html, 
            {
                width:300
            },
            function(event)
            {
                App_setDialogPositionToWindowCenter($("#Dialog_paymentMethodDialog"));
            });
    }
}

function Pay_Payme_checkIsSupportCurrencyCode(currencyCode) {
    var supportCurrencyCodes = Pay_Payme_getSupportCurrencyCodes();

    for(var i = 0; i < supportCurrencyCodes.length; ++i) {
        var supportCurrencyCode = supportCurrencyCodes[i];
        if(supportCurrencyCode == currencyCode) {
            return true;
        }
    }

    return false;
}

function Pay_Payme_getSupportCurrencyCodes() {
    return ["HKD"];
}

function Pay_Stripe_redirectToCheckout(stripeSessionId) {
    $("body").append('<script src="https://js.stripe.com/v3/"></scr' + 'ipt>');
    
    Pay_Stripe_redirectToCheckoutCore(stripeSessionId);
}

function Pay_Stripe_redirectToCheckoutCore(stripeSessionId) {
    if(typeof Stripe === "undefined") {
        setTimeout(function() {
            Pay_Stripe_redirectToCheckoutCore(stripeSessionId);
        }, 1);
    }
    else {
        var stripe = Stripe("pk_live_PvDGsw2ejInuC4sAjrFb8KUc00cgr0F5R7");
        stripe.redirectToCheckout({
            sessionId: stripeSessionId
        }).then(function (result) {
            alert(result.error.message);
        });
    }
}

function String_generateDateRangeString(date1, date2) {
    if(!System_checkIsEmptyString(date1) && !System_checkIsEmptyString(date2)) {
        return date1 + " - " + date2;
    }
    
    if(!System_checkIsEmptyString(date1)) {
        return "From %@".replace("%@", date1);
    }
    
    if(!System_checkIsEmptyString(date2)) {
        return "Until %@".replace("%@", date2);
    }
    
    return "";
}

function System_cloneJson(inputJson) {
    return JSON.parse(JSON.stringify(inputJson));
}

function System_checkIsEmptyString(content) {
    if(content == null || content.length == 0) {
        return true;
    }

    return false;
}

function System_shuffleArray(array) {
    for (var i = array.length - 1; i > 0; --i) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = array[i];
        array[i] = array[j];
        array[j] = temp;
    }
}

function System_shuffleJqueryChildrenWithParent($parent) {
    $parent.children().each(function(index) {
        $(this).insertAfter($parent.children().get(Math.floor(Math.random() * $parent.children().length)));
    });
}

function System_share(title, text, url)
{
    if (navigator.share) {
        navigator.share({
            title: title,
            text: text,
            url: url
        })/*.then(() => console.log('Successful share')).catch((error) => console.log('Error sharing', error))*/;
    }
    else {
        System_copyStringToClipboard(text, true);
    }
}

function System_shareWithContenteditableElement($input, title, url)
{
    if (navigator.share) {
        System_share(title, $input.text(), url);
    }
    else {
        System_copyContenteditableElementToClipboard($input, true);
    }
}

function System_copyStringToClipboard(content, isShowInform)
{
    if(isShowInform == null) {
        isShowInform = false;
    }

    var $temp = $("<textarea>");
    $("body").append($temp);

    $temp.val(content);

    if(App_checkBrowserIsIOS()) {
        $temp[0].contentEditable = true;
        $temp[0].readOnly = false;

        var range = document.createRange();
        range.selectNodeContents($temp[0]);
        var selection = window.getSelection();
        selection.removeAllRanges();
        selection.addRange(range);
        $temp[0].setSelectionRange(0, 999999);
    }
    else {
        $temp.select();
    }

    document.execCommand("copy");
    $temp.remove();
    
    if(isShowInform) {
        App_toastr("Copied to clipboard");
    }
}

function System_copyContenteditableElementToClipboard($input, isShowInform)
{
    if(isShowInform == null) {
        isShowInform = false;
    }
    if(App_checkBrowserIsIOS()) {
        var $temp = $("<textarea>");
        $("body").append($temp);

        $temp.val($input.text());

        $temp[0].contentEditable = true;
        $temp[0].readOnly = false;

        var range = document.createRange();
        range.selectNodeContents($temp[0]);
        var selection = window.getSelection();
        selection.removeAllRanges();
        selection.addRange(range);
        $temp[0].setSelectionRange(0, 999999);

        document.execCommand("copy");
        $temp.remove();
    }
    else {
        $input.show();

        System_selectAllContenteditableElement($input);
        document.execCommand("copy");

        $input.hide();
    }
    
    if(isShowInform) {
        App_toastr("Copied to clipboard");
    }
}

function System_escapeJavascriptQuoteString(content)
{
    if(content == null) {
        return null;
    }

    return content.replace(/\"/g, "&quot;").replace(/\'/g, "&apos;");
}

function System_historyBack() {
    history.back(-1);
}

//input type="email", must use this function to trim in mobile
function System_forceTrimElementVal($element) {
    var backupVal = $element.val().trim();

    if(backupVal.length == 0) {
        $element.val("a");//random value, because of empty string no effect
    }
    else {
        $element.val("");
    }

    $element.val(backupVal);
}

function System_getFileExtension(path)
{
    return path.split('.').pop();
}

function System_getUrlHash(url)
{
    var sharpSignIndex = url.indexOf('#');
    if(sharpSignIndex != -1) {
        return url.substring(sharpSignIndex + 1);
    }

    return null;
}

function System_getUrlWithoutHash(url)
{
    var sharpSignIndex = url.indexOf('#');
    if(sharpSignIndex != -1) {
        return url.substring(0, sharpSignIndex);
    }

    return url;
}

//how to get parameter value: var fType = getUrlVars()["type"];
function System_getUrlParameters(url)
{
    var vars = {};
    var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi,
        function(m,key,value) {
            vars[key] = value;
        });

    return vars;
}

function System_setUrlParameter(url, parameterName, parameterValue)
{
    var urlParameters = System_getUrlParameters(url);

    urlParameters[parameterName] = parameterValue;

    var urlParameterNames = Object.keys(urlParameters);

    var newUrl = url.split("?")[0];
    for(var i = 0; i < urlParameterNames.length; ++i) {
        var urlParameterName = urlParameterNames[i];

        if(i > 0) {
            newUrl += "&";
        }
        else {
            newUrl += "?";
        }

        newUrl += urlParameterName + "=" + urlParameters[urlParameterName];
    }

    return newUrl;
}

function System_selectValidValue(urlname, id)
{
    return (!System_checkIsEmptyString(urlname) ? urlname : id);
}

function System_disableContenteditableElement($element, isDisabled)
{
    if(isDisabled) {
        $element.attr("contenteditable", "false");
        $element.attr("disabled", "disabled");
    }
    else {
        $element.attr("contenteditable", "true");
        $element.removeAttr("disabled");
    }
}

function System_selectAllContenteditableElement($element)
{
    if (document.body.createTextRange) {
        var range = document.body.createTextRange();
        range.moveToElementText($element[0]);
        range.select();
    }
    else if (window.getSelection) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents($element[0]);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

/* team game info - start */
var Team_gameInfoes = new Array();
var Team_onAddGameInfoEvent = null;
var Team_onRemoveGameInfoEvent = null;

function Team_initGameInfo()
{
    Team_gameInfoes = new Array();
    Team_onAddGameInfoEvent = null;
    Team_onRemoveGameInfoEvent = null;
}

function Team_loadGameInfo(gameInfoJsons)
{
    Team_gameInfoes = gameInfoJsons;
}

function Team_setOnAddGameInfoEvent(event)
{
    Team_onAddGameInfoEvent = event;
}

function Team_setOnRemoveGameInfoEvent(event)
{
    Team_onRemoveGameInfoEvent = event;
}

function Team_countGameInfo($parentElement)
{
    return $parentElement.find(".game_info").length;
}

function Team_removeGameInfo($removeButtonElement)
{
    var $gameInfoElement = $removeButtonElement.parent();

    $gameInfoElement.remove();

    if(Team_onRemoveGameInfoEvent != null) {
        Team_onRemoveGameInfoEvent();
    }
}

function Team_changeGameInfoGame($gameElement)
{
    var $gameInfoElement = $gameElement.parent();
    var $consoleElement = $gameInfoElement.children(".console");
    var $serverElement = $gameInfoElement.children(".server");

    //$consoleElement.hide();
    //$serverElement.hide();

    for(var i = 0; i < Team_gameInfoes.length; ++i) {
        var game = Team_gameInfoes[i];
        if(game.code == $gameElement.val()) {
            if(game.consoles != null ) {
                var consoleHtml = '<option value="" disabled selected hidden>Gaming platform</option>';

                //consoleHtml += '<option value="">All platforms</option>';

                for(var j = 0; j < game.consoles.length; ++j) {
                    var console = game.consoles[j];

                    consoleHtml += '<option value="' + console.code + '" ' + ((game.consoles.length == 1) ? 'selected="selected"' : '') + '>' + console.name + '</option>';
                }

                $consoleElement.html(consoleHtml);
                Team_changeGameInfoConsole($consoleElement);
                //$consoleElement.show();
            }

            break;
        }
    }
}

function Team_changeGameInfoConsole($consoleElement)
{
    var $gameInfoElement = $consoleElement.parent();
    var $gameElement = $gameInfoElement.children(".game");
    var $serverElement = $gameInfoElement.children(".server");

    //$serverElement.hide();

    var serverHtml = '<option value="" disabled selected hidden>Server</option>';

    for(var i = 0; i < Team_gameInfoes.length; ++i) {
        var game = Team_gameInfoes[i];
        if(game.code == $gameElement.val()) {
            if(!System_checkIsEmptyString($consoleElement.val())) {
                if(game.consoles != null ) {
                    for(var j = 0; j < game.consoles.length; ++j) {
                        var console = game.consoles[j];
                        if(console.code == $consoleElement.val()) {
                            if(console.servers != null ) {
                                for(var k = 0; k < console.servers.length; ++k) {
                                    var server = console.servers[k];

                                    serverHtml += '<option value="' + server.id + '" ' + ((console.servers.length == 1) ? 'selected="selected"' : '') + '>' + server.name + '</option>';
                                }
                            }

                            break;
                        }
                    }
                }
            }/*
            else {
                if(game.consoles != null ) {
                    var addedServerIds = new Array();

                    for(var j = 0; j < game.consoles.length; ++j) {
                        var console = game.consoles[j];
                        if(console.servers != null ) {
                            for(var k = 0; k < console.servers.length; ++k) {
                                var server = console.servers[k];

                                var isAddedServerId = false;
                                for(var n = 0; n < addedServerIds.length; ++n) {
                                    if(addedServerIds[n] == server.id) {
                                        isAddedServerId = true;
                                        break;
                                    }
                                }

                                if(isAddedServerId) {
                                    continue;
                                }
                                else {
                                    serverHtml += '<option value="' + server.id + '" ' + ((console.servers.length == 1) ? 'selected="selected"' : '') + '>' + server.name + '</option>';
                                    addedServerIds.push(server.id);
                                }
                            }
                        }
                    }
                }
            }*/
        }
    }

    $serverElement.html(serverHtml);
    //$serverElement.show();
}

function Team_convertAllGameInfoToJson($parentElement)
{
    var gameInfoes = new Array();

    $parentElement.find(".game_info").each(function() {
        var $gameInfoElement = $(this);

        var $gameElement = $gameInfoElement.children(".game");

        if(System_checkIsEmptyString($gameElement.val())) {
            return;//continue
        }

        var $consoleElement = $gameInfoElement.children(".console");
        var $serverElement = $gameInfoElement.children(".server");

        var gameInfo = {
            "game_code":$gameElement.val(),
            "console_code":$consoleElement.val(),
            "server_id":$serverElement.val()
        };
        gameInfoes.push(gameInfo);
    });

    return JSON.stringify(gameInfoes);
}
/* team game info - end */

/* user game info - start */
function User_initGameInfo()
{
    Team_initGameInfo();
}

function User_loadGameInfo(gameInfoJsons)
{
    Team_loadGameInfo(gameInfoJsons);
}

function User_setOnAddGameInfoEvent(event)
{
    Team_setOnAddGameInfoEvent(event);
}

function User_setOnRemoveGameInfoEvent(event)
{
    Team_setOnRemoveGameInfoEvent(event);
}

function User_countGameInfo($parentElement)
{
    return Team_countGameInfo($parentElement);
}

function User_removeGameInfo($removeButtonElement)
{
    Team_removeGameInfo($removeButtonElement);
}

function User_changeGameInfoGame($gameElement)
{
    var $gameInfoElement = $gameElement.parent();
    var $consoleElement = $gameInfoElement.children(".console");
    var $serverElement = $gameInfoElement.children(".server");
    var $gameAccountElement = $gameInfoElement.children(".game_account");

    //$consoleElement.hide();
    //$serverElement.hide();
    //$gameAccountElement.hide();
    
    $gameAccountElement.attr("placeholder", "Game account");

    for(var i = 0; i < Team_gameInfoes.length; ++i) {
        var game = Team_gameInfoes[i];
        if(game.code == $gameElement.val()) {
            if(game.consoles != null ) {
                var consoleHtml = '<option value="" disabled selected hidden>Gaming platform</option>';

                //consoleHtml += '<option value="">All platforms</option>';

                for(var j = 0; j < game.consoles.length; ++j) {
                    var console = game.consoles[j];

                    consoleHtml += '<option value="' + console.code + '" ' + ((game.consoles.length == 1) ? 'selected="selected"' : '') + '>' + console.name + '</option>';
                }

                $consoleElement.html(consoleHtml);
                User_changeGameInfoConsole($consoleElement);
                //$consoleElement.show();

                //$gameAccountElement.show();
            }

            break;
        }
    }
}

function User_changeGameInfoConsole($consoleElement)
{
    var $gameInfoElement = $consoleElement.parent();
    var $gameElement = $gameInfoElement.children(".game");
    var $serverElement = $gameInfoElement.children(".server");
    var $gameAccountElement = $gameInfoElement.children(".game_account");

    //$serverElement.hide();

    if(!System_checkIsEmptyString($gameElement.val())) {
        for(var i = 0; i < Team_gameInfoes.length; ++i) {
            var game = Team_gameInfoes[i];
            if(game.code == $gameElement.val()) {

                if(!System_checkIsEmptyString($consoleElement.val())) {
                    if(game.consoles != null ) {
                        for(var j = 0; j < game.consoles.length; ++j) {
                            var console = game.consoles[j];
                            if(console.code == $consoleElement.val()) {
                                $gameAccountElement.attr("placeholder", console.account_platform_msg);

                                break;
                            }
                        }
                    }
                }

                break;
            }
        }
        /*
        App_bindBalloon($gameAccountElement,
        {
            position: "bottom",
            contents: '<div></div>',
            showComplete: function () {
                var $contentElement = $(this).children("div:first-child");

                if(System_checkIsEmptyString($consoleElement.val())) {
                    $contentElement.html(App_getHtmlSysMessageWithSourceString("Please select the gaming platform."));
                    return;
                }

                for(var i = 0; i < Team_gameInfoes.length; ++i) {
                    var game = Team_gameInfoes[i];
                    if(game.code == $gameElement.val()) {

                        if(!System_checkIsEmptyString($consoleElement.val())) {
                            if(game.consoles != null ) {
                                for(var j = 0; j < game.consoles.length; ++j) {
                                    var console = game.consoles[j];
                                    if(console.code == $consoleElement.val()) {
                                        $contentElement.html(console.account_brief_msg);

                                        break;
                                    }
                                }
                            }
                        }

                        break;
                    }
                }
            }
        });*/
        
        App_tooltip($gameAccountElement, function() {
                if(System_checkIsEmptyString($consoleElement.val())) {
                    return App_getHtmlSysMessageWithSourceString("Please select the gaming platform.");
                }

                for(var i = 0; i < Team_gameInfoes.length; ++i) {
                    var game = Team_gameInfoes[i];
                    if(game.code == $gameElement.val()) {

                        if(!System_checkIsEmptyString($consoleElement.val())) {
                            if(game.consoles != null ) {
                                for(var j = 0; j < game.consoles.length; ++j) {
                                    var console = game.consoles[j];
                                    if(console.code == $consoleElement.val()) {
                                        return console.account_brief_msg;
                                    }
                                }
                            }
                        }

                        break;
                    }
                }
            });
        
        /*
        $gameAccountElement.tooltip({
                    content: function() {
                    return "<div>aaa</div>";
                    }
                });*/
    }

    var serverHtml = '<option value="" disabled selected hidden>Server</option>';

    for(var i = 0; i < Team_gameInfoes.length; ++i) {
        var game = Team_gameInfoes[i];
        if(game.code == $gameElement.val()) {
            if(!System_checkIsEmptyString($consoleElement.val())) {
                if(game.consoles != null ) {
                    for(var j = 0; j < game.consoles.length; ++j) {
                        var console = game.consoles[j];
                        if(console.code == $consoleElement.val()) {
                            if(console.servers != null ) {
                                for(var k = 0; k < console.servers.length; ++k) {
                                    var server = console.servers[k];

                                    serverHtml += '<option value="' + server.id + '" ' + ((console.servers.length == 1) ? 'selected="selected"' : '') + '>' + server.name + '</option>';
                                }
                            }

                            break;
                        }
                    }
                }
            }/*
            else {
                if(game.consoles != null ) {
                    var addedServerIds = new Array();

                    for(var j = 0; j < game.consoles.length; ++j) {
                        var console = game.consoles[j];
                        if(console.servers != null ) {
                            for(var k = 0; k < console.servers.length; ++k) {
                                var server = console.servers[k];

                                var isAddedServerId = false;
                                for(var n = 0; n < addedServerIds.length; ++n) {
                                    if(addedServerIds[n] == server.id) {
                                        isAddedServerId = true;
                                        break;
                                    }
                                }

                                if(isAddedServerId) {
                                    continue;
                                }
                                else {
                                    serverHtml += '<option value="' + server.id + '" ' + ((console.servers.length == 1) ? 'selected="selected"' : '') + '>' + server.name + '</option>';
                                    addedServerIds.push(server.id);
                                }
                            }
                        }
                    }
                }
            }*/
        }
    }

    $serverElement.html(serverHtml);
    //$serverElement.show();
}

function User_convertAllGameInfoToJson($parentElement)
{
    var gameInfoes = new Array();

    $parentElement.find(".game_info").each(function() {
        var $gameInfoElement = $(this);

        var $gameElement = $gameInfoElement.children(".game");

        if(System_checkIsEmptyString($gameElement.val())) {
            return;//continue
        }

        var $consoleElement = $gameInfoElement.children(".console");
        var $serverElement = $gameInfoElement.children(".server");
        var $gameAccountElement = $gameInfoElement.children(".game_account");

        var gameInfo = {
            "game_code":$gameElement.val(),
            "console_code":$consoleElement.val(),
            "server_id":$serverElement.val(),
            "game_account":$gameAccountElement.val()
        };
        gameInfoes.push(gameInfo);
    });

    return JSON.stringify(gameInfoes);
}
/* user game info - end */

/* user game position info - start */
var User_gamePositionInfoes = new Array();
var User_onAddGamePositionInfoEvent = null;
var User_onRemoveGamePositionInfoEvent = null;

function User_initGamePositionInfo()
{
    User_gamePositionInfoes = new Array();
    User_onAddGamePositionInfoEvent = null;
    User_onRemoveGamePositionInfoEvent = null;
}

function User_loadGamePositionInfo(gamePositionInfoJsons)
{
    User_gamePositionInfoes = gamePositionInfoJsons;
}

function User_setOnAddGamePositionInfoEvent(event)
{
    User_onAddGamePositionInfoEvent = event;
}

function User_setOnRemoveGamePositionInfoEvent(event)
{
    User_onRemoveGamePositionInfoEvent = event;
}

function User_countGamePositionInfo($parentElement)
{
    return $parentElement.find(".game_position_info").length;
}

function User_addGamePositionInfo($parentElement)
{
    var gamePositionInfoHtml = '<select class="game" style="width:95px;" required onchange="User_changeGamePositionInfoGame($(this));"></select>';
    gamePositionInfoHtml += '<select class="position" style="width:95px;" required></select>';
    gamePositionInfoHtml += '<div class="remove_item_link" onclick="User_removeGamePositionInfo($(this));">' + "Delete" + '</div>';

    $parentElement.append($('<div class="game_position_info">' + gamePositionInfoHtml + '</div>'));

    var $gamePositionInfoElement = $parentElement.find(".game_position_info").last();

    var $gameElement = $gamePositionInfoElement.find(".game");

    var gameHtml = '<option value="" disabled selected hidden>Game</option>';
    for(var i = 0; i < User_gamePositionInfoes.length; ++i) {
        var game = User_gamePositionInfoes[i];

        gameHtml += '<option value="' + game.code + '">' + game.code + '</option>';
    }

    $gameElement.html(gameHtml);
    User_changeGamePositionInfoGame($gameElement);

    if(User_onAddGamePositionInfoEvent != null) {
        User_onAddGamePositionInfoEvent();
    }
}

function User_removeGamePositionInfo($removeButtonElement)
{
    var $gamePositionInfoElement = $removeButtonElement.parent();

    $gamePositionInfoElement.remove();

    if(User_onRemoveGamePositionInfoEvent != null) {
        User_onRemoveGamePositionInfoEvent();
    }
}

function User_changeGamePositionInfoGame($gameElement)
{
    var $gamePositionInfoElement = $gameElement.parent();
    var $positionElement = $gamePositionInfoElement.children(".position");

    $positionElement.hide();

    for(var i = 0; i < User_gamePositionInfoes.length; ++i) {
        var game = User_gamePositionInfoes[i];
        if(game.code == $gameElement.val()) {
            if(game.positions != null ) {
                var positionHtml = '<option value="" disabled selected hidden>Position</option>';

                for(var j = 0; j < game.positions.length; ++j) {
                    var position = game.positions[j];

                    positionHtml += '<option value="' + position.code + '">' + position.code + '</option>';
                }

                $positionElement.html(positionHtml);
                $positionElement.show();
            }

            break;
        }
    }
}

function User_convertAllGamePositionInfoToJson($parentElement)
{
    var gamePositionInfoes = new Array();

    $parentElement.find(".game_position_info").each(function() {
        var $gamePositionInfoElement = $(this);

        var $gameElement = $gamePositionInfoElement.children(".game");

        if(System_checkIsEmptyString($gameElement.val())) {
            return;//continue
        }

        var $positionElement = $gamePositionInfoElement.children(".position");

        var gamePositionInfo = {
            "game_code":$gameElement.val(),
            "position_code":$positionElement.val()
        };
        gamePositionInfoes.push(gamePositionInfo);
    });

    return JSON.stringify(gamePositionInfoes);
}
/* user game position info - end */

function User_showVideoDialog(userId, userUrlname, userNickname, userPicturePhotoUrl, videoUrl, videoTitle)
{
    var $modal = $('<div class="modal fade" role="dialog"><div id="Dialog_videoDialog" class="modal-dialog"><div class="modal-content"><div style="text-align:center;"><div class="loading_animation"></div></div></div></div></div>').modal({backdrop: true});
    $modal.on('hidden.bs.modal', function () {
        $modal.remove();
    });
    $modal.on('shown.bs.modal', function () {
        //In iOS, the translation animation seems will not play to the end, so force assign the opacity
        $(this).css('opacity', ".99");


        $modalContent = $(this).find('.modal-content:first');

        var videoWidth = Math.floor($modalContent.width());
        var videoHeight = Math.floor(videoWidth * 0.56);

        {
            var modalContentHtml = '<div>' + Video_convertUrlToEmbedHtml(videoUrl, true, videoWidth, videoHeight) + '</div>' +
                '<div class="owner_area">' +
                App_generateIconAndTitleAndContentCellHtml(userPicturePhotoUrl,
                    userNickname,
                    videoTitle,
                    null,
                    null,
                    null,
                    null,
                    null,
                    App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)),
                    App_getRedirectToUserPageUrl(System_selectValidValue(userUrlname, userId)),
                    null) +
                '</div>' +
                '<div class="advertisement_area"></div>';
        }

        $modalContent.html(modalContentHtml);
        $modalContent.find(".owner_area:first a").on("click", function(){App_closeDialog2($("#Dialog_videoDialog"));});

        var $advertisement = $(App_Advertisement_generateAdvertisementHtml(4, videoWidth, (videoHeight / 2), true));
        $modalContent.find(".advertisement_area:first").append($advertisement);

        setTimeout(
            function() {
                $advertisement.remove();
            },
            20000//20 seconds
        );
    });
}

function Socket_keepConnectionAlive()
{
    setTimeout(
        function() {
            Socket_keepConnectionAliveCore();

            Socket_keepConnectionAlive();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAliveCore()
{
    try {
        if(cgaSocketConnection != null) {
            if(cgaSocketConnection.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection.message('generic.event', {});
            }
            else if(cgaSocketConnection.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection = new BrainSocket(
                    Socket_createWebSocket(),
                    cgaSocketConnection.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection = null;
function Socket_getConnection()
{
    if(cgaSocketConnection == null)
    {
        cgaSocketConnection = new BrainSocket(
            Socket_createWebSocket(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection.connection.onopen = function () {
            Socket_keepConnectionAlive();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAliveCore();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection != null) {
                cgaSocketConnection.connection.onclose = function () {};
                cgaSocketConnection.connection.close();
            }
        };
    }

    return cgaSocketConnection;
}

function Socket_createWebSocket()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws00");
}
/*
function Socket_Chatroom_join(connection, chatId)
{
    }
*/
function App_simplifyEmojiareaEditorValOnInput($emojiarea) {
    $emojiarea.next().on("input", function() {
        $(this).find("*").each(function() {
            if($(this).prop("tagName") == "IMG" &&
                    $(this).hasClass("emoji")) {
            }
            else if($(this).prop("tagName") == "BR") {
            }
            else if($(this).prop("tagName") == "DIV" &&
                    $(this).hasClass("loading_animation")) {
                var $temp = $("<div></div>");
                $temp.html($emojiarea.editorVal());
                $temp.find("div.loading_animation").each(function() {
                    $(this).remove();
                });

                $emojiarea.editorVal($.emojiarea.convertToEmojiHtml($temp.html()));

                $emojiarea.next().blur();

                return false;//break;
            }
            else if($(this).prop("tagName") == "A" ||
                    $(this).prop("tagName") == "DIV" ||
                    $(this).prop("tagName") == "SPAN") {
                $(this).removeAttr("class");
                $(this).removeAttr("style");
            }
            else {
                var $temp = $("<div></div>");
                $temp.html($emojiarea.editorVal());
                $temp.find("div.loading_animation").each(function() {
                    $(this).remove();
                });

                $emojiarea.editorVal($.emojiarea.convertToEmojiHtml($temp.html()));

                $emojiarea.next().blur();

                return false;//break;
            }
        });
    });
}

function App_commonChatroomTalk(connection, chatId, message, $chatImageElement)
{
    var httpFormData = null;
    if($chatImageElement.length > 0) {
        $chatImageElement.hide();

        var orgChatImagePreviewSize = $chatImageElement.cropit('previewSize');
        var orgChatImageZoom = $chatImageElement.cropit("zoom");
        var orgChatImageOffset = $chatImageElement.cropit("offset");

        $chatImageElement.cropit('previewSize', App_limitUploadImageSize($chatImageElement.cropit('imageSize')));
        var imageData = $chatImageElement.cropit('export');
        if(imageData != null) {
            $chatImageElement.cropit('previewSize', orgChatImagePreviewSize);
            $chatImageElement.cropit('zoom', orgChatImageZoom);
            $chatImageElement.cropit('offset', orgChatImageOffset);

            httpFormData = new FormData();
            httpFormData.append("message", message);
            httpFormData.append("image", App_dataURItoBlob(imageData));

            $chatImageElement.show();

            $chatImageElement.find(".remove_button").hide();
        }
    }

    if(httpFormData != null) {
        $.ajax({
            url: "https://vs.cga.gg/api/chatroom/%3Cchat_id%3E/talk".replace("%3Cchat_id%3E", chatId),
            type: "POST",
            dataType: "json",
            processData: false,
            contentType: false,
            data: httpFormData,
            success: function (result) {
                if (result.error != null) {
                    if (result.error.code == 401) {
                        App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                            function() {
                                App_redirectToUserLoginPage();
                            });
                    }
                    else {
                        App_showDialogWithOkButton(null, result.error.title, result.error.message);
                    }
                }
            }
        });
    }
    else {
        var socketRequestData = {
            'message': message,
            'service':"chat",
            'action':"talk",
            'chat_id':chatId,
            'thumb_width': 40,
            'thumb_height': 40
        };

        if($chatImageElement.length > 0) {
            $chatImageElement.hide();

            var orgChatImagePreviewSize = $chatImageElement.cropit('previewSize');
            var orgChatImageZoom = $chatImageElement.cropit("zoom");
            var orgChatImageOffset = $chatImageElement.cropit("offset");

            $chatImageElement.cropit('previewSize', App_limitUploadImageSize($chatImageElement.cropit('imageSize')));
            var imageData = $chatImageElement.cropit('export');
            if(imageData != null) {
                $chatImageElement.cropit('previewSize', orgChatImagePreviewSize);
                $chatImageElement.cropit('zoom', orgChatImageZoom);
                $chatImageElement.cropit('offset', orgChatImageOffset);

                //socketRequestData.image = App_dataURItoBlob(imageData);
                socketRequestData.image = imageData;

                $chatImageElement.show();

                $chatImageElement.find(".remove_button").hide();
            }
        }

        connection.message('generic.event', socketRequestData);
    }
}

function App_commonChatroomTossCoin(connection, chatId)
{
    var $dialog = App_showDialogWithButtonMaps(
        null, 
        "Toss Coin", 
        "This function will immediately randomly draw the front or back of the coin, which can be used for drawing lots and other purposes. (Note: This action cannot be cancelled)", 
        null, 
        {
            "Toss coin now": function (e) {
                App_commonChatroomTossCoinAction(connection, chatId)
                App_closeDialog($dialog);
            },
            "Cancel": function (e) {
                App_closeDialog($dialog);
            }
        });
}

function App_commonChatroomTossCoinAction(connection, chatId)
{
    var socketRequestData = {
        'service':"chat",
        'action':"toss_coin",
        'chat_id':chatId,
        'thumb_width': 40,
        'thumb_height': 40
    };

    connection.message('generic.event', socketRequestData);
}

function App_reportProblem()
{
    App_reportProblemWithAttachTypeAndAttachId(null, null);
}

function App_reportMatchProblem(matchId)
{
    App_reportProblemWithAttachTypeAndAttachId(3, matchId);
}

    function App_goBackToPreviousPage()
{
    history.back();
}

function App_initBalloonOptions(options)
{
    if(options.css == null)
    {
        options.css = {};

        if(options.css.backgroundColor == null)
        {
            options.css.backgroundColor = "white";
        }

        if(options.css.border == null)
        {
            //options.css.border = "1px solid rgba(0, 0, 0, .15)";
            options.css.border = "1px solid #999999";
        }

        if(options.css.boxShadow == null)
        {
            options.css.boxShadow = "0 3px 8px rgba(0, 0, 0, .3)";
        }

        if(options.css.opacity == null)
        {
            options.css.opacity = 1;
        }

        if(options.css.zIndex == null)
        {
            options.css.zIndex = 101;
        }
    }
}

function App_appendBalloon($targetElement, options)
{
    var $window = $(window);

    var $overlayElement = App_appendAppOverlay();
    $overlayElement.mousedown(function () {
        if($(".bootstrap-datetimepicker-widget").length > 0)
        {
            return;
        }

        //App_removeBalloon($targetElement);
        App_removeLastBalloon();
    });

    if(App_checkBrowserIsIOS()) {
        document.ontouchmove = function(event) {
            event.preventDefault();
        }
    }
    else {
        $("#App_page").css("top", $window.scrollTop()*-1);
        $("#App_page").css("position", "fixed");
        //$("#App_topnav").css("top", $window.scrollTop());
        $("#App_topnav").css("top", 0);
    }

    App_initBalloonOptions(options);

    $targetElement.showBalloon(options);
}

function App_appendBalloonWithoutOverlay($targetElement, options)
{
    App_initBalloonOptions(options);

    $targetElement.showBalloon(options);
}

function App_bindBalloon($targetElement, options)
{
    App_initBalloonOptions(options);

    $targetElement.balloon(options);
}

function App_removeBalloon($targetElement)
{
    var showingBalloonCount = App_countShowingBalloonCount();

    $targetElement.hideBalloon();
    setTimeout(function() {
            if($targetElement.data("options") != null && $targetElement.data("options").hideComplete != null) {
                $targetElement.data("options").hideComplete();
            }

            if($targetElement.data("balloon") != null) {
                $targetElement.data("balloon").remove();
                $targetElement.data("balloon", null);
            }
        },
        (($targetElement.data("options") != null && $targetElement.data("options").hideDuration != null) ? $targetElement.data("options").hideDuration : 0));

    --showingBalloonCount;

    if(showingBalloonCount <= 0) {
        var $window = $(window);

        App_removeAppOverlay();

        if(App_checkBrowserIsIOS()) {
            document.ontouchmove = null;
        }
        else {
            var backupWindowTop = $("#App_page").position().top;
            $("#App_page").css("position", "relative");
            $("#App_page").css("top", 0);
            $("#App_topnav").css("top", 0);
            $window.scrollTop(backupWindowTop*-1);
        }
    }
}

function App_removeBalloonWithoutOverlay($targetElement)
{
    $targetElement.hideBalloon();
    setTimeout(function() {
            if($targetElement.data("options") != null && $targetElement.data("options").hideComplete != null) {
                $targetElement.data("options").hideComplete();
            }

            if($targetElement.data("balloon") != null) {
                $targetElement.data("balloon").remove();
                $targetElement.data("balloon", null);
            }
        },
        (($targetElement.data("options") != null && $targetElement.data("options").hideDuration != null) ? $targetElement.data("options").hideDuration : 0));
}

function App_removeAllBalloon()
{
    var $window = $(window);

    App_removeAppOverlay();

    if(App_checkBrowserIsIOS()) {
        document.ontouchmove = null;
    }
    else {
        var backupWindowTop = $("#App_page").position().top;
        $("#App_page").css("position", "relative");
        $("#App_page").css("top", 0);
        $("#App_topnav").css("top", 0);
        $window.scrollTop(backupWindowTop*-1);
    }

    $("body *").each(function() {
        if($(this).data("balloon") != null) {
            $(this).hideBalloon();
            setTimeout(function() {
                if($(this).data("options") != null && $(this).data("options").hideComplete != null) {
                    $(this).data("options").hideComplete();
                }

                if($(this).data("balloon") != null) {
                    $(this).data("balloon").remove();
                    $(this).data("balloon", null);
                }
            },
            $(this).data("options").hideDuration);
        }
    });

    setTimeout(function() {
        $("body .balloon").remove();
    },
    $.balloon.defaults.hideDuration);
}

function App_removeLastBalloon()
{
    var showingBalloonCount = 0;
    var $lastShowingBalloonTarget = null;
    $("body *").each(function() {
        if($(this).data("balloon") != null) {
            if($(this).data("balloon").data("active")) {
                ++showingBalloonCount;
                $lastShowingBalloonTarget = $(this);
            }
        }
    });

    if(showingBalloonCount > 0) {
        $lastShowingBalloonTarget.hideBalloon();
        setTimeout(function() {
                if($lastShowingBalloonTarget.data("options") != null && $lastShowingBalloonTarget.data("options").hideComplete != null) {
                    $lastShowingBalloonTarget.data("options").hideComplete();
                }

                if($lastShowingBalloonTarget.data("balloon") != null) {
                    $lastShowingBalloonTarget.data("balloon").remove();
                    $lastShowingBalloonTarget.data("balloon", null);
                }
            },
            (($lastShowingBalloonTarget.data("options") != null && $lastShowingBalloonTarget.data("options").hideDuration != null) ? $lastShowingBalloonTarget.data("options").hideDuration : 0));

        --showingBalloonCount;

        if(showingBalloonCount <= 0) {
            var $window = $(window);

            App_removeAppOverlay();

            if(App_checkBrowserIsIOS()) {
                document.ontouchmove = null;
            }
            else {
                var backupWindowTop = $("#App_page").position().top;
                $("#App_page").css("position", "relative");
                $("#App_page").css("top", 0);
                $("#App_topnav").css("top", 0);
                $window.scrollTop(backupWindowTop*-1);
            }
        }
    }
}

function App_countShowingBalloonCount() {
    var showingBalloonCount = 0;

    $("body *").each(function() {
        if($(this).data("balloon") != null) {
            if($(this).data("balloon").data("active")) {
                ++showingBalloonCount;
            }
        }
    });

    return showingBalloonCount;
}

function App_changeDialogTitle($dialog, title)
{
    $dialog.dialog({"title": title});
}

function App_closeDialog($dialog)
{
    $dialog.dialog('close');
}

function App_closeDialogByButtonEvent(e)
{
    App_closeDialog(App_getDialogByDialogButton($(e.target)));
}

function App_countDialog()
{
    return $(".ui-dialog").length;
}

function App_removeDialogCloseButton($dialog)
{
    $dialog.parentsUntil(".ui-dialog-titlebar").find(".ui-dialog-titlebar-close").remove();
    $dialog.dialog("option", "closeOnEscape", false);
}

function App_getDialogByDialogButton($button)
{
    return $button.parentsUntil(".ui-dialog").parent().find(".ui-dialog-content");
}

function App_getDialogButtons($dialog)
{
    return $dialog.find(".ui-dialog-buttonset button");
}

function App_setDialogPositionToWindowCenter($dialog)
{
    var $dialogParent = $dialog.parent();
    if($dialogParent.height() > $(window).height()) {
        $dialogParent.position({my:"center top", at:"center top", of: window});
    }
    else {
        $dialogParent.position({my:"center", at:"center", of: window});
    }
}

function App_setDialogPositionToWindowTop($dialog)
{
    var $dialogParent = $dialog.parent();
    $dialogParent.position({my:"center top", at:"center top", of: window});
}

function App_showDialogWithoutButton(dialogId, title, content, settings, onOpenAction, onCloseAction)
{
    return App_showDialogWithButtonMaps(dialogId, title, content, settings, null, onOpenAction, onCloseAction);
}

function App_showDialogWithOkButton(dialogId, title, content, settings, onOpenAction, onCloseAction)
{
    return App_showDialogWithButtonMaps(
        dialogId, 
        title, 
        content, 
        settings, 
        {
            "Confirm": function () {
                App_closeDialog($(this));
            }
        }, 
        onOpenAction, 
        onCloseAction);
}

function App_showDialogWithButtonMaps(dialogId, title, content, settings, buttonMap, onOpenAction, onCloseAction)
{
    var dialogHtml = '<div' + ((!System_checkIsEmptyString(dialogId)) ? (' id="' + dialogId + '"') : '') + '>' +
        content +
        '</div>';

    var dialogOptions = {
        title: title,
        modal: true,
        buttons: buttonMap,
        open: function(event) {
            /* force set html content - start */
            var buttonMapIndex = 0;
            for(var buttonMapKey in buttonMap) {
                $(this).parent().find(".ui-dialog-buttonset .ui-button").eq(buttonMapIndex).html(buttonMapKey);

                ++buttonMapIndex;
            }
            /* force set html content - end */

            if(onOpenAction != null) {
                onOpenAction(event);
            }
        },
        close: function (event) {
            if(onCloseAction != null) {
                onCloseAction(event);
            }
            
            $(this).dialog('destroy');
        }
    }
    
    if(settings != null) {
        if(settings.height != null) {
            dialogOptions.height = settings.height;
        }

        if(settings.maxHeight != null) {
            dialogOptions.maxHeight = settings.maxHeight;
        }

        if(settings.maxWidth != null) {
            dialogOptions.maxWidth = settings.maxWidth;
        }

        if(settings.width != null) {
            dialogOptions.width = settings.width;
        }
    }
    
    return $(dialogHtml).dialog(dialogOptions);
}
/*
function App_showDialogWithButtonMaps(dialogId, title, content, settings, buttonMap, onOpenAction, onCloseAction)
{
    var dialogHtml = '<div' + ((!System_checkIsEmptyString(dialogId)) ? (' id="' + dialogId + '"') : '') + '>' +
        App_convertNLtoBr(content);

    if(buttonMap != null) {
        dialogHtml += '<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">' +
            '<div class="ui-dialog-buttonset">';

        var buttonMapIndex = 0;
        for(var buttonMapKey in buttonMap) {
            dialogHtml += '<button class="button_' + buttonMapIndex + ' button_blue button_submit">' + buttonMapKey + '</button>';

            ++buttonMapIndex;
        }
        
        dialogHtml += '</div>' +
            '</div>';
    }
    
    dialogHtml += '</div>';

    var dialogOptions = {
        title: title,
        modal: true,
        open: function(event) {
            var buttonMapIndex = 0;
            for(var buttonMapKey in buttonMap) {
                $(this).find(".button_" + buttonMapIndex).click(function() {
                    var $button = $(this);

                    if(buttonMap[$button.html()] != null) {
                        var buttonFunction = buttonMap[$button.html()];

                        buttonFunction(event);
                    }
                });

                ++buttonMapIndex;
            }

            if(onOpenAction != null) {
                onOpenAction(event);
            }
        },
        close: function (event) {
            if(onCloseAction != null) {
                onCloseAction(event);
            }
            
            $(this).dialog('destroy');
        }
    }
    
    if(settings != null) {
        if(settings.height != null) {
            dialogOptions.height = settings.height;
        }
        
        if(settings.maxHeight != null) {
            dialogOptions.maxHeight = settings.maxHeight;
        }
        
        if(settings.width != null) {
            dialogOptions.width = settings.width;
        }
    }
    
    return $(dialogHtml).dialog(dialogOptions);
}
*/
function App_showDialogWithConfirmAndCancelButton(dialogId, title, content, settings, onConfirmAction, onCancelAction, onOpenAction, onCloseAction)
{
    return App_showDialogWithButtonMaps(
        dialogId, 
        title, 
        content, 
        settings, 
        {
            "Confirm": function (e) {
                if(onConfirmAction != null) {
                    onConfirmAction(e);
                }
            },
            "Cancel": function (e) {
                if(onCancelAction != null) {
                    onCancelAction(e);
                }
                App_closeDialog($(this));
            }
        }, 
        onOpenAction, 
        onCloseAction);
}

function App_showDialogWithLoadingAnimationConfirmAndCancelButton(dialogId, title, content, settings, onConfirmAction, onCancelAction, onOpenAction, onCloseAction)
{
    return App_showDialogWithButtonMaps(
        dialogId, 
        title, 
        content, 
        settings, 
        {
            '<span class="loading_animation" style="background:none; display:none;"></span>Confirm<span class="loading_animation" style="display:none;"></span>': function (e) {
                if(onConfirmAction != null) {
                    onConfirmAction(e);
                }
            },
            "Cancel": function (e) {
                if(onCancelAction != null) {
                    onCancelAction(e);
                }
                App_closeDialog($(this));
            }
        }, 
        onOpenAction, 
        onCloseAction);
}

function App_showDialogWithYesAndNoButton(dialogId, title, content, settings, onYesAction, onNoAction, onOpenAction, onCloseAction)
{
    return App_showDialogWithButtonMaps(
        dialogId, 
        title, 
        content, 
        settings, 
        {
            "Yes": function (e) {
                if(onYesAction != null) {
                    onYesAction(e);
                }
            },
            "No": function (e) {
                if(onNoAction != null) {
                    onNoAction(e);
                }
                App_closeDialog($(this));
            }
        }, 
        onOpenAction, 
        onCloseAction);
}

function App_showDialogWithLoadingAnimationYesAndNoButton(dialogId, title, content, settings, onYesAction, onNoAction, onOpenAction, onCloseAction)
{
    return App_showDialogWithButtonMaps(
        dialogId, 
        title, 
        content, 
        settings, 
        {
            '<span class="loading_animation" style="background:none; display:none;"></span>Yes<span class="loading_animation" style="display:none;"></span>': function (e) {
                if(onYesAction != null) {
                    onYesAction(e);
                }
            },
            "No": function (e) {
                if(onNoAction != null) {
                    onNoAction(e);
                }
                App_closeDialog($(this));
            }
        }, 
        onOpenAction, 
        onCloseAction);
}

function App_requestLoginToContinue(currentUrl) {
    if($("#App_topnav_LoginForm_email").length > 0) {
        $("<div>" + "Login your CGA account to continue" + "</div>").dialog({
            title: "Prompt",
            modal: true,
            buttons: {
                "Confirm": function () {
                    App_closeDialog($(this));

                    $("#App_topnav_LoginForm_email").focus().select();
                },
                "Cancel": function () {
                    App_closeDialog($(this));
                }
            }
        });

        return;
    }

    App_redirectToUserLoginPage(currentUrl);
}

function App_reportProblemWithAttachTypeAndAttachId(attachType, attachId)
{
    var html = '<div id="App_reportProblemArea">' +
        '<form method="post" enctype="multipart/form-data">';

    if(attachType != null) {
        html += '<input type="hidden" name="attach_type" value="' + attachType + '" />';
    }
    if(attachId != null) {
        html += '<input type="hidden" name="attach_id" value="' + attachId + '" />';
    }

    html += '<br />' +
        '<div>' + "What happened?" + '</div>' +
        '<textarea name="comment" class="form-control App_reportProblemDialog_comment" placeholder="Briefly describe the issue"></textarea>' +
        '<br />' +
        '<input type="file" name="image" class="App_reportProblemDialog_image" style="display:none;" />' +
        '</form>' +
        '<div class="form-group">' +
        '<button class="btn btn-sm btn-purple button_upload">' +
        '<span class="material-icons" style="vertical-align:top;"></span> Upload screenshot<span class="loading_animation" style="display:none;"></span>' +
        '</button>' +
        '<div class="image_preview"><img></div>' +
        '</div>' +
        '<div class="form-group">' +
        '<button class="btn btn-blue button_submit">' +
        '<span class="loading_animation" style="background:none; display:none;"></span>Submit<span class="loading_animation" style="display:none;"></span>' +
        '</button>' +
        '</div>' +
        '</div>';

    App_showDialogWithoutButton("App_reportProblemDialog",
        "Report issues",
        html,
        {
            width: 400,
        },
        function(event)
        {
            var $dialog = $("#App_reportProblemDialog");

            $dialog.find('input[type="file"]').show();

            var $inputFileField = $dialog.find('input[type="file"]');
            $inputFileField.hiddenInputFile({
                "follow": $dialog.find(".button_upload")
            });
            $inputFileField.on("change", function(){
                App_readURL(this);
            });

            function App_readURL(input) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        $dialog.find(".image_preview img").attr("src", e.target.result);

                        setTimeout(function() {
                            $dialog.dialog("option", "height", "auto");
                            App_setDialogPositionToWindowCenter($dialog);
                            }, 100);
                    };
                    reader.readAsDataURL(input.files[0]);
                }
            }

            var $submitButton = $dialog.find(".button_submit");
            $submitButton.click(function (e) {
                $submitButton.prop("disabled", true);
                $submitButton.find(".loading_animation").show();

                $dialog.find("form").ajaxSubmit({
                    'url': "https:\/\/vs.cga.gg\/api\/report\/create",
                    'type': 'post',
                    'dataType': 'json',
                    'success': function (result) {
                        if (result.error != null) {
                            if (result.error.code == 401) {
                                App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                                    function () {
                                        App_redirectToUserLoginPage();
                                    });
                            }
                            else if (result.error.code == 10145) {
                                App_showDialogWithOkButton(null, result.error.title, result.error.message, null, null,
                                    function () {
                                        $("#App_reportProblemArea .App_reportProblemDialog_comment").focus();
                                    });
                            }
                            else {
                                App_showDialogWithOkButton(null, result.error.title, result.error.message);
                            }
                        } else {
                            App_showDialogWithOkButton(null, "Notification", "Report issue has been sent. We will inspect it as soon as possible", null, null,
                                function () {
                                    App_closeDialog($dialog);
                                });
                        }

                        $submitButton.prop("disabled", false);
                        $submitButton.find(".loading_animation").hide();
                    }
                });
            })
        });
}

function App_generateAutocompleteCellHtml(iconUrl, title, content)
{
    return '<li>' +
        App_generateAutocompleteCellContentHtml(iconUrl, title, content) +
        '</li>';
}

function App_AdSense_generateBannerHtml(width, isTextMode)
{
    if(isTextMode != null && isTextMode == true) {
        return '<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-gw-3+1f-3d+2z" data-ad-client="ca-pub-9487644981341191" data-ad-slot="8427614150"></ins>';
    }
    else {
        if(width != null && width >= 320) {
            var height = Math.floor(90 * width / 590);

            return '<ins class="adsbygoogle" style="display:inline-block;width:' + width + 'px;height:' + height + 'px" data-ad-client="ca-pub-9487644981341191" data-ad-slot="1638365595"></ins>';
        }
        else {
            return '<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9487644981341191" data-ad-slot="7214125904" data-ad-format="auto" data-full-width-responsive="true"></ins>';
        }
    }
}

function App_Feed_generateFeedHtml(id, type, title, content, contentHtml, senderType, senderId, senderName, senderUrlname, senderPicturePhotoUrl, receiverType, receiverId, receiverName, receiverUrlname, receiverPicturePhotoUrl, canDelete, targets, createdDatetime, mood, comments) {
    var html = '';

    var commentCollectionDataHasNext = true;
    if(comments != null && (comments.page_info == null || System_checkIsEmptyString(comments.page_info.previous_token))) {
        commentCollectionDataHasNext = false;
    }
    else {
        commentCollectionDataHasNext = true;
    }

    html += '<div class="feed panel">' +
            '<input type="hidden" class="feed_id" value="' + id + '" />' +
            App_Feed_generateFeedHeaderHtml(id, senderType, senderId, senderName, senderUrlname, senderPicturePhotoUrl, createdDatetime);

    if(canDelete) {
        html += '<div class="edit_button remove_item_link" title="Delete" onclick="App_Feed_delete(' + id + ', App_Feed_onDeleteAction);"></div>';
    }

    html += '<hr class="no_padding" />' +
            '<div class="panel_padding">' +
            '<div class="message emoji-wysiwyg-editor">';

    if(!System_checkIsEmptyString(contentHtml)) {
        var processingContentHtml = $.emojiarea.convertToEmojiHtml(contentHtml);
        processingContentHtml = autolinker.link(processingContentHtml);
        processingContentHtml = App_convertNLtoBr(processingContentHtml);

        html += processingContentHtml;
    }

    var attachHtml = '';
    var socialShareImageUrl = senderPicturePhotoUrl;

    for(var i = 0; i < targets.length; ++i) {
        var target = targets[i];

        if(target.type == "photo") {
            socialShareImageUrl = target.url;

            attachHtml += '<div class="attachment" onclick=\'/*App_Photo_showPhotoDialog(' + target.id + ');*/window.open("' + target.url + '");\'><img src="' + target.thumbnail_url + '" class="photo_thumb" /></div>';
        }
        else if(target.type == "url") {
            if(!System_checkIsEmptyString(target.url)) {
                if(!System_checkIsEmptyString(target.image_url)) {
                    socialShareImageUrl = target.image_url;
                    
                    attachHtml += '<a href="' + target.url + '" target="_blank">' +
                            '<div class="attachment">' +
                            '<img src="' + target.image_url + '" class="photo_thumb" />';
                    
                    if(!System_checkIsEmptyString(target.domain)) {
                        attachHtml += '<div class="domain">' + target.domain + '</div>';
                    }
                    
                    attachHtml += '</div>' +
                            '</a>';
                }
                else {
                    socialShareImageUrl = Video_convertUrlToThumbnailUrl(target.url, 568, 319);

                    attachHtml += '<div class="attachment"><div class="feed_video">' + Video_convertUrlToEmbedHtml(target.url, false, 568, 319) + '</div></div>';
                }
            }
        }
    }

    if(!System_checkIsEmptyString(attachHtml)) {
        html += '<br /><br />' + attachHtml;
    }

    html += '</div>' +
            '</div>' +
            '<hr class="no_padding" />' +
            '<div class="operation_area panel_padding">' +
            '<span class="count_label">' + App_getFormatDisplayNumberString(((mood != null && mood.support_count != undefined) ? mood.support_count : 0), 0) + '</span>' +
            '<span class="mood_support_button ' + ((mood != null && mood.is_supporting != undefined && mood.is_supporting) ? " isset" : "") + '" onclick=\'App_Feed_onclickMoodSupportButton($(this), "' + id + '");\'>Support</span>' +
            '<span> · </span>' +
            '<span class="share_button" onclick=\'App_showSocialShareDialog(' + JSON.stringify(title) + ', ' + JSON.stringify(content) + ', ' + JSON.stringify(socialShareImageUrl) + ', ' + JSON.stringify(App_getRedirectToFeedIndexPageUrl(id)) + ')\'>Share</span>' +
            '</div>' +
            '<div class="panel_padding">' +
            '<div class="load_more_comments_button" style="' + (!commentCollectionDataHasNext ? 'display:none;' : '') + '" onclick=\'App_Feed_loadComments($(this).parent().parent().find(".comment_collection"), "' + id + '");\'>Load earlier comments</div>' +
            '<div style="text-align:center;">' +
            '<div class="comment_collection_loading loading_animation" style="display:none; vertical-align:middle;"></div>' +
            '</div>' +
            '<div class="comment_collection" data_loading="false"';

    if(!commentCollectionDataHasNext) {
        html += ' data_has_next="false"' +
                ' data_token=""';
    }
    else {
        html += ' data_has_next="true"' +
                ' data_token="' + comments.page_info.previous_token + '"';
    }

    html += '>';

    if(comments != null && comments.data != null) {
        for (var i = 0; i < comments.data.length; ++i) {
            var commentData = comments.data[i];

            html += App_Comment_generateCollectionCommentHtml(commentData.id,
                                commentData.comment,
                                App_getFormatLocaleDateTimeString(commentData.create_datetime),
                                App_getFormatLocaleDateTimeString(commentData.update_datetime),
                                commentData.user_id,
                                commentData.user_urlname,
                                commentData.user_nickname,
                                commentData.user_picture_url,
                                commentData.mood);
        }
    }

    html += '</div>' +
            '</div>';

    
    html += '</div>';

    return html;
}

function App_Index_RegisterForm_ShowPrivacyPolicyDialog() {
    App_showDialogWithOkButton("Index_RegisterForm_ShowPrivacyPolicyDialog",
        "Privacy Policy",
        '<div class="content_area"><div style="text-align:center;"><div class="loading_animation"></div></div></div>',
        {
            width: 1000,
            height: 700
        },
        function() {
            $("#Index_RegisterForm_ShowPrivacyPolicyDialog .content_area").load("https://vs.cga.gg/privacy_policy", function() {
                App_setDialogPositionToWindowCenter($("#Index_RegisterForm_ShowPrivacyPolicyDialog"));
            });
        });
}

function App_Index_RegisterForm_ShowTncDialog() {
    App_showDialogWithOkButton("Index_RegisterForm_ShowTncDialog",
        "Terms of Use",
        '<div class="content_area"><div style="text-align:center;"><div class="loading_animation"></div></div></div>',
        {
            width: 1000,
            height: 700
        },
        function() {
            $("#Index_RegisterForm_ShowTncDialog .content_area").load("https://vs.cga.gg/terms_of_use", function() {
                App_setDialogPositionToWindowCenter($("#Index_RegisterForm_ShowTncDialog"));
            });
        });
}

function App_Photo_showCropImageDialog(url, postImageName, photoID, imageUrl, title, onCompleteAction)
{
    var html = '<form method="post" id="Form_cropImageForm" enctype="multipart/form-data">' +
            '<div class="image-editor">' +
            '<div class="div-cropit-preview">' +
            '<div class="cropit-preview"></div>' +
            '</div>' +
            '<div class="controls-wrapper">' +
            '<input type="range" class="cropit-image-zoom-input">' +
            '<br />' +
            //'<button class="rotate-ccw button_blue">Rotate counterclockwise</button>' +
            //'<button class="rotate-cw button_blue">Rotate clockwise</button>' +
            '</div>' +
            '</div>' +
            '</form>';

    App_showDialogWithButtonMaps("Dialog_cropImageDialog", title, html,
        {
            width:735
        },
        {
            '<span class="loading_animation" style="background:none; display:none;"></span>Save<span class="loading_animation" style="display:none;"></span>': function (e) {
                var $submitButton = $(e.target);
                
                $submitButton.prop("disabled", true);
                $submitButton.find(".loading_animation").show();
                
                var imageData = $('#Dialog_cropImageDialog .image-editor').cropit('export');
                var blob = App_dataURItoBlob(imageData);
                var fd = new FormData($('#Dialog_cropImageDialog #Form_cropImageForm')[0]);
                fd.append('photo_id', photoID);
                fd.append(postImageName, blob);
                $.ajax({
                    'url': url,
                    'type': 'post',
                    'dataType': 'json',
                    'processData': false,
                    'contentType': false,
                    'data': fd,
                    'success': function (result) {
                        App_closeDialog($('#Dialog_cropImageDialog'));

                        if(onCompleteAction != null) {
                            onCompleteAction(result);
                        }
                        
                        $submitButton.prop("disabled", false);
                        $submitButton.find(".loading_animation").hide();
                    }
                });
            }
        },
        function() {
            $('#Dialog_cropImageDialog .image-editor').cropit({
                imageBackground: true,
                smallImage: 'allow',
                maxZoom: 3
            });
            $('#Dialog_cropImageDialog .image-editor').cropit('imageSrc', imageUrl);
            $('#Dialog_cropImageDialog .image-editor').cropit('previewSize', { width: 320, height: 320 });
            $('#Dialog_cropImageDialog .rotate-cw').click(function(event) {
                event.preventDefault();
                $('.image-editor').cropit('rotateCW');
            });
            $('#Dialog_cropImageDialog .rotate-ccw').click(function(event) {
                event.preventDefault();
                $('.image-editor').cropit('rotateCCW');
            });

            App_setDialogPositionToWindowCenter($("#Dialog_cropImageDialog"));
        }
    );
}

function App_Photo_showCropCoverDialog(url, postImageName, photoID, imageUrl, title, onCompleteAction)
{
    var html = '<form method="post" id="Form_cropImageForm" enctype="multipart/form-data">' +
            '<div class="image-editor">' +
            '<div class="div-cropit-preview">' +
            '<div class="cropit-preview"></div>' +
            '</div>' +
            '<div class="controls-wrapper">' +
            '<input type="range" class="cropit-image-zoom-input">' +
            '<br />' +
            //'<button class="rotate-ccw button_blue">Rotate counterclockwise</button>' +
            //'<button class="rotate-cw button_blue">Rotate clockwise</button>' +
            '</div>' +
            '</div>' +
            '</form>';

    App_showDialogWithButtonMaps("Dialog_cropImageDialog", title, html,
        {
            width:1000
        },
        {
            '<span class="loading_animation" style="background:none; display:none;"></span>Save<span class="loading_animation" style="display:none;"></span>': function (e) {
                var $submitButton = $(e.target);
                
                $submitButton.prop("disabled", true);
                $submitButton.find(".loading_animation").show();
                
                var imageData = $('#Dialog_cropImageDialog .image-editor').cropit('export');
                var blob = App_dataURItoBlob(imageData);
                var fd = new FormData($('#Dialog_cropImageDialog #Form_cropImageForm')[0]);
                fd.append('photo_id', photoID);
                fd.append(postImageName, blob);
                $.ajax({
                    'url': url,
                    'type': 'post',
                    'dataType': 'json',
                    'processData': false,
                    'contentType': false,
                    'data': fd,
                    'success': function (result) {
                        App_closeDialog($('#Dialog_cropImageDialog'));

                        if(onCompleteAction != null) {
                            onCompleteAction(result);
                        }
                        
                        $submitButton.prop("disabled", false);
                        $submitButton.find(".loading_animation").hide();
                    }
                });
            }
        },
        function() {
            $('#Dialog_cropImageDialog .image-editor').cropit({
                imageBackground: true,
                smallImage: 'allow',
                maxZoom: 3
            });
            $('#Dialog_cropImageDialog .image-editor').cropit('imageSrc', imageUrl);
            $('#Dialog_cropImageDialog .image-editor').cropit('previewSize', { width: 960, height: 180 });
            $('#Dialog_cropImageDialog .image-editor').cropit('exportZoom', 2);
            $('#Dialog_cropImageDialog .image-editor').cropit('minZoom', 0.5);
            $('#Dialog_cropImageDialog .rotate-cw').click(function(event) {
                event.preventDefault();
                $('.image-editor').cropit('rotateCW');
            });
            $('#Dialog_cropImageDialog .rotate-ccw').click(function(event) {
                event.preventDefault();
                $('.image-editor').cropit('rotateCCW');
            });

            App_setDialogPositionToWindowCenter($("#Dialog_cropImageDialog"));
        }
    );
}

function App_Photo_showUploadDialog(url, postImageName, postJsonData, title, onCompleteAction)
{
    var html = '<div id="Dialog_uploadImageDialog">' +
        '<form method="post" enctype="multipart/form-data">' +
        '<input type="file" name="' + postImageName + '" />' +
        '<div class="dropzone">Click or drop files here</div>' +
        '</form>' +
        '</div>';

    App_showDialogWithoutButton("Dialog_uploadImageDialog",
        title,
        html,
        {
            width: 640,
            height: 480
        },
        function(event)
        {
            var $inputFileField = $('#Dialog_uploadImageDialog input[type="file"]');

            $inputFileField.hiddenInputFile({
                "follow": $("#Dialog_uploadImageDialog .dropzone")
            });
            $inputFileField.change(function () {
                $('#Dialog_uploadImageDialog .dropzone').html('<div class="loading_animation"></div>');
                $inputFileField.hide();
                $('#Dialog_uploadImageDialog form').ajaxSubmit({
                    'url': url,
                    'type': 'post',
                    'dataType': 'json',
                    'data': postJsonData,
                    'success': function (result) {
                        $("#Dialog_uploadImageDialog").remove();

                        if(onCompleteAction != null) {
                            onCompleteAction(result);
                        }
                    }
                });
            });
        });
}

function App_Topnav_showTeamInviteMenu() {
    App_appendBalloon($("#App_Topnav_teamInviteMenu"), {
        position: "bottom",
        forceShowTipTriangleName: "top",
        balloonPosition: "right",
        contents: '<div id="App_Topnav_teamInviteMenuBalloonCollection"><div class="loading_animation"></div></div>',
        showComplete: function () {
            var teamInviteMenuBalloonCollectionHtml = '<div class="invite_request_header">' + "Team invite" + '</div><div class="invite_request_collection"><div class="loading_animation"></div></div>' +
                    '<div class="join_request_header">' + "Accept request" + '</div><div class="join_request_collection"><div class="loading_animation"></div></div>';

            var $teamInviteMenuBalloonCollectionElement = $("#App_Topnav_teamInviteMenuBalloonCollection");
            var $teamInviteMenuBalloon = $teamInviteMenuBalloonCollectionElement.parent(".balloon");

            var orgTeamInviteMenuBalloonCollectionWidth = $teamInviteMenuBalloonCollectionElement.width();
            $teamInviteMenuBalloonCollectionElement.html(teamInviteMenuBalloonCollectionHtml);
            $teamInviteMenuBalloonCollectionElement.addClass("load_complete");
            $teamInviteMenuBalloon.css("left", (parseInt($teamInviteMenuBalloon.css("left")) - ($teamInviteMenuBalloonCollectionElement.width() - orgTeamInviteMenuBalloonCollectionWidth)));

            App_Topnav_loadTeamInviteRequests();
            App_Topnav_loadTeamJoinRequests();
        }
    });
}

function Team_addGameInfoTitle($parentElement)
{
    var html = '<div class="game" style="float:left; width:150px;">' + "Game" + '</div>' +
            '<div class="console" style="float:left; width:120px;">' + "Gaming platform" + '</div>' +
            '<div class="server" style="float:left; width:95px;">' + "Server" + '</div>' +
            '<div style="clear:both;"></div>';

    $parentElement.html(html);
}

function Team_addGameInfo($parentElement)
{
    var isAnyGameInfo = false;
    if(Team_countGameInfo($parentElement) > 0) {
        isAnyGameInfo = true;
    }

    var gameInfoHtml = '<select class="form-control game" style="display:inline-block; width:150px;" required onchange="Team_changeGameInfoGame($(this));"><option value="" disabled selected hidden>Game</option></select>' +
            '<select class="form-control console" style="display:inline-block; width:120px;" required onchange="Team_changeGameInfoConsole($(this));"><option value="" disabled selected hidden>Gaming platform</option></select>' +
            '<select class="form-control server" style="display:inline-block; width:120px;" required><option value="" disabled selected hidden>Server</option></select>';

    if(isAnyGameInfo) {
        gameInfoHtml += '<div class="remove_item_link" onclick="Team_removeGameInfo($(this));">' + "Delete" + '</div>';
    }

    $parentElement.append($('<div class="game_info">' + gameInfoHtml + '</div>'));

    var $gameInfoElement = $parentElement.find(".game_info").last();

    var $gameElement = $gameInfoElement.find(".game");

    var gameHtml = '<option value="" disabled selected hidden>Game</option>';
    for(var i = 0; i < Team_gameInfoes.length; ++i) {
        var game = Team_gameInfoes[i];

        gameHtml += '<option value="' + game.code + '">' + game.name + '</option>';
    }

    $gameElement.html(gameHtml);
    Team_changeGameInfoGame($gameElement);

    if(Team_onAddGameInfoEvent != null) {
        Team_onAddGameInfoEvent();
    }
}
    
function App_showMyQRCode() {
    }

var App_apiUserQrcodeAjaxRequest = null;
function App_myQRCodeLoop() {
    }

function App_topnav_LoginForm_login() {
    var email = $("#App_topnav_LoginForm_email").val();
    var password = $("#App_topnav_LoginForm_password").val();

    $("#App_topnav_LoginForm_loginButton").prop("disabled", true);
    $("#App_topnav_LoginForm_loginButton .loading_animation").show();
    $.ajax({
        url: "https://vs.cga.gg/api/user/login",
        type: "POST",
        dataType: "json",
        data: {
            "email": email,
            "password": password,
            "timezone": App_getFormatDateString(new Date(), "Z")
        },
        success: function (result) {
            if (result.error != null) {
                if (result.error.code == 10000) {
                    $("#App_topnav_LoginForm_email").focus().select();
                } else if (result.error.code == 10005 ||
                        result.error.code == 10011) {
                                $("#App_topnav_LoginForm_password").val("");
                                $("#App_topnav_LoginForm_password").focus().select();
                } else if (result.error.code == 10018) {
                    App_redirectToUserResetPasswordPage();
                    return;
                } else {
                    $("#App_topnav_LoginForm_email").focus().select();
                }

                App_showDialogWithOkButton(null, result.error.title, result.error.message);
            } else {
                location.reload();
            }

            $("#App_topnav_LoginForm_loginButton").prop("disabled", false);
            $("#App_topnav_LoginForm_loginButton .loading_animation").hide();
        }
    });
}

function GoogleMap_getRedirectToMapPageUrl(latitude, longitude, zoom)
{
    if(zoom == null)
    {
        zoom = 18;
    }

    return "https://www.google.com/maps?z=" + zoom + "&q=" + latitude + "," + longitude;
}

function GoogleMap_openMap(latitude, longitude, zoom)
{
    window.open(GoogleMap_getRedirectToMapPageUrl(latitude, longitude, zoom));
}

function App_showSocialShareDialog(title , description, picture, url){
    var html = '<div id="Dialog_shareDialog_share"></div>';
    
    App_showDialogWithoutButton(
        "Dialog_shareDialog", 
        "Share to", 
        html, 
        {
            width:300
        },
        function(event)
        {
            var socialShareDialog_facebookShareLink = "http://www.facebook.com/dialog/feed?app_id=983638428444395&link={url}&description={text}";
            if(title){
                socialShareDialog_facebookShareLink += "&title=" + title;
            }
            if(picture){
                socialShareDialog_facebookShareLink += "&picture=" + encodeURIComponent(picture);
            }
            
            $('#Dialog_shareDialog_share').jsSocials({
                url: url,
                text: description,
                showLabel: true,
                shareIn: "popup",
                showCount: true,
                shares: [
                    {
                    share:"facebook",
                    label:"Facebook"/*,
                    shareUrl: socialShareDialog_facebookShareLink*/
                    },
                    {share:"googleplus", label:"Google+"},
                    //{share:"linkedin", label:"LinkedIn"},
                    //{share:"pinterest", label:"Pinterest"},
                    {share:"twitter", label:"Twitter"}
                    ]
            });

            App_setDialogPositionToWindowCenter($("#Dialog_shareDialog"));
        });
}

function App_generateIntroHtml(title, content){
    return '<b>' + title + '</b><br /><br />' + content;
}

function App_getBilibiliLiveIdFromUrl(url){
    if(url.indexOf("://live.bilibili.com") != -1) {
        var regExp = /^.*(live.bilibili\.com\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2];
        }
    }
    
    //error
    return false;
}

function App_getBilibiliVideoIdFromUrl(url){
    if((url.indexOf("://bilibili.com") != -1) ||
        (url.indexOf("://www.bilibili.com") != -1)) {
        var regExp = /^.*(bilibili\.com\/video\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2].replace("/", "");
        }
    }
    
    //error
    return false;
}

function App_getDouyuRoomCodeFromUrl(url){
    if(url.indexOf("://www.douyu.com/room/share/") != -1) {
        var regExp = /^.*(douyu\.com\/room\/share\/|v\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3) {
            return matches[2];
        }
    }
    else if(url.indexOf("://www.douyu.com") != -1) {
        var regExp = /^.*(douyu\.com\/|v\/|u\/\w\/)([0-9]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2];
        }
    }
    
    //error
    return false;
}

function App_getDouyuVideoCodeFromUrl(url){
    if(url.indexOf("://v.douyu.com/show/") != -1) {
        var regExp = /^.*(v\.douyu\.com\/show\/|v\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2];
        }
    }
    
    //error
    return false;
}

function App_getFacebookVideoIdFromUrl(url){
    if((url.indexOf("://facebook.com/") != -1) ||
        (url.indexOf(".facebook.com/") != -1)) {
        var regExp = /^.*(facebook\.com\/|v\/|u\/\w\/|(videos|reel)\/|u\/\w\/)([\d]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2];
        }
    }
    
    //error
    return false;
}

function App_getHuyaRoomCodeFromUrl(url){
    if(url.indexOf("://www.huya.com") != -1) {
        var regExp = /^.*(huya\.com\/|v\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2];
        }
    }
    
    //error
    return false;
}

function App_getTwitchChannelCodeFromUrl(url) {
    if(url.indexOf("://player.twitch.tv") != -1) {
        var channel = System_getUrlParameters(url)["channel"];
        if(channel != null) {
            return channel + "&parent=vs.cga.gg";
        }
    }
    else if(url.indexOf("twitch.tv/") != -1) {
        var regExp = /^.*(twitch\.tv\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2] + "&parent=vs.cga.gg";
        }
    }
    
    //error
    return false;
}

function App_getTwitchVideoIdFromUrl(url) {
    if(url.indexOf("twitch.tv/videos/") != -1) {
        var regExp = /^.*(twitch\.tv\/videos\/|u\/\w\/)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2] + "&parent=vs.cga.gg";
        }
    }
    else if(url.indexOf("://player.twitch.tv") != -1) {
        var video = System_getUrlParameters(url)["video"];
        if(video != null) {
            if(video.startsWith("v")) {
                return video.substring(1, video.length) + "&parent=vs.cga.gg";
            }
            else {
                return video + "&parent=vs.cga.gg";
            }
        }
    }
    
    //error
    return false;
}

function App_getYouTubeIdFromUrl(url){
    if((url.indexOf("://www.youtu") != -1) ||
        (url.indexOf("://youtu") != -1) ||
        (url.indexOf("://gaming.youtu") != -1)) {
        var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
        var matches = url.match(regExp);
        if (matches && matches.length >= 3 && matches[2].length > 0) {
            return matches[2];
        }
    }
    
    //error
    return false;
}

function Video_convertUrlToEmbedHtml(url, isAutoPlay, width, height) {
    var youtubeId = App_getYouTubeIdFromUrl(url);
    if(!youtubeId) {
    }
    else {
        return App_generateIframeHtml(Video_convertUrlToEmbedUrl(url, isAutoPlay), width, height);
    }
    
    var facebookVideoId = App_getFacebookVideoIdFromUrl(url);
    if(!facebookVideoId) {
    }
    else {
        return App_generateIframeHtml(Video_convertUrlToEmbedUrl(url, isAutoPlay, width, height), width, height);
    }
    
    //must call before App_getTwitchChannelCodeFromUrl(url)
    var twitchVideoId = App_getTwitchVideoIdFromUrl(url);
    if(!twitchVideoId) {
    }
    else {
        return App_generateIframeHtml(Video_convertUrlToEmbedUrl(url, isAutoPlay), width, height);
    }
    
    var twitchChannelCode = App_getTwitchChannelCodeFromUrl(url);
    if(!twitchChannelCode) {
    }
    else {
        return App_generateIframeHtml(Video_convertUrlToEmbedUrl(url, isAutoPlay), width, height);
    }

    var bilibiliLiveId = App_getBilibiliLiveIdFromUrl(url);
    if(!bilibiliLiveId) {
    }
    else {
        return App_generateIframeHtml(Video_convertUrlToEmbedUrl(url, isAutoPlay), width, height);
    }

    var bilibiliVideoId = App_getBilibiliVideoIdFromUrl(url);
    if(!bilibiliVideoId) {
    }
    else {
        return App_generateIframeHtml(Video_convertUrlToEmbedUrl(url, isAutoPlay), width, height);
    }

    var douyuRoomCode = App_getDouyuRoomCodeFromUrl(url);
    if(!douyuRoomCode) {
    }
    else {
        return '<embed width="' + width + '" height="' + height + '" allownetworking="all" allowscriptaccess="always" src="' + Video_convertUrlToEmbedUrl(url, isAutoPlay) + '" quality="high" bgcolor="#000" wmode="window" allowfullscreen="true" allowFullScreenInteractive="true" type="application/x-shockwave-flash">';
    }
    
    var douyuVideoCode = App_getDouyuVideoCodeFromUrl(url);
    if(!douyuVideoCode) {
    }
    else {
        return '<iframe src="' + Video_convertUrlToEmbedUrl(url, isAutoPlay) + '" frameborder="0" allowfullscreen="true" width="' + width + '" height="' + height + '"></iframe>';
    }
    
    var huyaRoomCode =  App_getHuyaRoomCodeFromUrl(url);
    if(!huyaRoomCode) {
    }
    else {
        return '<embed width="' + width + '" height="' + height + '" allownetworking="all" allowscriptaccess="always" src="' + Video_convertUrlToEmbedUrl(url, isAutoPlay) + '" quality="high" bgcolor="#000" wmode="window" allowfullscreen="true" allowFullScreenInteractive="true" type="application/x-shockwave-flash">';
    }
    
    return null;
}

function Video_convertUrlToEmbedUrl(url, isAutoPlay, width, height) {
    if(isAutoPlay == null) {
        isAutoPlay = false;
    }

    var youtubeId = App_getYouTubeIdFromUrl(url);
    if(!youtubeId) {
    }
    else {
        var url = "https://www.youtube.com/embed/" + youtubeId + "?wmode=transparent&showinfo=0";
        if(isAutoPlay) {
            url = System_setUrlParameter(url, "mute", "1");
            url = System_setUrlParameter(url, "autoplay", "1");
        }

        return url;
    }
    
    var facebookVideoId = App_getFacebookVideoIdFromUrl(url);
    if(!facebookVideoId) {
    }
    else {
        var url = 'https://www.facebook.com/plugins/video.php?href=' + encodeURIComponent(url) + '&show_text=0';
        if(width != null) {
            url = System_setUrlParameter(url, "width", width);
        }

        if(height != null) {
            url = System_setUrlParameter(url, "height", height);
        }

        url = System_setUrlParameter(url, "autoplay", (isAutoPlay ? "true" : "false"));

        return url;
    }
    
    //must call before App_getTwitchChannelCodeFromUrl(url)
    var twitchVideoId = App_getTwitchVideoIdFromUrl(url);
    if(!twitchVideoId) {
    }
    else {
        var url = "https://player.twitch.tv/?video=v" + twitchVideoId;
        url = System_setUrlParameter(url, "autoplay", (isAutoPlay ? "true" : "false"));

        return url;
    }
    
    var twitchChannelCode =  App_getTwitchChannelCodeFromUrl(url);
    if(!twitchChannelCode) {
    }
    else {
        var url = "https://player.twitch.tv/?channel=" + twitchChannelCode;
        url = System_setUrlParameter(url, "autoplay", (isAutoPlay ? "true" : "false"));

        return url;
    }

    var bilibiliLiveId = App_getBilibiliLiveIdFromUrl(url);
    if(!bilibiliLiveId) {
    }
    else {
        return "https://www.bilibili.com/blackboard/live/live-activity-player.html?cid=" + bilibiliLiveId;
    }

    var bilibiliVideoId = App_getBilibiliVideoIdFromUrl(url);
    if(!bilibiliVideoId) {
    }
    else {
        var url = "//player.bilibili.com/player.html?bvid=" + bilibiliVideoId + "&p=1";
        url = System_setUrlParameter(url, "autoplay", (isAutoPlay ? "true" : "false"));

        return url;
    }
    
    var douyuRoomCode =  App_getDouyuRoomCodeFromUrl(url);
    if(!douyuRoomCode) {
    }
    else {
        return "https://staticlive.douyucdn.cn/common/share/play.swf?room_id=" + douyuRoomCode;
    }
    
    var douyuVideoCode = App_getDouyuVideoCodeFromUrl(url);
    if(!douyuVideoCode) {
    }
    else {
        return "https://v.douyu.com/video/share/index?vid=" + douyuVideoCode;
    }
    
    var huyaRoomCode =  App_getHuyaRoomCodeFromUrl(url);
    if(!huyaRoomCode) {
    }
    else {
        return "https://liveshare.huya.com/" + huyaRoomCode + "/huyacoop.swf";
    }
    
    return null;
}

function Video_convertUrlToThumbnailUrl(url, width, height) {
    var youtubeId = App_getYouTubeIdFromUrl(url);
    if(!youtubeId) {
    }
    else {
        return 'https://img.youtube.com/vi/' + youtubeId + '/hqdefault.jpg';
    }
    
    var facebookVideoId = App_getFacebookVideoIdFromUrl(url);
    if(!facebookVideoId) {
    }
    else {
        return 'https://graph.facebook.com/' + facebookVideoId + '/picture';
    }
    
    //must call before App_getTwitchChannelCodeFromUrl(url)
    var twitchVideoId = App_getTwitchVideoIdFromUrl(url);
    if(!twitchVideoId) {
    }
    else {
        return '';
    }
    
    var twitchChannelCode =  App_getTwitchChannelCodeFromUrl(url);
    if(!twitchChannelCode) {
    }
    else {
        return 'https://static-cdn.jtvnw.net/previews-ttv/live_user_' + twitchChannelCode + '-320x180.jpg';
    }
    
    var douyuRoomCode =  App_getDouyuRoomCodeFromUrl(url);
    if(!douyuRoomCode) {
    }
    else {
        return '';
    }
    
    var douyuVideoCode = App_getDouyuVideoCodeFromUrl(url);
    if(!douyuVideoCode) {
    }
    else {
        return '';
    }
    
    var huyaRoomCode =  App_getHuyaRoomCodeFromUrl(url);
    if(!huyaRoomCode) {
    }
    else {
        return '';
    }
    
    return null;
}

function App_generateIframeHtml(link, width, height){
    if (link.search("twitch.tv/") >= 0 || link.search("youtube.com/") >= 0 || link.search("facebook.com/") >= 0) {
        return '<iframe id="video" width="' + width + '" height="' + height + '" src="' + link + '" frameborder="0" scrolling="no" allowfullscreen></iframe>';
    }
    else if (link.search("bilibili.com/blackboard/live/live-activity-player.html") >= 0) {
        return '<iframe src="' + link + '" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style="border:none; width:' + width + 'px; height:' + height + 'px;"></iframe>';
    }
    else if (link.search("player.bilibili.com/") >= 0) {
        return '<iframe src="' + link + '" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="border:none; width:' + width + 'px; height:' + height + 'px;"></iframe>';
    }
    else if(link.search("staticlive.douyucdn.cn") >= 0) {
        return '<iframe id="video"><embed width="' + width + '" height="' + height + '" allownetworking="all" allowscriptaccess="always" src="' + link + '" quality="high" bgcolor="#000" wmode="window" allowfullscreen="true" allowFullScreenInteractive="true" type="application/x-shockwave-flash"></iframe>';
    }

    return false;
}

function Video_getVideoDialogPlatformUrlSample(platformCode) {
    if(platformCode == "twitch") {
        return "https://www.twitch.tv/videos/xxxxxx";
    }
    else if(platformCode == "youtube") {
        return "https://www.youtube.com/watch?v=xxxxxxxxxxx";
    }
    else if(platformCode == "facebook") {
        return "https://www.facebook.com/xxxxx/videos/xxxxxxxxxxxxxxxx";
    }
    else if(platformCode == "bilibili") {
        return "https://www.bilibili.com/video/xxxxx or https://live.bilibili.com/xxxxx";
    }
    else if(platformCode == "douyu") {
        return "https://v.douyu.com/show/xxxxxx";
    }
    else if(platformCode == "huya") {
        return "http://www.huya.com/xxxxxx";
    }

    return "";
}

function Video_onchangeVideoDialogPlatformCode() {
    var $platformCodeElement = $("#Dialog_VideoDialog .platform_code");
    var $platformUrlElement = $("#Dialog_VideoDialog .platform_url");

    $platformUrlElement.attr("placeholder", Video_getVideoDialogPlatformUrlSample($platformCodeElement.val()));
    
    $platformUrlElement.focus().select();
}

function Video_showVideoDialog(onCompleteAction){
    var html = '<div class="ui_message_error" style="display:none;"></div>' + 
            '<br />' + 
            '<table class="table_layout form valign_middle" style="width:100%;">' + 
            '<tr>' + 
            '<td><div>Platform</div></td>' + 
            '<td><div><select class="platform_code form-control" onchange="Video_onchangeVideoDialogPlatformCode();">' + 
            '<option value="">Please select</option>' + 
            '<option value="twitch">Twitch</option>' + 
            '<option value="youtube">YouTube</option>' + 
            '<option value="facebook">Facebook</option>' + 
            '<option value="bilibili">bilibili</option>' + 
            '<option value="douyu">Douyu</option>' + 
            //'<option value="huya">Huya</option>' + 
            '</select></div></td>' + 
            '</tr>' + 
            '<tr>' + 
            '<td><div>Link</div></td>' + 
            '<td><div><input type="text" class="platform_url form-control"></div></td>' + 
            '</tr>' + 
            '</table>';
    
    App_showDialogWithButtonMaps(
        "Dialog_VideoDialog", 
        "Video", 
        html, 
        {
            width:455
        },
        {
            "Submit": function () {
                event.preventDefault();
                Video_VideoDialog_hideErrorMessageBox();
                
                var platformCode = $("#Dialog_VideoDialog .platform_code").val();
                var platformUrl = $("#Dialog_VideoDialog .platform_url").val();
                
                if(System_checkIsEmptyString(platformCode)){
                    Video_VideoDialog_showErrorMessageBox(App_getHtmlSysMessageWithSourceString("Please select streaming platform"));
                    return;
                }
                
                if(System_checkIsEmptyString(platformUrl)){
                    Video_VideoDialog_showErrorMessageBox(App_getHtmlSysMessageWithSourceString("Please input streaming link"));
                    return;
                }

                if(Video_convertUrlToEmbedUrl(platformUrl) == null) {
                    Video_VideoDialog_showErrorMessageBox(App_getHtmlSysMessageWithSourceString("Please input supported streaming link"));
                    $("#Dialog_VideoDialog .platform_url").focus().select();
                    return;
                }

                App_closeDialog($("#Dialog_VideoDialog"));

                if(onCompleteAction != null) {
                    onCompleteAction(platformUrl);
                }
            },
            "Cancel": function (e) {
                App_closeDialog($("#Dialog_VideoDialog"));
            }
        });
}




function Socket_keepConnectionAlive01()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive01Core();
            
            Socket_keepConnectionAlive01();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive01Core()
{
    try {
        if(cgaSocketConnection01 != null) {
            if(cgaSocketConnection01.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection01.message('generic.event', {});
            }
            else if(cgaSocketConnection01.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection01 = new BrainSocket(
                    Socket_createWebSocket01(),
                    cgaSocketConnection01.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection01 = null;
function Socket_getConnection01()
{
    if(cgaSocketConnection01 == null)
    {
        cgaSocketConnection01 = new BrainSocket(
            Socket_createWebSocket01(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection01.connection.onopen = function () {
            Socket_keepConnectionAlive01();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive01Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection01 != null) {
                cgaSocketConnection01.connection.onclose = function () {};
                cgaSocketConnection01.connection.close();
            }
        };
    }

    return cgaSocketConnection01;
}

function Socket_createWebSocket01()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws01");
}

function Socket_keepConnectionAlive02()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive02Core();

            Socket_keepConnectionAlive02();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive02Core()
{
    try {
        if(cgaSocketConnection02 != null) {
            if(cgaSocketConnection02.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection02.message('generic.event', {});
            }
            else if(cgaSocketConnection02.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection02 = new BrainSocket(
                    Socket_createWebSocket02(),
                    cgaSocketConnection02.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection02 = null;
function Socket_getConnection02()
{
    if(cgaSocketConnection02 == null)
    {
        cgaSocketConnection02 = new BrainSocket(
            Socket_createWebSocket02(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection02.connection.onopen = function () {
            Socket_keepConnectionAlive02();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive02Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection02 != null) {
                cgaSocketConnection02.connection.onclose = function () {};
                cgaSocketConnection02.connection.close();
            }
        };
    }

    return cgaSocketConnection02;
}

function Socket_createWebSocket02()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws02");
}

function Socket_keepConnectionAlive03()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive03Core();

            Socket_keepConnectionAlive03();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive03Core()
{
    try {
        if(cgaSocketConnection03 != null) {
            if(cgaSocketConnection03.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection03.message('generic.event', {});
            }
            else if(cgaSocketConnection03.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection03 = new BrainSocket(
                    Socket_createWebSocket03(),
                    cgaSocketConnection03.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection03 = null;
function Socket_getConnection03()
{
    if(cgaSocketConnection03 == null)
    {
        cgaSocketConnection03 = new BrainSocket(
            Socket_createWebSocket03(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection03.connection.onopen = function () {
            Socket_keepConnectionAlive03();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive03Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection03 != null) {
                cgaSocketConnection03.connection.onclose = function () {};
                cgaSocketConnection03.connection.close();
            }
        };
    }

    return cgaSocketConnection03;
}

function Socket_createWebSocket03()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws03");
}

function Socket_keepConnectionAlive04()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive04Core();

            Socket_keepConnectionAlive04();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive04Core()
{
    try {
        if(cgaSocketConnection04 != null) {
            if(cgaSocketConnection04.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection04.message('generic.event', {});
            }
            else if(cgaSocketConnection04.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection04 = new BrainSocket(
                    Socket_createWebSocket04(),
                    cgaSocketConnection04.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection04 = null;
function Socket_getConnection04()
{
    if(cgaSocketConnection04 == null)
    {
        cgaSocketConnection04 = new BrainSocket(
            Socket_createWebSocket04(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection04.connection.onopen = function () {
            Socket_keepConnectionAlive04();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive04Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection04 != null) {
                cgaSocketConnection04.connection.onclose = function () {};
                cgaSocketConnection04.connection.close();
            }
        };
    }

    return cgaSocketConnection04;
}

function Socket_createWebSocket04()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws04");
}

function Socket_keepConnectionAlive05()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive05Core();

            Socket_keepConnectionAlive05();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive05Core()
{
    try {
        if(cgaSocketConnection05 != null) {
            if(cgaSocketConnection05.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection05.message('generic.event', {});
            }
            else if(cgaSocketConnection05.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection05 = new BrainSocket(
                    Socket_createWebSocket05(),
                    cgaSocketConnection05.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection05 = null;
function Socket_getConnection05()
{
    if(cgaSocketConnection05 == null)
    {
        cgaSocketConnection05 = new BrainSocket(
            Socket_createWebSocket05(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection05.connection.onopen = function () {
            Socket_keepConnectionAlive05();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive05Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection05 != null) {
                cgaSocketConnection05.connection.onclose = function () {};
                cgaSocketConnection05.connection.close();
            }
        };
    }

    return cgaSocketConnection05;
}

function Socket_createWebSocket05()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws05");
}

function Socket_keepConnectionAlive06()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive06Core();

            Socket_keepConnectionAlive06();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive06Core()
{
    try {
        if(cgaSocketConnection06 != null) {
            if(cgaSocketConnection06.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection06.message('generic.event', {});
            }
            else if(cgaSocketConnection06.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection06 = new BrainSocket(
                    Socket_createWebSocket06(),
                    cgaSocketConnection06.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection06 = null;
function Socket_getConnection06()
{
    if(cgaSocketConnection06 == null)
    {
        cgaSocketConnection06 = new BrainSocket(
            Socket_createWebSocket06(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection06.connection.onopen = function () {
            Socket_keepConnectionAlive06();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive06Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection06 != null) {
                cgaSocketConnection06.connection.onclose = function () {};
                cgaSocketConnection06.connection.close();
            }
        };
    }

    return cgaSocketConnection06;
}

function Socket_createWebSocket06()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws06");
}

function Socket_keepConnectionAlive07()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive07Core();

            Socket_keepConnectionAlive07();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive07Core()
{
    try {
        if(cgaSocketConnection07 != null) {
            if(cgaSocketConnection07.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection07.message('generic.event', {});
            }
            else if(cgaSocketConnection07.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection07 = new BrainSocket(
                    Socket_createWebSocket07(),
                    cgaSocketConnection07.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection07 = null;
function Socket_getConnection07()
{
    if(cgaSocketConnection07 == null)
    {
        cgaSocketConnection07 = new BrainSocket(
            Socket_createWebSocket07(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection07.connection.onopen = function () {
            Socket_keepConnectionAlive07();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive07Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection07 != null) {
                cgaSocketConnection07.connection.onclose = function () {};
                cgaSocketConnection07.connection.close();
            }
        };
    }

    return cgaSocketConnection07;
}

function Socket_createWebSocket07()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws07");
}

function Socket_keepConnectionAlive08()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive08Core();

            Socket_keepConnectionAlive08();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive08Core()
{
    try {
        if(cgaSocketConnection08 != null) {
            if(cgaSocketConnection08.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection08.message('generic.event', {});
            }
            else if(cgaSocketConnection08.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection08 = new BrainSocket(
                    Socket_createWebSocket08(),
                    cgaSocketConnection08.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection08 = null;
function Socket_getConnection08()
{
    if(cgaSocketConnection08 == null)
    {
        cgaSocketConnection08 = new BrainSocket(
            Socket_createWebSocket08(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection08.connection.onopen = function () {
            Socket_keepConnectionAlive08();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive08Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection08 != null) {
                cgaSocketConnection08.connection.onclose = function () {};
                cgaSocketConnection08.connection.close();
            }
        };
    }

    return cgaSocketConnection08;
}

function Socket_createWebSocket08()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws08");
}

function Socket_keepConnectionAlive09()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive09Core();

            Socket_keepConnectionAlive09();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive09Core()
{
    try {
        if(cgaSocketConnection09 != null) {
            if(cgaSocketConnection09.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection09.message('generic.event', {});
            }
            else if(cgaSocketConnection09.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection09 = new BrainSocket(
                    Socket_createWebSocket09(),
                    cgaSocketConnection09.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection09 = null;
function Socket_getConnection09()
{
    if(cgaSocketConnection09 == null)
    {
        cgaSocketConnection09 = new BrainSocket(
            Socket_createWebSocket09(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection09.connection.onopen = function () {
            Socket_keepConnectionAlive09();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive09Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection09 != null) {
                cgaSocketConnection09.connection.onclose = function () {};
                cgaSocketConnection09.connection.close();
            }
        };
    }

    return cgaSocketConnection09;
}

function Socket_createWebSocket09()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws09");
}

function Socket_keepConnectionAlive10()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive10Core();

            Socket_keepConnectionAlive10();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive10Core()
{
    try {
        if(cgaSocketConnection10 != null) {
            if(cgaSocketConnection10.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection10.message('generic.event', {});
            }
            else if(cgaSocketConnection10.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection10 = new BrainSocket(
                    Socket_createWebSocket10(),
                    cgaSocketConnection10.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection10 = null;
function Socket_getConnection10()
{
    if(cgaSocketConnection10 == null)
    {
        cgaSocketConnection10 = new BrainSocket(
            Socket_createWebSocket10(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection10.connection.onopen = function () {
            Socket_keepConnectionAlive10();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive10Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection10 != null) {
                cgaSocketConnection10.connection.onclose = function () {};
                cgaSocketConnection10.connection.close();
            }
        };
    }

    return cgaSocketConnection10;
}

function Socket_createWebSocket10()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws10");
}

function Socket_keepConnectionAlive11()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive11Core();

            Socket_keepConnectionAlive11();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive11Core()
{
    try {
        if(cgaSocketConnection11 != null) {
            if(cgaSocketConnection11.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection11.message('generic.event', {});
            }
            else if(cgaSocketConnection11.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection11 = new BrainSocket(
                    Socket_createWebSocket11(),
                    cgaSocketConnection11.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection11 = null;
function Socket_getConnection11()
{
    if(cgaSocketConnection11 == null)
    {
        cgaSocketConnection11 = new BrainSocket(
            Socket_createWebSocket11(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection11.connection.onopen = function () {
            Socket_keepConnectionAlive11();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive11Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection11 != null) {
                cgaSocketConnection11.connection.onclose = function () {};
                cgaSocketConnection11.connection.close();
            }
        };
    }

    return cgaSocketConnection11;
}

function Socket_createWebSocket11()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws11");
}

function Socket_keepConnectionAlive12()
{
    setTimeout(
        function() {
            Socket_keepConnectionAlive12Core();

            Socket_keepConnectionAlive12();
        },
        10000//10 seconds
    );
}

function Socket_keepConnectionAlive12Core()
{
    try {
        if(cgaSocketConnection12 != null) {
            if(cgaSocketConnection12.connection.readyState == WebSocket.OPEN) {
                cgaSocketConnection12.message('generic.event', {});
            }
            else if(cgaSocketConnection12.connection.readyState == WebSocket.CLOSED) {
                cgaSocketConnection12 = new BrainSocket(
                    Socket_createWebSocket12(),
                    cgaSocketConnection12.Event
                );
            }
        }
    }
    catch(e) {
        //alert(e);
    }
}

var cgaSocketConnection12 = null;
function Socket_getConnection12()
{
    if(cgaSocketConnection12 == null)
    {
        cgaSocketConnection12 = new BrainSocket(
            Socket_createWebSocket12(),
            new BrainSocketPubSub()
        );

        cgaSocketConnection12.connection.onopen = function () {
            Socket_keepConnectionAlive12();

            window.addEventListener('focus', function(event) {
                Socket_keepConnectionAlive12Core();
            });
        };

        window.onbeforeunload = function() {
            if(cgaSocketConnection12 != null) {
                cgaSocketConnection12.connection.onclose = function () {};
                cgaSocketConnection12.connection.close();
            }
        };
    }

    return cgaSocketConnection12;
}

function Socket_createWebSocket12()
{
    return new WebSocket("wss:\/\/vs.cga.gg\/ws12");
}
























function App_closeDialog2($dialog)
{
    $dialog.parent().modal('hide');
}