--- a/js/check_sections_details.js	Tue Apr 21 15:00:19 2015 +0200
+++ b/js/check_sections_details.js	Wed May 27 14:32:34 2015 +0200
@@ -145,7 +145,10 @@
 	});
 		
 }
-function initLevel(){//init the column level, turn it into select element
+
+
+// TODO: rewrite initLevel(), change select to ">>" or "<<" button
+function initLevel(){
 	//level
 	var levelObj=$("<div/>").addClass("editLevel").append("<select/>");
 	$(".entry").append(levelObj);
@@ -172,6 +175,35 @@
 		entryObj.addClass("level"+$(this).val());
 	});
 }
+/*
+function initLevel_old(){//init the column level, turn it into select element
+	//level
+	var levelObj=$("<div/>").addClass("editLevel").append("<select/>");
+	$(".entry").append(levelObj);
+	$(".editLevel select").append("<option value='1'>level 1</option>");
+	$(".editLevel select").append("<option value='2'>level 2</option>");
+	$(".editLevel select").append("<option value='3'>level 3</option>");
+	for(var i=1; i<=3; i++){
+		$("div.level"+i+" .editLevel select").val(i);
+	}
+	
+	$(".editLevel select").change(function(){//add classes for text indent, to control layout style
+		var entryObj=$(this).parent().parent();	
+		var className="";
+		if(entryObj.hasClass("level1")){
+			className="level1";
+		}
+		if(entryObj.hasClass("level2")){
+			className="level2";
+		}
+		if(entryObj.hasClass("level3")){
+			className="level3";
+		}
+		entryObj.removeClass(className);
+		entryObj.addClass("level"+$(this).val());
+	});
+}
+*/
 function initDelete(){
 	//delete
 	var deleteObj=$("<div/>").addClass("deleteEntry").append("<input type='button' value='delete' class='deleteButton'>");