--- a/develop/views/Extractapp/taggingtext.php	Mon Feb 09 18:59:24 2015 +0100
+++ b/develop/views/Extractapp/taggingtext.php	Tue Feb 10 16:20:29 2015 +0100
@@ -4,9 +4,8 @@
 $wordlistArray = $viewmodel['wordlistArray'];
 $taglistArray = $viewmodel['taglistArray'];
 $section_id = $viewmodel['section_id'];
-
-
-var_dump($taglistArray);
+$topiclistArray = $viewmodel['topiclistArray'];
+$default_topic_id = $viewmodel['default_topic_id'];
 
 ?>
 
@@ -226,6 +225,73 @@
 }
 
 
+function chooseTopic(section_id, default_topic_id) {
+    var t = JSON.parse( '<?php echo json_encode($topiclistArray) ?>' );
+    
+    $('#load_topic_div').html("");
+    $('#load_topic_div').css("display", "block");
+    $('#load_topic_div').css("border", "1px solid black");
+    $('#load_topic_div').css("background-color", "White");
+    $('#load_topic_div').css("width", "200px");
+    $('#load_topic_div').css("height", "50px");
+    $('#load_topic_div').css("top", "20px");
+    $('#load_topic_div').css("left", "-200px");
+
+    var topic_select = document.createElement("select");
+    topic_select.id = "loadTopiclist";
+    var selected_topic = t[0];
+    topic_select.onchange = function(){
+
+    	selected_topic = topic_select.options[topic_select.selectedIndex];
+    	console.log(selected_topic.text);
+
+    	var topic_id = selected_topic.value;
+		var topic_name = selected_topic.text;
+
+		var form = document.createElement("form");
+	    form.setAttribute("method", "post");
+	    form.setAttribute("action", "./"+section_id);  // hand to controller
+	    form.setAttribute("target", "_self");
+	    
+	    var hiddenField = document.createElement("input");      
+	    hiddenField.setAttribute("name", "topic");
+	    hiddenField.setAttribute("value", topic_id);
+	    form.appendChild(hiddenField);
+
+	    if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
+	        document.body.appendChild(form);
+	        form.submit();
+	    } else {
+	        form.submit(); // works under IE and Chrome, but not FF  
+	    }
+
+
+
+    };
+
+
+    //Create and append the options
+	for (var i = 0; i < t.length; i++) {
+		console.log(t[i]['id']+","+t[i]['name']);
+    	var option = document.createElement("option");
+    	option.value = t[i]['id'];
+	    option.text = t[i]['name'];
+	    if (option.value == default_topic_id) {
+	    	option.selected = true;
+	    };
+	    topic_select.appendChild(option);
+	}
+
+    $('#load_topic_div').append(topic_select);
+   
+    var newbutton = document.createElement("button");
+    $(newbutton).html("Close");
+    $(newbutton).attr("onclick", "$('#load_topic_div').css(\"display\", \"none\");");
+    $('#load_topic_div').append(newbutton);
+  
+}
+
+
 $(document).on("change", '#smartRegexPopUpSelectWord', function (e) {
 
 <?php
@@ -248,6 +314,7 @@
 		<td width="270" valign="top">
 			<div id="follow-scroll" style="position:absolute; width: 220" width="220">
 				<div id="load_regex_div" style="position: absolute; display: none"></div>
+				<div id="load_topic_div" style="position: absolute; display: none"></div>
 				<div id="smartRegexPopUpDiv" style="position: absolute; display: none">
 					Name: <input id="smartRegexPopUpName"></input><br><br>
 					Word List: 
@@ -280,6 +347,8 @@
 					<button onclick="replaceSmartClose()" style="height: 30px; width: 50px">Close</button>
 				</div>
 				<form action="javascript:void(0);">
+					<button onclick="chooseTopic(<?php echo $section_id;?>, <?php echo $default_topic_id; ?>)">Choose Topic</button>
+
 					<fieldset>
 						<legend>Replace By <i><b>Smart Regex</b></i>©:</legend>
 						<div id="smartRegexShowDiv"></div><br>
@@ -331,4 +400,5 @@
 	</tr>
 </table>
 </body>
+
 </html>