/// <reference path="../typings/jquery/jquery.d.ts"/>

var $moduleTemplate,
	$blankEvent;

function initPage() {
	var module_template;
	$.ajax({
		type: 'GET', 
		url: 'module_template.html', 
		async: false, 
		contentType   :  'text/html',
  		dataType      :  'html',
		success: function(theHtml) {
			module_template = theHtml;
		}
	}); 
	
	var event_template;
	$.ajax({
		type: 'GET', 
		url: 'event_template.html', 
		async: false, 
		contentType   :  'text/html',
  		dataType      :  'html',
		success: function(theHtml) {
			event_template = theHtml;
		}
	}); 
	
	$blankEvent = $(event_template);
	loadEvents($blankEvent);
	
	$moduleTemplate = $(module_template);
	
	getUser();
	getPlayerModules();
	getRedstoneModules();
	gerFluidModules($moduleTemplate);
	getEnergyModules($moduleTemplate); 
}

function getUser() {
	theParams = {
		a: 'getUser',
		user_id: token
	}
	
	$.ajax({
		type: "POST",
		url: "code/main.php",
		data: theParams, 
		dataType: 'xml', 
		async: false,
		success: function(xml) {	
			
			//alert((new XMLSerializer()).serializeToString(xml));	
			
			$(xml).find('user').each(function() {
				$('#username').text($(this).attr('username'));
				$('#welcome').text("Welcome, "+$(this).attr('username'));
			});
		
		},
		error: function(xhr) {
		  alert(xhr.responseText);
		}
	});
}

function loadEvents(template) {
	var counter = 0;
	
	theParams = {
		a: 'load_redstone_events',
		user_id: token
	}

	$.ajax({
		type: "POST",
		url: "code/main.php",
		data: theParams, 
		dataType: 'xml', 
		async: false,
		success: function(xml) {	
			
			//alert((new XMLSerializer()).serializeToString(xml));	
			
			$(xml).find('events').each(function() {
				var newModule = template.clone(true);
				
				var output;
				if ($(this).attr('output') == '1' ) {
					output = 'true';
				} else 
				output = 'false';
				var inequality;
				if($(this).attr('event_type') == '1') {
					inequality = '>';
				} else {
					inequality = '<';
				}
				
				var event = $(this);
				$(newModule).find('#event_title').text("When " + $(this).attr('storage_module') + " " + inequality + " " + $(this).attr('trigger_value') + "%, " + $(this).attr('redstone_module') + " " + $(this).attr('side') + " set to " + output);
				$(newModule).find('#remove_link').click(function(e) {
					if (removeEvent(event)) {
						$(newModule).hide(500);
					}
					e.preventDefault()
				});
				$('#active_events').append($(newModule));
				
				counter = counter + 1;
			});
		},
		error: function(xhr) {
		  //alert(xhr.responseText);
		}
	});
	
	if (counter > 0 ) {
		$('.no_events').hide();
	}
}

function removeEvent(event) {
	var result = false;
	if (confirm('Are you sure you want to delete this event?')) {
		theParams = {
			a: 'remove_event',
			event_id: $(event).attr('event_id')
		}
	
		$.ajax({
			type: "POST",
			url: "code/main.php",
			data: theParams, 
			dataType: 'xml', 
			async: false,
			success: function(xml) {	
				//alert((new XMLSerializer()).serializeToString(xml));	
				result = true;
			},
			error: function(xhr) {
			 // alert(xhr.responseText);
			 
			}
		});
	} 
	return result;
}

function getPlayerModules() {

	theParams = {
		a: 'getConnections',
		user_id: token,
		module_type: '1'
	}

	$.ajax({
		type: "POST",
		url: "code/main.php",
		data: theParams, 
		dataType: 'xml', 
		async: true,
		success: function(xml) {	
			
			//alert((new XMLSerializer()).serializeToString(xml));	
			var counter = 0;
			$(xml).find('connection').each(function() {
				if ($(this).attr('active') == '1') {
					$('#sensor_modules').append("<li><img src='img/online.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				} else {
					$('#sensor_modules').append("<li><img src='img/offline.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				}
				counter = counter + 1;
			});
			if (counter != 0) {
				$('#no_player_modules').hide();
			}
		},
		error: function(xhr) {
		  alert(xhr.responseText);
		}
	});
}

function getRedstoneModules() {

	theParams = {
		a: 'getConnections',
		user_id: token,
		module_type: '4'
	}

	$.ajax({
		type: "POST",
		url: "code/main.php",
		data: theParams, 
		dataType: 'xml', 
		async: true,
		success: function(xml) {	
			
			//alert((new XMLSerializer()).serializeToString(xml));	
			var counter = 0;
			$(xml).find('connection').each(function() {
				if ($(this).attr('active') == '1') {
					$('#redstone_modules').append("<li><img src='img/online.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				} else {
					$('#redstone_modules').append("<li><img src='img/offline.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				}
				counter = counter + 1;
			});
			if (counter != 0) {
				$('#no_redstone_modules').hide();
			}
		},
		error: function(xhr) {
		  alert(xhr.responseText);
		}
	});
}

function gerFluidModules(template) {

	theParams = {
		a: 'getConnections',
		user_id: token,
		module_type: '3'
	}

	$.ajax({
		type: "POST",
		url: "code/main.php",
		data: theParams, 
		dataType: 'xml', 
		async: true,
		success: function(xml) {	
			
			//alert((new XMLSerializer()).serializeToString(xml));	
			var counter = 0;
			$(xml).find('connection').each(function() {
				var newModule = template.clone(true);
							
				if ($(this).attr('active') == '1') {
					//$(newModule).find('#status_img').attr('src', 'img/online.png');	
					$('#fluid_modules').append("<li><img src='img/online.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				} else {
					//$(newModule).find('#status_img').attr('src', 'img/offine.png');
					$('#fluid_modules').append("<li><img src='img/offline.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				}
				//$(newModule).find('#module_title').text($(this).attr('name'));
				//$('#fluid_modules').append($(newModule));
				counter = counter + 1;
			});
			if (counter != 0) {
				$('#no_fluid_modules').hide();
			}
		},
		error: function(xhr) {
		  alert(xhr.responseText);
		}
	});
}

function getEnergyModules(template) {

	theParams = {
		a: 'getConnections',
		user_id: token,
		module_type: '2'
	}

	$.ajax({
		type: "POST",
		url: "code/main.php",
		data: theParams, 
		dataType: 'xml', 
		async: true,
		success: function(xml) {	
			
			//alert((new XMLSerializer()).serializeToString(xml));	
			var counter = 0;
			$(xml).find('connection').each(function() {
				var newModule = template.clone(true);
							
				if ($(this).attr('active') == '1') {
					//$(newModule).find('#status_img').attr('src', 'img/online.png');	
					$('#energy_modules').append("<li><img src='img/online.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				} else {
					//$(newModule).find('#status_img').attr('src', 'img/offine.png');
					$('#energy_modules').append("<li><img src='img/offline.png' style='width:10px'>"+" "+$(this).attr('name')+"</li>");
				}
				//$(newModule).find('#module_title').text($(this).attr('name'));
				//$('#fluid_modules').append($(newModule));
				counter = counter + 1;
			});
			if (counter != 0) {
				$('#no_energy_modules').hide();
			}
		},
		error: function(xhr) {
		  alert(xhr.responseText);
		}
	});
}

$(document).ready(function() {
	initPage();
});