﻿function ChangeTinyFixturePage(element, targetId, mode) {
    var sportId = $("#SelectedSportId").val();
    var tournamentId = $("#SelectedTournamentId").val();
    var stageId = $("#TinyStageId").val();
    var containerId1 = $("#TinyContainerId1").val();
    var containerId2 = $("#TinyContainerId2").val();
    var formTeams = $("#TinyForTeams").val();
    var date = $("#TinyDate").val();

    $(".selectedTinyFixtureMenuItem").removeClass("selectedTinyFixtureMenuItem").addClass("tinyFixtureMenuItem");
    element.className = "selectedTinyFixtureMenuItem";

    if (mode == "LastWeek") //eğer detaylıysa sol kutucuğu da seçili yap
        $("#detailTypeFilterTiny .detailLeft").removeClass("detailLeft").addClass("selectedDetailLeft");
    else
        $("#detailTypeFilterTiny .selectedDetailLeft").removeClass("selectedDetailLeft").addClass("detailLeft");

    if (mode == "ThisWeek") //eğer dış sahaysa sağ kutucuğu da seçili yap
        $("#detailTypeFilterTiny .detailRight").removeClass("detailRight").addClass("selectedDetailRight");
    else
        $("#detailTypeFilterTiny .selectedDetailRight").removeClass("selectedDetailRight").addClass("detailRight");

    $("#TinyMode").val(mode);
    $("#" + targetId).html("<div class='loaderAnimation'>&nbsp;</div>");

    $.ajax({
        url: "/TinyParts/TinyFixtureData.aspx?rnd=" + Math.random() + "&sportId=" + sportId + "&tournamentId=" + tournamentId +
            "&stageId=" + stageId + "&containerId1=" + containerId1 + "&containerId2" + containerId2 + "&mode=" + mode + "&forTeams=" + formTeams + 
            "&date=" + date + "&languageId=" + $("#CurrentLanguage").val(),
        type: "GET",
        dataType: "text/html",
        success: function (result) {
            if ($("#TinyMode").val() == mode) {
                $("#" + targetId).html(result);
                document.getElementById(targetId).innerHTML = result;
            }
        },
        error: function (xhr) {
        }
    });
}
