/// <reference path="../typings/jquery/jquery.d.ts"/>
var $blankModule;

function initPage() {
	var module_template;

	$.ajax({
		type: 'GET',
		url: 'energy_template.html',
		async: false,
		contentType   :  'text/html',
  		dataType      :  'html',
		success: function(theHtml) {
			module_template = theHtml;
		}
	});

	$blankModule = $(module_template);
	loadModules($blankModule);
}

function loadModules(template) {
    var modules = false;

	theParams = {
		a: 'load_energy_modules',
		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('modules').each(function() {
				var newModule = template.clone(true),
					active = false;
				modules = true;

				// Set module title
				$(newModule).find('#module_title').text(" " + $(this).attr('name'));
				if ($(this).attr('active') == '1') {
					$(newModule).find('#status_img').attr('src', 'img/online.png');
					active = true;
				}
				$(newModule).find('#level_meter').attr('value', $(this).attr('per```````````````````````````````````````````````````````````````````````````cent'));

				if ($(this).attr('energy_type') == 'RF') {
					$(newModule).find('#energy_type').text("Redstone Flux (RF)");
				} else if ($(this).attr('energy_type') == 'EU') {
					$(newModule).find('#energy_type').text("Energy Unit (EU)");
				} else {
					$(newModule).find('#energy_type').text("Unknown energy type");
				}

				$(newModule).find('#percent').text(" " + $(this).attr('percent') + "%");

				var node = $(this);
				$(newModule).find('#remove_link').click(function(e) {
					if (removeModule($(node).attr('token'))) {
						$(newModule).hide(500);
					}
					e.preventDefault();
				});

				$('#connected_modules').append($(newModule));

				if (!active) {
					$(newModule).find('div.energy_module_block').block({
					    message: '<strong>module not loaded</strong>',
						css: { border: '3px solid #a00' }
					});
				}

			});
		},
		error: function(xhr) {
		  //alert(xhr.responseText);
		}
	});

	if (modules) {
	    $('.no_connected_modules').hide();
	} else {
	    $('.module_header').hide();
	}
}

function removeModule(token) {
	var result = false;
	if (confirm('Are you sure you want to delete this module?')) {
		theParams = {
			a: 'remove_module',
			token: token
		}

		$.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;
}

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