﻿if (!Auto) var Auto = {};
if (!Auto.Main) Auto.Main = {};
if (!Auto.Main.NewCars) Auto.Main.NewCars = {};

Auto.Main.NewCars.getCurrentMake = function() {
    return $("#NewCarsMake > option:selected").attr("value");
};

Auto.Main.NewCars.changeMake = function() {
    $("#NewCarsModel").attr('disabled', true);

    var make = Auto.Main.NewCars.getCurrentMake();
    var options = "<option value=\"0\">Модель</option>";

    $.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",
        url: getCurrentUrl("/Find/Models/") + make,
        dataType: "json",
        success: function(modelList) {
            if (modelList.length > 0) {
                for (var item in modelList) {
                    options += "<option value='" + modelList[item].Id + "'>" + modelList[item].Title + "</option>";
                }
                $("#NewCarsModel").removeAttr('disabled').html(options);
            } else {
                $("#NewCarsModel").attr('disabled', true).html('');
            }
        }
    });
};


if (!Auto.Main.UsedCars) Auto.Main.UsedCars = {};

Auto.Main.UsedCars.getCurrentClassKey = function() {
    return "car";
};

Auto.Main.UsedCars.getCurrentMake = function() {
    return $("#UsedCarsMake > option:selected").attr("value");
};

Auto.Main.UsedCars.getMake = function() {

};

Auto.Main.UsedCars.changeMake = function() {
    $("#UsedCarsModel").attr('disabled', true).html('<option>Модель</option>');

    $.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",
        url: getCurrentUrl("/UsedCars/GetModels/"),
        data: { classKey: function() { return Auto.Main.UsedCars.getCurrentClassKey() }, makeId: function() { return Auto.Main.UsedCars.getCurrentMake() } },
        dataType: "json",
        success: function(makeList) {
            var options = "<option value=\"\">Модель</option>";
            if (makeList.length > 0) {
                for (var item in makeList) {
                    options += "<option value='" + makeList[item].Id + "'>" + makeList[item].Text + "</option>";
                }
                $("#UsedCarsModel").removeAttr('disabled').html(options);
            }
        }
    });
};

$(function() {
    $("#prevMainNews").click(function() {
        var mainNews = $("div#mainNews > div");
        var count = $("div#mainNews > div").length;

        var v = $("div#mainNews > div:visible");
        var oldIndex = mainNews.index(v);
        var oldSrc = $("div#iconsMainNews > img").eq(oldIndex).attr("src");

        if (oldIndex + 1 < count)
            v.hide().next().show();
        else {
            $("div#mainNews > div:last").hide();
            $("div#mainNews > div:first").show();
        }

        v = $("div#mainNews > div:visible");
        var newIndex = mainNews.index(v);
        var newSrc = $("div#iconsMainNews > img").eq(newIndex).attr("src");

        $("div#iconsMainNews > img").eq(oldIndex).attr("src", newSrc);
        $("div#iconsMainNews > img").eq(newIndex).attr("src", oldSrc);
    });

    $("#nextMainNews").click(function() {
        var mainNews = $("div#mainNews > div");
        var count = $("div#mainNews > div").length;

        var v = $("div#mainNews > div:visible");
        var oldIndex = mainNews.index(v);
        var oldSrc = $("div#iconsMainNews > img").eq(oldIndex).attr("src");

        if (oldIndex == 0) {
            $("div#mainNews > div:first").hide();
            $("div#mainNews > div:last").show();
        }
        else {
            v.hide().prev().show();
        }

        v = $("div#mainNews > div:visible");
        var newIndex = mainNews.index(v);
        var newSrc = $("div#iconsMainNews > img").eq(newIndex).attr("src");

        $("div#iconsMainNews > img").eq(oldIndex).attr("src", newSrc);
        $("div#iconsMainNews > img").eq(newIndex).attr("src", oldSrc);
    });

});

function ajaxLoadTab(tab) {
    $("#tabHeader > li").filter(".current").removeClass("current");
    $(tab).parent("li").addClass("current");

    $("#tabBody").html("<div>Загрузка...</div>");

    $.getJSON(tab.href,
        function(tabNews) {
            //$("#tabBody").append("#tabNewsTemplate", tabNews);    
        
            var tabContentNews = "";

            for (var i in tabNews) {
                tabContentNews += "<a href=" + tabNews[i].Link + " class='fl mrt link'><img class='img_set' style='background-image:url(" + tabNews[i].ResizeImage + ");' src=" + tabNews[i].ImageFrame + " width='106' height='81' alt='' /></a>";
                //tabContentNews += "<a href=" + tabNews[i].Link + " class='fl mrt link'><img class='img_set' width='106' height='81' src='" + tabNews[i].Image + "'/></a>";
                tabContentNews += "<a href='" + tabNews[i].Link + "'><b>" + tabNews[i].Title + "</b></a>";
                tabContentNews += "<div class='m_top3px'></div>";
                tabContentNews += tabNews[i].Description;
                tabContentNews += "<div class='m_top3px'></div>";
                tabContentNews += "<span class='small gray'>" + tabNews[i].PublishedDate + "</span>";
                tabContentNews += "<div class='clear_big'></div>";
                tabContentNews += "<div class='hr'></div>";
                tabContentNews += "<div class='clear_big'></div>";
            };

            $("#tabBody").html(tabContentNews);
        });
};

   
   