$(document).ready(function(){
    

    $(".zakladkaNocleg").css("display","none");
    $("#zakladki_statyczne").css("display","block");
    $(".section_kalkulator").css("display","block");
    /* Ustawienia dla połączenia AJAX */
    var domain = document.domain;
    var server = "localhost";
    if(domain=="localhost")
        server = "http://localhost/eurowypoczynek/";
    else
        server = "http://" + domain + "/";
    var ajaxUrl = server + "ajax.php";
    /* Selektory dla zakładek statycznych */
    var selectorStaticA = "div#zakladki_statyczne a";
    var selectorStaticB = "div#boksy_statyczne div.zakladkaNocleg";
    /* Selektory dla zakładek AJAX */
    var selectorAJAXA = "div#zakladki_ajax a";
    var selectorAJAXB = "div#boksy_ajax div.zakladkaNocleg";
    /* Selektory dla zakładek AJAX 2*/
    var selectorAJAXA2 = "div#zakladki_ajax2 a";
    var selectorAJAXB2 = "div#boksy_ajax2 div.zakladkaNocleg";
    /* Aktywacja pierwszej zakładki statycznej */
    var firstTabStatic = $("div#zakladki_statyczne a:first");
    activateTab(firstTabStatic,selectorStaticA,selectorStaticB);
    /* Aktywacja klikniętej zakładki statycznej */
    $("div#zakladki_statyczne a").click(function() {
        activateTab($(this),selectorStaticA,selectorStaticB);
        var nameTab = $(this).attr("name");
        if(nameTab == 'zakladka_GoogleMaps') {
            if(!$("#mapka").html()) {
                startGoogleMap();                
            }
        }
        return false;
    });
    /* Aktywacja pierwszej zakładki statycznej */
    var firstTabAJAX = $("div#zakladki_ajax a:first");
    activateTab(firstTabAJAX,selectorAJAXA,selectorAJAXB);
    ajaxDataForTab(firstTabAJAX.attr("name"));
    /* Aktywacja klikniętej zakładki statycznej */
    $("#zakladki_ajax a").click(function() {
        activateTab($(this),selectorAJAXA,selectorAJAXB);
        var nameTab = $(this).attr("name");
        if(!$("#" + nameTab).html()) {
            ajaxDataForTab(nameTab);
        }
        return false;
    });
    /* Aktywacja 2 zakładki statycznej */
    var firstTabAJAX2 = $("div#zakladki_ajax2 a:first");
    activateTab(firstTabAJAX2,selectorAJAXA2,selectorAJAXB2);
    ajaxDataForTab(firstTabAJAX2.attr("name"));
    /* Aktywacja klikniętej zakładki statycznej */
    $("#zakladki_ajax2 a").click(function() {
        activateTab($(this),selectorAJAXA2,selectorAJAXB2);
        var nameTab = $(this).attr("name");
        if(!$("#" + nameTab).html()) {
            ajaxDataForTab(nameTab);
        }
        return false;
    });
    /* Funkcje pomocniczne */
    function ajaxDataForTab(tabName) {
        if(tabName) {
            var ajaxUrlClient = ajaxUrl + "?action=noclegzakladka&tab=" + tabName + "&id=" + $(document).getUrlParam(1);
            $("#" + tabName).html('<center><img src="' + server + 'loading.gif" alt="Loading..."/></center>');
            $.ajax({
                type: "GET",
                datatype: "html",
                url: ajaxUrlClient,
                success: function(html) {
                    $("#" + tabName).css("display","none");
                    if(html) {
                        $("#" + tabName).html(html);
                    }
                    else {
                        getNoDataInfo("#" + tabName);
                    }                 
                },
                complete: function() {
                    $("#" + tabName).css("display","block");
                }
            });
        }
    }
    function activateTab(tab,selectorA,selectorB) {
        $(selectorA).removeClass("zakladkaAktywna");
        $(tab).addClass("zakladkaAktywna");
        var tab_name = $(tab).attr("name");
        var box_name = new String;
        $(selectorB).css("display","none");
        $(selectorB).each(function() {
            box_name = $(this).attr("id");
            if(tab_name==box_name) {
                $(this).css("display","block");
            }
        });
    }

    function getNoDataInfo(divId) {
        var domain = document.domain;
        var server = "localhost";
        if(domain=="localhost")
            server = "http://localhost/eurowypoczynek/";
        else
            server = "http://" + domain + "/";
        var ajaxUrl = server;
        var ajaxUrlClientPokaz = ajaxUrl + 'ajax.php?action=pobierzslowo&grupa=noclegWizytowka&slowo=brakInformacji';
        $.ajax({
            type: "GET",
            datatype: "text",
            url: ajaxUrlClientPokaz,
            success: function(text) {
                $(divId).html('<div class="noclegNoDataInfo">' + text + '</div>');
            }
        });
    }
});
