$(function()
{
    
    $.datepicker.setDefaults($.datepicker.regional['de']);
    
    //$(".ui-datepicker").css("z-index", 10001);
    //$("#ui-datepicker-div").css("z-index", $(".contentdiv").css("z-index")+50);

    $('#fromdate').datepicker({
        showAnim: "fadeIn",
        changeMonth: true,
        numberOfMonths: 2,
        showWeek: true,
        minDate: '+2',
        maxDate: '+11M +10D',
        dateFormat: "dd.mm.yy",
        altField: '#from',
        altFormat: '@',
        clickInput:true,
        beforeShow: function(input, inst) {
            $(".ui-datepicker-div").css("z-index", 10001); 
        },

        onSelect: function(){
            $('#from').val($('#from').val()*1/1000);
            var fromStamp = $('#from').val()*1;
            var toStamp = $('#to').val()*1;
            
            if(toStamp<fromStamp) {
                var d = new Date((fromStamp+(7*86400))*1000);
                $('#todate').val($.datepicker.formatDate("dd.mm.yy", d));
                $('#to').val(fromStamp+(7*86400));
            }
        }
    });
    
    
    $('#todate').datepicker({
        showAnim: "fadeIn",
        changeMonth: true,
        numberOfMonths: 2,
        showWeek: true,
        minDate: '+2',
        maxDate: '+11M +10D',
        dateFormat: "dd.mm.yy",
        altField: '#to',
        altFormat: '@',
        clickInput:true,
        onSelect: function(dateText, inst){
            $('#to').val($('#to').val()*1/1000);
            var fromStamp = $('#from').val()*1;
            var toStamp = $('#to').val()*1;
            
            if(toStamp<fromStamp) {
                var d = new Date((toStamp-(7*86400))*1000);
                $('#fromdate').val($.datepicker.formatDate("dd.mm.yy", d));
                $('#from').val(toStamp-(7*86400));
            }
        }
    });
    
    
    
    
});

$(document).ready(function() {
    $(".ui-datepicker").css("z-index", 10001);
});