var liste = [ ];
var totalt = 0;

function removeIndexFromArray(a, i) {
	a.splice(i, 1);
}

function roundNumber(v, d){
	t = v * Math.pow(10, d);
	t = Math.round(t);
	return  t / Math.pow(10, d);
}

$(document).ready(function() {

	var previousGruppe = "";
	for( i = 0; i < data.length; i++ ) {
		var article = data[i];
		if(article.gruppe != previousGruppe) {
			$("#ddGruppe").append("<option value='" + article.gruppe + "'>" + article.gruppe + "</li>");
			previousGruppe = article.gruppe;
		}

	}

	$("#ddGruppe").change(function() {
		$("#ddVare").empty();
		
		selectedGroup = $("#ddGruppe").val();
		for( i = 0; i < data.length; i++ ) {
			var article = data[i];
			if(article.gruppe == selectedGroup) {
				$("#ddVare").append("<option value='" + article.navn + "'>" + article.navn + "</li>");
			}

		}
		$("#ddVare").trigger("change");
	});

	$("#ddVare").change(function() {
		$("#ddUnit").empty();
		
		selectedArticle = $("#ddVare").val();
		for( i = 0; i < data.length; i++ ) {
			var article = data[i];
			if(article.navn == selectedArticle) {
				for( i = 0; i < article.faktorer.length; i++ ) {
					var enhet = article.faktorer[i];
					$("#ddUnit").append("<option value='" + enhet.faktor + "'>" + enhet.enhet + "</li>");
				}
				break;
			}
		}
	});

	$("#btnLeggTil").click(function() {

		selectedArticle = $("#ddVare").val();
		unitFactor = $("#ddUnit").val();

		for( i = 0; i < data.length; i++ ) {
			var article = data[i];
			if(article.navn == selectedArticle) {
				break;
			}
		}

		$("#txtAmount").val($("#txtAmount").val().replace(",", "."));

		liste.push({
			'vare': article.navn,
			'mengde': $("#txtAmount").val() + " " + $("#ddUnit :selected").text(),
			'aox': roundNumber(unitFactor * $("#txtAmount").val() * article.innhold / 100, 2)
		});
		redrawTable();

		$("#txtAmount").val("");
	});

	$("#btnBedom").click(function() {
		$(".pnlJudgement p").hide();
		r = parseInt(Math.random() * 3);
		for ( i = 0; i < judgement.length; i++ ) {
			if(judgement[i].from < totalt && judgement[i].to > totalt) {
				$("#lblJudgement").html("<b>Vår anbefaling:</b><br/> " + judgement[i].answers[r]);
				break;
			}
		}
	});

	$("#ddGruppe").trigger("change");
	$("#ddVare").trigger("change");

	$("#btnLeggTil").mouseover(function() {
		$(this).attr("src", "http://webfiles.tine.no/Antioksidanter.no/images/leggtil_hover.jpg");
	});
	$("#btnLeggTil").mouseout(function() {
		$(this).attr("src", "http://webfiles.tine.no/Antioksidanter.no/images/leggtil_off.jpg");
	});

	$("#btnBedom").mouseover(function() {
		$(this).attr("src", "http://webfiles.tine.no/Antioksidanter.no/images/beregn_hover.jpg");
	});
	$("#btnBedom").mouseout(function() {
		$(this).attr("src", "http://webfiles.tine.no/Antioksidanter.no/images/beregn_off.jpg");
	});
});

function redrawTable() {
	$("#tblVarer tbody").empty();
	totalt = 0;
	for (i = 0; i < liste.length; i++ )
	{
		linje = liste[i];
		$("#tblVarer tbody").append("<tr><td>" + linje.vare + " </td><td>" + linje.mengde + "</td><td class='num'>" + linje.aox + " mmol</td><td class='lnkRemoveLine' id='lnkRemoveLine" + i + "'>Fjern</td></tr>");
		totalt += linje.aox;
	}

	$("#tblVarer tbody").append("<tr class='totalt'><th>Totalt</th><th></th><th class='num'>" + roundNumber(totalt, 2) + " mmol</th><th></th></tr>");

	$(".lnkRemoveLine").click(function() {
		id = this.id.substring(13);
		removeIndexFromArray(liste, id);
		redrawTable();
	});
}