1 files changed, 109 insertions, 0 deletions
diff --git a/tests/html/scripts/top.js b/tests/html/scripts/top.js
new file mode 100644
index 000000000..e77372e4f
--- /dev/null
+++ b/tests/html/scripts/top.js
@@ -0,0 +1,109 @@
+function change() {
+	var dpi = document.getElementById('dpi').value;
+	var font = document.getElementById('font').value;
+	var mode = document.getElementById('mode').value;
+	var size = document.getElementById('size').value;
+	var frame = document.getElementById('frame_1');
+  var string = "pages/"+dpi+"/"+font+"/"+mode+"/"+size+"/index.html";
+  frame.src = string;
+}
+
+var people, asc1 = 1,asc2 = 1,asc3 = 1;
+
+function sort_t(tbody, col, asc){
+  var rows = tbody.rows, rlen = rows.length, arr = new Array(), i, j, cells, clen;
+  // fill the array with values from the table
+  for(i = 0; i < rlen; i++){
+  cells = rows[i].cells;
+  clen = cells.length;
+  arr[i] = new Array();
+      for(j = 0; j < clen; j++){
+      arr[i][j] = cells[j].innerHTML;
+      }
+  }
+  // sort the array by the specified column number (col) and order (asc)
+  arr.sort(function(a, b){
+      return (a[col] == b[col]) ? 0 : ((a[col] > b[col]) ? asc : -1*asc);
+  });
+  for(i = 0; i < rlen; i++){
+      arr[i] = "<td>"+arr[i].join("</td><td>")+"</timaged>";
+  }
+  tbody.innerHTML = "<tr>"+arr.join("</tr><tr>")+"</tr>";
+}
+
+function frame_2_source(image){
+  var path = "url("+image.src+")";
+
+  var fr_2 = parent.frame_2.document;
+
+  // Division whose background image is the sprite
+  var div = fr_2.getElementById('animation');
+  div.style.backgroundImage=path;
+
+  // To get the dimensions of the image file
+  var new_image = new Image();
+  new_image.src = image.src;
+
+  var src_w = new_image.width;
+  var src_h = new_image.height;
+
+  //Using dimensions of the iFrame
+  var win_w = window.innerWidth;
+  var win_h = window.innerHeight-40;
+
+  // r_w and r_j represent the maximum times that the width or the
+  // height can be multiplied so that we get the maximum image size
+  // possible without exceeding the iFrame dimensions and maintaining
+  // aspect ratio.
+  var r_w = (win_w/(src_w/4)).toString();
+  r_w = parseInt(r_w);
+
+  var r_h = (win_h/src_h).toString();
+  r_h = parseInt(r_h);
+
+  var div_w = 0;
+  var div_h = 0;
+
+  if (r_w > r_h)
+  {
+    div_w = src_w * r_h;
+    div_h = src_h * r_h;
+  } else {
+    div_w = src_w * r_w;
+    div_h = src_h * r_w;
+  }
+  // Setting the division width and height.
+  div.style.width= div_w/4 + "px";
+  div.style.height= div_h + "px";
+}
+
+function class_one_two(){
+  var div = frame_2.document.getElementById('animation');
+  div.className = 'animation one_two';
+}
+
+function class_one_three(){
+  var div = frame_2.document.getElementById('animation');
+  div.className = 'animation one_three';
+}
+
+function class_one_four(){
+  var div = frame_2.document.getElementById('animation');
+  div.className = 'animation one_four';
+}
+
+// When the user scrolls down 20px from the top of the document, show the button
+window.onscroll = function() {scrollFunction()};
+
+function scrollFunction() {
+    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+        document.getElementById("myBtn").style.display = "block";
+    } else {
+        document.getElementById("myBtn").style.display = "none";
+    }
+}
+// When the user clicks on the button, scroll to the top of the document
+function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+}