$(document).ready(function() {
	$('input,textarea').attr('autocomplete', 'off');
});

function menuClicked(index) {
	$("#menuBox" + index).toggleClass("menuBoxClick");
}

function createDiv(cssClass) {
	var divId = Math.floor((Math.random() * 1000) + 1);
	$("body").append("<div id=\"" + divId + "\" class=\"" + cssClass + "\"></div>");

	return divId;
}

function createDivRelative(cssClass, source) {
	if(typeof source == "string") {
		var sourceElementId = source;
		var sourceElement = $('#' + sourceElementId);
	} else {
		var sourceElement = $(source);
	}
	var left = sourceElement.position().left - $(window).scrollLeft();
	var top = sourceElement.position().top - $(window).scrollTop();
	var w = sourceElement.width();

	var divId = createDiv(cssClass);
	$('#' + divId).css("left", left + w - 20);
	$('#' + divId).css("top", top);
	
	return divId;
}

function removeDiv(id) {
	$("#" + id).remove();
}

function createLoadingDiv(parentElementId, center, message, todoFunc) {
	var left = $('#' + parentElementId).position().left - $(window).scrollLeft();
	var top = $('#' + parentElementId).position().top - $(window).scrollTop();
	var w = $('#' + parentElementId).width();
	var w = $('#' + parentElementId).height();

	var divId = createDiv("loadingDiv");
	if(center) {
		$('#' + divId).css("left", left + w / 2);
		$('#' + divId).css("top", top + h / 2);
	} else {
		$('#' + divId).css("left", left + w - 20);
		$('#' + divId).css("top", top);
	}
	$('#' + divId).html("<img src='graphics/loading.gif' /> " + message + "...");
	$('#' + divId).animate(
		{
    		opacity: 1,
    		left: "+=30"
    	},
    	300,
    	todoFunc
	);
	return divId;
}

function removeLoadingDiv(divId, message, messageDisplayTime) {
	$('#' + divId).html(message);

	setTimeout(
		function() {
			$('#' + divId).animate(
				{
					opacity: 0,
					left: "+=50"
				},
				500,
				function() {
					removeDiv(divId);
				}
			);
		},
		messageDisplayTime
	);
}