$(document).ready(function() {
  $("a[rel='gallery']").fancybox({
        'hideOnContentClick': false
    });

    /////////// calendar /////////////

//    var $datefrom = $('#id-datefrom');
//    var $dateto = $('#id-dateto');

    var $datefrom = $('#frmorderpersonalinfoform-datefrom');
    var $dateto = $('#frmorderpersonalinfoform-dateto');
    var $dateExcursion = $('#frmexcursionForm-date');

    $datefrom.attr('readonly','readonly');
    $dateto.attr('readonly','readonly');
    $dateExcursion.attr('readonly','readonly');

    function dateinputclick(){

        var div = $("#ajaxcalendararea");
        var divcontainer = $("#ajaxcalendarcontainer");
        var inputfield = $(this);
        var inputfield_offset = inputfield.offset();
        var divloading = createDivLoading();

        if(!divcontainer.lenght){
            $('body').append('<div id="ajaxcalendarcontainer"></div>')
            var divcontainer = $("#ajaxcalendarcontainer");
            divcontainer.css('position','absolute');
            divcontainer.css('top','0');
            divcontainer.css('left','0');
            divcontainer.css('zIndex','9999');
            divcontainer.css('padding','0');
            //divcontainer.css('background','black');
            //divcontainer.css('opacity','.50');
            //divcontainer.css('filter','alpha(opacity=50)');
            divcontainer.width('100%');
            divcontainer.height('100%');
            divcontainer.click(function(){
                $(this).hide();
                divloading.hide();
                div.hide();
            });
        }
        if(!div.lenght){
            $('body').append('<div id="ajaxcalendararea"></div>')
            var div = $("#ajaxcalendararea");
            div.css('position','absolute');
            div.css('zIndex','10000');
        }

        div.css('left',inputfield_offset.left);
        div.css('top',inputfield_offset.top+20);
        divloading.css('left',inputfield_offset.left);
        divloading.css('top',inputfield_offset.top+20);

        divloading.hide();
        divcontainer.show();
        div.hide();
        
        $.ajax({
            method: "get",
            url: root+"js/ajax-calendar/ajax-calendar.php",
            data: 'datum='+$(this).val()+'&root='+root+'&lang='+lang+'&sid='+Math.random(),
            beforeSend: function(){ divloading.show(); },
            complete:   function(){ /* divloading.fadeOut('fast'); */ },
            success:    function(html){
                            divcontainer.show();
                            divloading.fadeOut('fast', function(){
                                div.fadeIn('fast');
                                div.html(html);
                                setCalendarEvents(div,inputfield);
                            });
                        }
        });
    }

    function setCalendarEvents(calendar,inputfield){
        var divloading = $("#ajaxcalendarloading");
        var divcontainer = $("#ajaxcalendarcontainer");
        $('*',calendar).attr('onclick',null); //vyclearovani starych eventu
        $('*',calendar).attr('onchange',null); //vyclearovani starych eventu

        /** CLICK na datum**/
        $('tbody td',calendar).click(function(){
            divloading.hide();
            divcontainer.hide();
            calendar.fadeOut('fast');
            $(inputfield).val($(this).attr('title'));

            /* !TADY! */
            if( $(inputfield).attr('id')=='frmorderForm-o_checkin' && $('#frmorderForm-o_checkout').val() == '' ){
                $('#frmorderForm-o_checkout').val($(this).attr('title'));
            }
        });

        $('#ajaxcalendar-changemonthleft,#ajaxcalendar-changemonthright',calendar).click(function(){
            $.ajax({
                method: "get",
                url: root+"js/ajax-calendar/ajax-calendar.php",
                data: 'datum='+$(this).attr('title')+'&root='+root+'&lang='+lang+'&sid='+Math.random(),
                beforeSend: function(){ /* calendar.fadeOut('fast'); divloading.fadeIn('fast');*/ },
                complete:   function(){ /* divloading.fadeOut('fast');*/  },
                success:    function(html){
                                    calendar.html(html);
                                    setCalendarEvents(calendar,inputfield);
                            }
            });
        });

        $('#ajaxcalendar-selectmonth,#ajaxcalendar-selectyear',calendar).change(function(){
            $.ajax({
                method: "get",
                url: root+"js/ajax-calendar/ajax-calendar.php",
                data: 'datum='+$(this).val()+'&root='+root+'&lang='+lang+'&sid='+Math.random(),
                beforeSend: function(){ /* calendar.fadeOut('fast'); divloading.fadeIn('fast');*/ },
                complete:   function(){ /* divloading.fadeOut('fast');*/  },
                success:    function(html){
                                    calendar.html(html);
                                    setCalendarEvents(calendar,inputfield);
                            }
            });
        });
    } //setCalendarEvents

    function createDivLoading(){
        var divloading = $("#ajaxcalendarloading");
        if(!divloading.lenght){
            $('body').append('<div id="ajaxcalendarloading"></div>')
            var divloading = $("#ajaxcalendarloading");
            divloading.css('position','absolute');
            divloading.css('zIndex','10001');
            //divloading.css('border','1px solid #999');
            //divloading.css('padding','5px');
            //divloading.css('background','#fefefe');
            //divloading.text( retL("Pracuji...","Werke...","Working...","Pracujem...") );
        }
        divloading.hide();
        return $("#ajaxcalendarloading");
    }

    $datefrom.click(dateinputclick);
    $dateto.click(dateinputclick);
    $dateExcursion.click(dateinputclick);

});