// JavaScript Document
current_min=0;
current_hour=9;
var email_disabled=0;
function disable_email()
{
	 
	email.innerHTML='<input type="text" name="email" id="email" disabled="disabled" />';
	email.disabled="disabled";
	
}

function disable_email2()
{
	var email=document.getElementById('email');
	email.innerHTML='<input type="text" name="email" id="email" disabled="disabled" />';
	
}
function setAM()
{
	var choice=document.getElementById('choice');
	var save_date=document.getElementById('save_time');
	 save_date.innerHTML='<button class="green_button" onClick="location.href='+"'?time=time&choice="+choice.value+"&ampm=am\'\">Select time</button>";
}
function setPM()
{
	var choice=document.getElementById('choice');
	var save_date=document.getElementById('save_time');
	 save_date.innerHTML='<button class="green_button" onClick="location.href='+"'?time=time&choice="+choice.value+"&ampm=pm\'\">Select time</button>";
}
function showAMPM(button_id)
{
	var left=document.getElementById('left_clocks');
	var right=document.getElementById('right_clocks');
	left.innerHTML="";
	{
	right.innerHTML="<span style=\"font-size:24px\"<label><input name=\"ampm\" type=\"radio\" value=\"am\" checked=\"checked\" onclick=\"setAM();\" />&nbsp;AM</label> - or - <label><input type=\"radio\" name=\"ampm\" onclick=\"setPM();\" value=\"pm\" />&nbsp;PM</label>";
	}

	//button_id.type="submit";
	//setTimeout("button_id.type='submit';",10);
	var choice=document.getElementById('choice');
	var save_date=document.getElementById('save_time');
	 save_date.innerHTML='<button class="green_button" onClick="location.href='+"'?time=time&choice="+choice.value+"&ampm=am\'\">Select time</button>";

	//button_id.name="next13";	
	var help=document.getElementById('help');
	help.innerHTML="<p>Now select if this is AM (in the morning) or PM (after midday)</p>";
}
function showAMPMtwo(button_id)
{
	var left=document.getElementById('left_clocks');
	var right=document.getElementById('right_clocks');
	left.innerHTML="";
	if (ampm==1)
	{
	right.innerHTML="<span style=\"font-size:24px\"<label><input name=\"ampm\" type=\"radio\" value=\"am\" checked=\"checked\" />AM</label> - or - <label><input type=\"radio\" name=\"ampm\" value=\"pm\" />PM</label>";
	}
	else
	{
	right.innerHTML="<span style=\"font-size:24px\"<label><input name=\"ampm\" type=\"radio\" value=\"am\" />AM</label> - or - <label><input type=\"radio\" name=\"ampm\" value=\"pm\" checked=\"checked\" />PM</label>";
	}
	
	//button_id.type="submit";
	//setTimeout("button_id.type='submit';",10);
	var next17_button=document.getElementById('next17_button');
	next17_button.innerHTML='<button name="next17" type="submit" class="custombutton" id="next17" value="Next"><img src="../buttons/next.jpg" alt="next"/></button>';
	//button_id.name="next13";	
	var help=document.getElementById('help');
	help.innerHTML="<p>Now select if this is AM (in the morning) or PM (after midday)</p>";
}

function set_clock_time(hour,minit)
{
	var clock_type=12;
	current_min=minit;
	current_hour=hour;
	//alert (hour+'-'+minit);
	var img1=document.getElementById('clock1');
	var img2=document.getElementById('clock2');
	var img3=document.getElementById('clock3');
	var img4=document.getElementById('clock4');
	var img5=document.getElementById('clock5');
	var choice=document.getElementById('choice');
	min1=minit-10;
	min2=minit-5;
	min3=minit;
	min4=minit+5;
	min5=minit+10;
	hour1=hour2=hour3=hour4=hour5=hour;
	if (min1<0)
	{
		min1=min1+60;
		hour1=hour1-1;
	}
	if (min2<0)
	{
		min2=min2+60;
		hour2=hour2-1;
	}
	if (min3>55)
	{
		min3=min3-60;
		hour3=hour3+1;
	}
	if (min4>55)
	{
		min4=min4-60;
		hour4=hour4+1;
	}
	if (min5>55)
	{
		min5=min5-60;
		hour5=hour5+1;
	}
	if (clock_type==12)
	{
		if (hour1==0) hour1=12;
		if (hour2==0) hour2=12;
		if (hour3==0) hour3=12;
		if (hour4==0) hour4=12;
		if (hour5==0) hour5=12;
		if (hour1==13) hour1=1;
		if (hour2==13) hour2=1;
		if (hour3==13) hour3=1;
		if (hour4==13) hour4=1;
		if (hour5==13) hour5=1;
	}
	else
	{
		if (hour1==-1) hour1=23;
		if (hour2==-1) hour2=23;
		if (hour3==-1) hour3=23;
		if (hour4==-1) hour4=23;
		if (hour5==-1) hour5=23;
		if (hour1==24) hour1=0;
		if (hour2==24) hour2=0;
		if (hour3==24) hour3=0;
		if (hour4==24) hour4=0;
		if (hour5==24) hour5=0;
	}	
	/*/////////////////////////////////////////////
	// temporary code
	
	var th1=5;
	var th2=5;
	var th3=5;
	var th4=5;
	var th5=5;
	
	if (hour1==0) 
	{
		hour1=12;
		th1=0;
	}
	if (hour2==0) 
	{
		hour2=12;
		th2=0;
	}	
	if (hour3==0)
	{
		hour3=12;
		th3=0;
	}	
	if (hour4==0)
	{
		hour4=12;
		th4=0;
	}	
	if (hour5==0)
	{
		hour5=12;
		th5=0;
	}	
	///////////////////////////////////////////////////
	*/
	//alert (hour5);
		
		if (min3<10)
		{
			img3.src="clocks/"+hour3+'-0'+min3+'.jpg';
			choice.value=hour3+'-0'+min3;
		}
		else 
		{
			img3.src="clocks/"+hour3+'-'+min3+'.jpg';
			choice.value=hour3+'-'+min3;
		}	
		/*if (min2<10)
			img2.src="clocks/med/"+hour2+'-0'+min2+'.jpg';
		else 
			img2.src="clocks/med/"+hour2+'-'+min2+'.jpg';
		
		if (min4<10)
			img4.src="clocks/med/"+hour4+'-0'+min4+'.jpg';
		else 
			img4.src="clocks/med/"+hour4+'-'+min4+'.jpg';
		if (min1<10)
			img1.src="clocks/small/"+hour1+'-0'+min1+'.jpg';
		else 
			img1.src="clocks/small/"+hour1+'-'+min1+'.jpg';
			
		if (min5<10)
			img5.src="clocks/small/"+hour5+'-0'+min5+'.jpg';
		else 
			img5.src="clocks/small/"+hour5+'-'+min5+'.jpg';
		*/
		//alert(img5.src);
		//img1.onclick='center_clocks('+hour1+','+min1+');';
		//alert(' 1='+hour1+'-'+min1+' ,2='+hour2+'-'+min2+' 3='+hour+'-'+minit+' ,4='+hour4+'-'+min4+' 5='+hour5+'-'+min5);
		
			/////////////////////////////////////////////
	// temporary code
/*
	if (th1==0) 
	{
		hour1=0;
	}
	if (th2==0) 
	{
		hour2=0;
	}	
	if (th3==0)
	{
		hour3=0;
	}	
	if (th4==0)
	{
		hour4=0;
	}	
	if (th5==0)
	{
		hour5=0;
	}	
	///////////////////////////////////////////////////
	*/
	
}
function center_clocks(offset)
{
	
	var clock_type=12;
	// change the src of the clocks so that we can see 5 around the new time
	var minit=current_min+offset;
	var hour=current_hour;
	if (minit<0)
	{
		hour=hour-1;
		minit=minit+60;
	}
	if (minit>60)
	{
		hour=hour+1;
		minit=minit-60;
	}
	if (clock_type==12)
	{
		if (hour==0) hour=12;
		if (hour==13) hour=1;
	}
	else
	{
		if (hour==-1) hour=23;
		if (hour==24) hour=0;
	}	
	
	
	
	
	
	current_min=minit;
	current_hour=hour;
	//alert (hour+'-'+minit);

	var img3=document.getElementById('clock3');

	var choice=document.getElementById('choice');
	min1=minit-10;
	min2=minit-5;
	min3=minit;
	min4=minit+5;
	min5=minit+10;
	hour1=hour2=hour3=hour4=hour5=hour;
	if (min1<0)
	{
		min1=min1+60;
		hour1=hour1-1;
	}
	if (min2<0)
	{
		min2=min2+60;
		hour2=hour2-1;
	}
	if (min3>55)
	{
		min3=min3-60;
		hour3=hour3+1;
	}
	if (min4>55)
	{
		min4=min4-60;
		hour4=hour4+1;
	}
	if (min5>55)
	{
		min5=min5-60;
		hour5=hour5+1;
	}
	/*
	if (minit<10){
		var min1=minit+50;
		var hour1=hour-1;
		}
		else
		{
		 var min1=minit-10;
		 var hour1=hour;
		 }
	if (minit<5)
		{
		var min2=55;
		var hour2=hour-1;
		}
		else 
		{
		var min2=minit-5;
		var hour2=hour;
		 }
	
	min3=minit;
	if (minit>55)
		{	
		var min4=5;
		var hour4=hour+1;
		}	
		else 
		{
		var min4=minit+5;
		var hour4=hour;
		 }
	
	if (minit>50) 
		{
		var min5=minit-50;
		var hour5=hour+1;	
		}
		else 
		{
		var min5=minit+10;
		var hour5=hour;
		 }
		 */
	if (clock_type==12)
	{
		if (hour1==0) hour1=12;
		if (hour2==0) hour2=12;
		if (hour3==0) hour3=12;
		if (hour4==0) hour4=12;
		if (hour5==0) hour5=12;
		if (hour1==13) hour1=1;
		if (hour2==13) hour2=1;
		if (hour3==13) hour3=1;
		if (hour4==13) hour4=1;
		if (hour5==13) hour5=1;
	}
	else
	{
		if (hour1==-1) hour1=23;
		if (hour2==-1) hour2=23;
		if (hour3==-1) hour3=23;
		if (hour4==-1) hour4=23;
		if (hour5==-1) hour5=23;
		if (hour1==24) hour1=0;
		if (hour2==24) hour2=0;
		if (hour3==24) hour3=0;
		if (hour4==24) hour4=0;
		if (hour5==24) hour5=0;
	}	
	/////////////////////////////////////////////
	// temporary code
	/*
	var th1=5;
	var th2=5;
	var th3=5;
	var th4=5;
	var th5=5;
	
	if (hour1==0) 
	{
		hour1=12;
		th1=0;
	}
	if (hour2==0) 
	{
		hour2=12;
		th2=0;
	}	
	if (hour3==0)
	{
		hour3=12;
		th3=0;
	}	
	if (hour4==0)
	{
		hour4=12;
		th4=0;
	}	
	if (hour5==0)
	{
		hour5=12;
		th5=0;
	}
	*/
	///////////////////////////////////////////////////
	//alert (hour5);
		
		if (min3<10)
		{
			img3.src="clocks/"+hour3+'-0'+min3+'.jpg';
			choice.value=hour3+'-0'+min3;
 			var save_date=document.getElementById('save_time');
	  		//save_date.innerHTML='<button class="green_button" onClick="location.href='+"'?time=time&choice="+hour3+'_0'+min3+"'"+'">Select time</button>';
		}
		else 
		{
			img3.src="clocks/"+hour3+'-'+min3+'.jpg';
			choice.value=hour3+'-'+min3;
var save_date=document.getElementById('save_time');
	  		//save_date.innerHTML='<button class="green_button" onClick="location.href='+"'?time=time&choice="+hour3+'_'+min3+"'"+'">Select time</button>';
		}	

			/////////////////////////////////////////////
	// temporary code
/*
	if (th1==0) 
	{
		hour1=0;
	}
	if (th2==0) 
	{
		hour2=0;
	}	
	if (th3==0)
	{
		hour3=0;
	}	
	if (th4==0)
	{
		hour4=0;
	}	
	if (th5==0)
	{
		hour5=0;
	}	
	///////////////////////////////////////////////////*/
}
function select_time(hour,minit)
{


}
var showtime;
function start_tick(offset)
{
	showtime=setInterval('center_clocks('+offset+')',1000);
}
function stop_tick()
{
	showtime=clearInterval(showtime);
}

