$(document).ready(function(){
   	        
   	        var calButtonImage = "/images/kalender/kalender.jpg";
   	        $(calGroupA.yearField).after(' <input type="hidden" size="10" id="calGroupA_hidden" />');
   	        $(calGroupB.yearField).after(' <input type="hidden" size="10" id="calGroupB_hidden" />');
   	        
   	        $("#calGroupA_hidden").datepicker({
       	        showOn: "button",
       	        yearRange: '-0:+2',
       	        buttonImage: calButtonImage, 
       	        buttonImageOnly: true,
       	        beforeShow: function() {
       	            $("#calGroupA_hidden").val($(calGroupA.dayField).val() + '.' + $(calGroupA.monthField).val() + '.' + $(calGroupA.yearField).val()); 
       	            return {}; 
       	        },  
       	        onSelect: function(date) { 
                    $(calGroupA.dayField).val(date.substring(0, 2)); 
                    $(calGroupA.monthField).val(date.substring(3, 5)); 
                    $(calGroupA.yearField).val(date.substring(6, 10)); 
						      
                    if (($(calGroupB.dayField).val() == "" && $(calGroupB.monthField).val() == "" && $(calGroupB.yearField).val() == "")
                    && ($(calGroupA.dayField).val() != "" && $(calGroupA.monthField).val() != "" && $(calGroupA.yearField).val() != "")){
                        //create the date
                        var myDate = new Date($(calGroupA.yearField).val()+','+(parseInt($(calGroupA.monthField).val(),10))+','+$(calGroupA.dayField).val());
                        //add a day to the date
                        myDate.setDate(myDate.getDate() + 1);
                        myMonth = myDate.getMonth()+1;
                        if(myMonth < 10){
                           myMonth = '0'+myMonth;
                        }
                        myDay = myDate.getDate();
                        if(myDay < 10){
                           myDay = '0'+myDay;
                        }
                        $(calGroupB.dayField).val(myDay); 
                        $(calGroupB.monthField).val(myMonth); 
                        $(calGroupB.yearField).val(myDate.getFullYear());
                    }
                    if(calGroupA.callback){
                        eval(calGroupA.callback);
                    }
                } 
   	        });
   	        
   	        $("#calGroupB_hidden").datepicker({
       	        showOn: "button",
       	        yearRange: '-0:+2',
       	        buttonImage: calButtonImage, 
       	        buttonImageOnly: true,
       	        beforeShow: function() {
       	            $("#calGroupB_hidden").val($(calGroupB.dayField).val() + '.' + $(calGroupB.monthField).val() + '.' + $(calGroupB.yearField).val()); 
       	            return {}; 
       	        },  
       	        onSelect: function(date) { 
                    $(calGroupB.dayField).val(date.substring(0, 2)); 
                    $(calGroupB.monthField).val(date.substring(3, 5)); 
                    $(calGroupB.yearField).val(date.substring(6, 10));
                    if(calGroupB.callback){
                        eval(calGroupB.callback);
                    }
                } 
   	        });
   	    });