// JavaScript Document


function start_demo_dashboard_time()
	{
		//alert( "start_demo_dashboard_time()" );
		
		update_demo_dashboard();
		
		//setInterval( "update_demo_dashboard()", 15000 );    		//  repeat every 15 sec
	
	}    //    end of function


function update_demo_dashboard()
	{
		//alert( "start_demo_dashboard_time()" );
	
		//  1005
		
		document.getElementById( "to_1005" ).innerHTML	= get_demo_time( "to", "2" );
		
		//    1004
		
		document.getElementById( "to_1004" ).innerHTML	= get_demo_time( "to", "7" );
		document.getElementById( "ts_1004" ).innerHTML	= get_demo_time( "ts", "5" );
		
		//    1003
		
		document.getElementById( "to_1003" ).innerHTML	= get_demo_time( "to", "14" );
		document.getElementById( "ts_1003" ).innerHTML	= get_demo_time( "ts", "12" );
		document.getElementById( "tc_1003" ).innerHTML	= get_demo_time( "tc", "1" );
		
		//    1002
		
		document.getElementById( "to_1002" ).innerHTML	= get_demo_time( "to", "19" );
		document.getElementById( "ts_1002" ).innerHTML	= get_demo_time( "ts", "17" );
		document.getElementById( "tc_1002" ).innerHTML	= get_demo_time( "tc", "6" );
		document.getElementById( "tp_1002" ).innerHTML	= get_demo_time( "tp", "3" );
		
		//    1001
		
		document.getElementById( "to_1001" ).innerHTML	= get_demo_time( "to", "31" );
		document.getElementById( "ts_1001" ).innerHTML	= get_demo_time( "ts", "29" );
		document.getElementById( "tc_1001" ).innerHTML	= get_demo_time( "tc", "18" );
		document.getElementById( "tp_1001" ).innerHTML	= get_demo_time( "tp", "16" );
		document.getElementById( "td_1001" ).innerHTML	= get_demo_time( "td", "4" );
		
		//debug_variable( "t", t, "debug" );
	
	
	}    //    end of function
	

function get_demo_time( f, ms )    //    use with setInterval()
	{
		var now 	= new Date();
		var tm 		= new Date();
		
		var ampm	= "am";
		
		tm.setTime( now.getTime() - ( ms * 60 * 1000 ) );  //  now - ms
	
		var h		= tm.getHours();
		
		if( h >= 12 )
			{
				ampm	= "pm";
			}

		if( h == 0 * 1 )
			{
				h	= 12;
			}

		if( h > 12 )
			{
				h	= h - 12;
			}

		var m		= tm.getMinutes();
		
		if( m < 10 )
			{
				var m = "0" + m + "";
			}

		var	ret	= h + ":" + m + " " + ampm;
		
		return ret;
	
	}    //    end of function


function show_details( oid )
	{
		var	output	= "<td colspan='6' class='show_details_row'>Order " + oid + " Details</td>";
		output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
		
		document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
	
	
	}    //    end of function


function show_close( oid )
	{
		document.getElementById( 'show_details_row_' + oid ).innerHTML	= "";
	
	}    //    end of function


function print_details( oid )
	{
		var output	="<td colspan='6' class='show_details_row'>Print Order " + oid + " Details</td>";
		output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
	
		document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
	
	}    //    end of function


function enter_now( oid, f )
	{
		//alert( "enter_now() : " + oid + " : " + f );
		
		if( f == "ts" )
			{
				var output	= "<td colspan='6' class='show_details_row'>Order " + oid + " : Current time will be entered in live system.</td>";
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}

		if( f == "tc" )
			{
				var output	= "<td colspan='6' class='show_details_row'>Order " + oid + " : Current time will be entered in live system.</td>";
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}

		if( f == "tp" )
			{
				var output	= "<td colspan='6' class='show_details_row'>Order " + oid + " : Current time will be entered in live system.</td>";
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}

		if( f == "td" )
			{
				var output	= "<td colspan='6' class='show_details_row'>Order " + oid + " : Current time will be entered in live system.</td>";
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}
	
	}    //    end of function


function enter_time( oid, f )
	{
		//alert( "enter_time() : " + oid + " : " + f );
		
		if( f == "ts" )
			{
				var output	="<td colspan='6' class='show_details_row'>Order " + oid + " : Enter kitchen started time in live system: <input size='12' type='input' id='enter_" + oid + "_" + f + "' name='enter_" + oid + "_" + f + "' value='' />&nbsp;<a href='javascript:get_time( \"" + oid + "\", \"" + f + "\" );'>Enter</a></td>";
				
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}

		if( f == "tc" )
			{
				var output	="<td colspan='6' class='show_details_row'>Order " + oid + " : Enter kitchen completed time in live system: <input size='12' type='input' id='enter_" + oid + "_" + f + "' name='enter_" + oid + "_" + f + "' value='' />&nbsp;<a href='javascript:get_time( \"" + oid + "\", \"" + f + "\" );'>Enter</a></td>";
				
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}

		if( f == "tp" )
			{
				var output	="<td colspan='6' class='show_details_row'>Order " + oid + " : Enter pick-up time in live system: <input size='12' type='input' id='enter_" + oid + "_" + f + "' name='enter_" + oid + "_" + f + "' value='' />&nbsp;<a href='javascript:get_time( \"" + oid + "\", \"" + f + "\" );'>Enter</a></td>";
				
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}

		if( f == "td" )
			{
				var output	="<td colspan='6' class='show_details_row'>Order " + oid + " : Enter delivery time in live system: <input size='12' type='input' id='enter_" + oid + "_" + f + "' name='enter_" + oid + "_" + f + "' value='' />&nbsp;<a href='javascript:get_time( \"" + oid + "\", \"" + f + "\" );'>Enter</a></td>";
				
				output		+= "<td class='show_details_close'>&nbsp;&nbsp;<a href='javascript:show_close( " + oid + " )'>Close</a></td>";
				
				document.getElementById( 'show_details_row_' + oid ).innerHTML	= output;
			}
	
	}    //    end of function


function get_time( oid, f )
	{
		var t	= document.getElementById( "enter_" + oid + "_" + f ).value;
		
		if( f == "ts" )
			{
				//    send kitchen started time to server
			}
		
		if( f == "tc" )
			{
				//    send kitchen completed time to server
			}

		if( f == "tp" )
			{
				//    send pick-up time to server
			}

		if( f == "td" )
			{
				//    send delivery time to server
			}
		
		//alert( "get_time() : " + oid + " - " + f + "time = " + t );
	
		document.getElementById( 'show_details_row_' + oid ).innerHTML	= "";
	
	}    //    end of function