/*
Element.addMethods({
    appendText: function(element, text) {
        text = document.createTextNode(text);
        element.appendChild(text);
        return $(element);
    }
});

var Ajax;
if (Ajax && (Ajax != null)) {
    Ajax.Responders.register({
        onCreate: function() {
            if($('spinner') && Ajax.activeRequestCount>0)
                Effect.Appear('spinner',{
                    duration:0.5,
                    queue:'end'
                });
        },
        onComplete: function() {
            if($('spinner') && Ajax.activeRequestCount==0)
                Effect.Fade('spinner',{
                    duration:0.5,
                    queue:'end'
                });
        }
    });
}

Event.observe(window, 'load', function() {
    $$('a.email').each(function(e) {
        var email = e.innerHTML;
        email = email.replace(/\s*\(.+\)\s*//*
, "@");
        e.href = "mailto:" + email;
        e.innerHTML = email;
    })
})
*/

jQuery(document).ready(function($) {
    $.datepicker.setDefaults( $.datepicker.regional[ "da" ] );

    $('#menu').css('margin-left',($('#menu').width()-$('#navbar').width())/2)

    $('#searchDialog').dialog({
        autoOpen: false,
        title: "Søg i TopHat's kalender",
        modal: true,
        width: 500,
        height: 490,
        resizable: false,
        buttons: {
            "Søg": function() {
                var searchUrl = $('#searchUrl').attr('href')
                var date = $('#searchDatepicker').datepicker('getDate')
                var url = searchUrl + '?date=' + date.getTime();
                console.debug(url)
                window.location = url;
            },
            "Luk": function() {
                $(this).dialog('close')
            }
        },
        open: function() {
            console.debug($('#searchDatepicker').css('padding-left'))
            if($('#searchDatepicker').css('padding-left')=="0px") {
                var containerWidth = $('#searchDatepicker').width()
                var calendarWidth = $('#searchDatepicker').children().first().width()

                $('#searchDatepicker').css('padding-left',(containerWidth-calendarWidth)/2)
            }
        }

    })
    $('#searchDatepicker').datepicker( {
        minDate: Date.today(),
        changeMonth: true,
		changeYear: true
    })
    $('.searchCalendarLink').click(function(event) {
        event.preventDefault()
        $('#searchDialog').dialog('open')
    })
})