function load()  
	{  	
		var di = new nitobi.calendar.DateInput();
		
	    var datePicker = nitobi.loadComponent("dp"); 		
	    var dp1 = nitobi.loadComponent("dp1");
	    
	    var dp = nitobi.getComponent("dp");  
	    dp.setMinDate("today");
	    dp.render();
	    
	    var dp= nitobi.getComponent("dp1");  
	    dp.setMinDate("today");
	    dp.render();
	    
	    var dp = nitobi.getComponent("dp");
		var input = dp.getInput();
		input.setWidth("100px");
	    input.setEditable ("false");
	    input.setDisplayMask ("dd/MM/yyyy");
		dp.render();
		
		var dp = nitobi.getComponent("dp1");
		var input = dp.getInput();
		input.setWidth("100px");
	    input.setEditable ("false");
	    input.setDisplayMask ("dd/MM/yyyy");
		dp.render();

	}
	function setMin(e)  
	{  
	    var start = e.source;  
	    var minDate = start.getSelectedDate();  
	    nitobi.base.DateMath.add(minDate, 'd', 1);  
	    var end = nitobi.getComponent("dp1");  
	    end.setMinDate(minDate);  
	    end.render();
	    
	}
	
	  
	function setMax(e)  
	{  
	    var end = e.source;  
	    var maxDate = end.getSelectedDate();  
	    nitobi.base.DateMath.subtract(maxDate, 'd', 1);  
	    var start = nitobi.getComponent("dp");  
	    start.setMaxDate(maxDate);  
	    start.render();  
	}
	nitobi.html.attachEvent(window, "load", load);
	
	
function halfDay(e, id, name)
{	
	var selected = e.source;  
	var date = selected.getSelectedDate();
	var dstr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
	var half = '<select name="'+name+'" dir="rtl">'+
												
				'<option value="9" >9:00</option> '+
												
				'<option value="10" >10:00</option> '+
												
				'<option value="11" >11:00</option> '+
												
				'<option value="12" >12:00</option> '+
												
				'<option value="13" >13:00</option> '+
												
				'<option value="14" >14:00</option> '+
															
				'</select>';
				
	var full = '<select name="'+name+'" dir="rtl">'+
												
				'<option value="9" >9:00</option> '+
												
				'<option value="10" >10:00</option> '+
												
				'<option value="11" >11:00</option> '+
												
				'<option value="12" >12:00</option> '+
												
				'<option value="13" >13:00</option> '+
												
				'<option value="14" >14:00</option> '+
															
				'<option value="15" >15:00</option> '+
															
				'<option value="16" >16:00</option> '+
				
				'<option value="17" >17:00</option> '+
															
				'</select>';
				
	var shortt = '<select name="'+name+'" dir="rtl">'+
												
				'<option value="9" >9:00</option> '+
												
				'<option value="10" >10:00</option> '+
												
				'<option value="11" >11:00</option> '+
																																																																																					
				'</select>';


	document.getElementById(id).innerHTML=full;

	if (date.getDay() == '5' ||dstr=="2010-3-29" || dstr=="2010-4-4" 
			|| dstr=="2010-4-18" || dstr=="2010-5-18" 
			|| dstr=="2010-9-8" || dstr=="2010-9-22" 
			|| dstr=="2010-9-28")
		{	
			document.getElementById(id).innerHTML=half;
		}
		
		if (dstr=="2010-9-17")
		{	
			document.getElementById(id).innerHTML=shortt;
		}
		
		if (date.getDay() == '6')
		{	
			document.getElementById(id).innerHTML="לא פתוחים בשבת";
		}

}
	
	
function changeCalendarTime(tId, name, place, calId, dp)
{
	var time, cal, dateSelected
	
	var dpS = nitobi.getComponent(dp);
	
	dateSelected = dpS.getSelectedDate();
		
	if (place =='17')
	{
		time =  '<select name="'+name+'" dir="rtl">'+
												
				'<option value="1" >1:00</option> '+
				
				'<option value="2" >2:00</option> '+
				
				'<option value="3" >3:00</option> '+
				
				'<option value="4" >4:00</option> '+
				
				'<option value="5" >5:00</option> '+
				
				'<option value="6" >6:00</option> '+
				
				'<option value="7" >7:00</option> '+
				
				'<option value="8" >8:00</option> '+
				
				'<option value="9" >9:00</option> '+
				
				'<option value="10" >10:00</option> '+
				
				'<option value="11" >11:00</option> '+
				
				'<option value="12" >12:00</option> '+
				
				'<option value="13" >13:00</option> '+
				
				'<option value="14" >14:00</option> '+
				
				'<option value="15" >15:00</option> '+
				
				'<option value="16" >16:00</option> '+
				
				'<option value="17" >17:00</option> '+
				
				'<option value="18" >18:00</option> '+
				
				'<option value="19" >19:00</option> '+
				
				'<option value="20" >20:00</option> '+
				
				'<option value="21" >21:00</option> '+
				
				'<option value="22" >22:00</option> '+
				
				'<option value="23" >23:00</option> '+
				
				'<option value="23" >24:00</option> '+
				
				'</select>';
				
			cal = '<ntb:datepicker id="'+dp+'" theme="flex" ondateselected="setMin(eventArgs);" eventsurl = "disabledOut.asp">\n'+
    									'<ntb:dateinput></ntb:dateinput>\n' +
   										'<ntb:calendar monthcolumns="3"></ntb:calendar>\n'+  
										'</ntb:datepicker>';				
			document.getElementById(tId).innerHTML=time;
			
			document.getElementById(calId).innerHTML=cal;
			
			 var datePicker = nitobi.loadComponent(dp); 		
		    
		    var dp = nitobi.getComponent(dp);  
		    dp.setMinDate("today");
		    dp.setSelectedDate(dateSelected);
		    dp.render();
		    
			var input = dp.getInput();
			input.setWidth("100px");
		    input.setEditable ("false");
		    input.setDisplayMask ("dd/MM/yyyy");
			dp.render();
			

			
	}
	
	else
	{
	
		time =  '<select name="'+name+'" dir="rtl">'+
												
				'<option value="9" >9:00</option> '+
				
				'<option value="10" >10:00</option> '+
				
				'<option value="11" >11:00</option> '+
				
				'<option value="12" >12:00</option> '+
				
				'<option value="13" >13:00</option> '+
				
				'<option value="14" >14:00</option> '+
				
				'<option value="15" >15:00</option> '+
				
				'<option value="16" >16:00</option> '+
				
				'<option value="17" >17:00</option> '+

				'</select>';
				
			cal = '<ntb:datepicker id="'+dp+'" theme="flex" ondateselected="setMin(eventArgs);halfDay(eventArgs,\'t1\', \'pickupTime\');" eventsurl = "disabled.asp">\n'+
    									'<ntb:dateinput></ntb:dateinput>\n' +
   										'<ntb:calendar monthcolumns="3"></ntb:calendar>\n'+  
										'</ntb:datepicker>';				
			document.getElementById(tId).innerHTML=time;
			
			document.getElementById(calId).innerHTML=cal;
			
			 var datePicker = nitobi.loadComponent(dp); 		
		    
		    var dp = nitobi.getComponent(dp);  
		    dp.setMinDate("today");
		    dp.setSelectedDate(dateSelected);
		    dp.render();
		    
			var input = dp.getInput();
			input.setWidth("100px");
		    input.setEditable ("false");
		    input.setDisplayMask ("dd/MM/yyyy");
			dp.render();

	
	}
}