$(function(){
	
	$('#dabbleboard').dialog({
		autoOpen: false,
		width: 1000,
		height: 590,
		modal: true,
		resizable: false,
		draggable: false,
		buttons: {
			
			"End Session (--:--)": function() { 
		
				$(this).dialog("close"); 
					
			}
				
		},
		
		beforeclose: function(event, ui) {
		
			if (confirm("Are you sure you wish to end this session?") == true) {
				
				window.location = '/content/whiteboard/?finished=1';
				
				return true;
					
			} else {
				
				return false;
			
			}
			
		}
		
	});
	
	$('#start_session').click(function(){
									   
		var id = '123456789';
									   
		$('#dabbleboard').dialog('open');
		
		$('#dabbleboard').html('<div align="center"><br><br><br><br><br><br><br><br><strong>Loading Session - One Moment Please</strong><br><br><br><img src="/images/loading_big.gif" width="32" height="32"><br><br><br><span id="dabbleboard_status" style="color: #666666;">Authenticating User</span></div>');
		
		$.getJSON('/content/dabbleboarduser/?ts=' + (new Date()).getTime(), function(data) {
			
			$('#dabbleboard_status').html('Initializing Board');
			
			if (data.key == '') {
				
				$('#dabbleboard').html('<div align="center" style="color: red"><br><br><br><br><br><br><br><br>Error Authenticating User</div>');
				
			} else {
				
				var user_id = data.id;
				var user_key = data.key;
				
				$.getJSON('/content/dabbleboarddrawing/?ts=' + (new Date()).getTime(), function(data) {
					
					if (data.key == '') {
				
						$('#dabbleboard').html('<div align="center" style="color: red"><br><br><br><br><br><br><br><br>Error Initializing Board</div>');
				
					} else {
						
						var drawing_id = data.id;
						var drawing_key = data.key;

						$('#dabbleboard').html('<div align="center"><br><br><br><br><br><br><br><br><strong>Session Handshake</strong><br><br><br><img src="/images/loading_big.gif" width="32" height="32"><br><br><br><span id="dabbleboard_status" style="color: #666666;">Waiting For Other User</span></div>');
						
						start_dabbleboard(user_id, user_key, drawing_id, drawing_key);
			
						start_timer(0);
						
					}
														  
				});				
				
			}
														  
		});		
		
		return false;
		
	});
	
});

function start_dabbleboard(user_id, user_key, drawing_id, drawing_key) {

	$('#dabbleboard').html('<iframe width="980" height="480" style="border: 0px;" src="http://api.dabbleboard.com/api/iframe?dev_id=hometutoringonline&dev_key=a0cde5f8fe88818729219d865a4282b7aa1036e7&user_id=' + user_id + '&user_key=' + user_key + '&drawing_user_id=hometutoringonline&drawing_id=' + drawing_id + '&drawing_key=' + drawing_key + '&width=980&height=480&include_videochat=yes&hide_lib_pane=yes" frameborder="0"></iframe>');
	
}

function start_timer(seconds) {
	
	var buttons = {};
	buttons["End Session (" + seconds_to_minutes(seconds) + ")"] = function() { $(this).dialog("close");}

	$('#dabbleboard').dialog('option', 'buttons', buttons);
	
	setTimeout('start_timer(' + (seconds + 1) + ');', 1000);

}

function zero_padding(number, count){
	
	var number_padded = number + '';
	
	while(number_padded.length < count) {
	
		number_padded = "0" + number_padded; 
	
	}

	return number_padded;
	
}

function seconds_to_minutes(seconds) {

	minutes = Math.floor(seconds/60);
	seconds = seconds % 60;

	return zero_padding(minutes, 2) + ":" + zero_padding(seconds, 2);

}