var cols1 = new Array(5)
var cols2 = new Array(5)      
var cols3 = new Array(5)   
var cols4 = new Array(5)
var cols5 = new Array(5)

var maze = new Array(5)
maze[0]=cols1
maze[1]=cols2
maze[2]=cols3
maze[3]=cols4
maze[4]=cols5

maze[0][0]="end"
maze[0][1]="right"
maze[0][2]="nar"
maze[0][3]="t"
maze[0][4]="end2"
maze[1][0]="upL"
maze[1][1]="threeJ"
maze[1][2]="right"
maze[1][3]="three"
maze[1][4]="left"
maze[2][0]="right"
maze[2][1]="x"
maze[2][2]="three"
maze[2][3]="left"
maze[2][4]="up"
maze[3][0]="up"
maze[3][1]="upL"
maze[3][2]="left"
maze[3][3]="up"
maze[3][4]="up"
maze[4][0]="upL"
maze[4][1]="nar"
maze[4][2]="upJ"
maze[4][3]="upL"
maze[4][4]="upJ"

var posY=3
var posX=4
var dir="North"
var loc="up"

function load() {
window.status = "Hide Load"
}

function tOut() {
document.getElementById('test').src="overlay1.gif"
document.getElementById('bo').style.visibility="hidden"
document.getElementById('but').style.visibility="hidden"
}

function tOver() {
document.getElementById('test').src="overlay2.gif"
document.getElementById('bo').style.visibility="visible"
document.getElementById('but').style.visibility="visible"
}

function turnLeft() {
  switch(dir) {
  case "North":
    dir="West"
    break
  case "West":
    dir="South"
    break
  case "South":
    dir="East"
    break
  case "East":
    dir="North"
    break
  }
  translate()
  dynamic.textContent=("Direction: "+dir)
}

function turnRight() {
  switch(dir) { 
  case "North":
    dir="East"
    break
  case "East":
    dir="South"
    break
  case "South":
    dir="West"
    break
  case "West":
    dir="North"
    break
  }
  translate()
  dynamic.textContent=("Direction: "+dir)
}

function translate() {
  loc=maze[posY][posX]
  switch (loc) {
  case "end":
    if (dir=="East") {loc="right"}
    if (dir=="South") {loc="up"}
    if (dir=="West") {loc="left"}
    break
  case "right":
    if (dir=="East") {loc="upL"}
    if (dir=="South") {loc="upJ"}
    if (dir=="West") {loc="left"}
    break
  case "left":
    if (dir=="East") {loc="right"}
    if (dir=="South") {loc="upL"}
    if (dir=="West") {loc="upJ"}
    break
  case "nar":
    if (dir=="East") {loc="up"}
    if (dir=="South") {loc="nar"}
    if (dir=="West") {loc="up"}
    break
  case "t":
    if (dir=="North") {loc="nar"}
    if (dir=="East") {loc="upL"}
    if (dir=="South") {loc="three"}
    if (dir=="West") {loc="upJ"}
    break
  case "three":
    if (dir=="East") {loc="upJ"}
    if (dir=="South") {loc="nar"}
    if (dir=="West") {loc="upL"}
    break
  case "up":
    if (dir=="East") {loc="nar"}
    if (dir=="South") {loc="up"}
    if (dir=="West") {loc="nar"}
    break
  case "upJ":
    if (dir=="East") {loc="left"}
    if (dir=="South") {loc="right"}
    if (dir=="West") {loc="upL"}
    break
  case "upL":
    if (dir=="East") {loc="upJ"}
    if (dir=="South") {loc="left"}
    if (dir=="West") {loc="right"}
    break
  case "threeJ":
    if (dir=="North") {loc="upJ"}
    if (dir=="East") {loc="nar"}
    if (dir=="South") {loc="upL"}
    if (dir=="West") {loc="three"}
    break
  case "end2":
    if (dir=="North") {loc="left"}
    if (dir=="East") {loc="end"}
    if (dir=="South") {loc="right"}
    if (dir=="West") {loc="up"}
    break
  }

  switch(loc) {
  case "end":
    bg.src="end.jpg"
    break
  case "left":
    bg.src="left.jpg"   
    break
  case "right":
    bg.src="right.jpg"
    break
  case "upJ":
    bg.src="j.jpg"
    break
  case "upL":
    bg.src="l.jpg"
    break
  case "up":
    bg.src="maze.jpg"
    break
  case "nar":
    bg.src="t.jpg"
    break
  case "three":
    bg.src="x.jpg"
    break
  case "x":
    bg.src="x.jpg"
    break
  }
}

function move() {
  loc=maze[posY][posX]

  if(posX==3) {
    if(posY==3) {
      var posXt=posX
      var posYt=posY
    }
  } 

  switch (loc) {
  case "x":
    if (dir=="North") {posY=posY-1}
    if (dir=="East")  {posX=posX+1}
    if (dir=="West")  {posX=posX-1}
    if (dir=="South") {posY=posY+1}
    break
  case "end":
    if (dir=="South") {posY=posY+1}
    break
  case "right":
    if (dir=="East")  {posX=posX+1}
    if (dir=="South") {posY=posY+1}
    break
  case "left":
    if (dir=="South") {posY=posY+1}
    if (dir=="West")  {posX=posX-1}
    break
  case "nar":
    if (dir=="East")  {posX=posX+1}
    if (dir=="West")  {posX=posX-1}
    break
  case "t":
    if (dir=="East")  {posX=posX+1}
    if (dir=="South") {posY=posY+1}
    if (dir=="West")  {posX=posX-1}
    break
  case "three":
    if (dir=="North") {posY=posY-1}
    if (dir=="East")  {posX=posX+1}
    if (dir=="West")  {posX=posX-1}
    break
  case "up":
    if (dir=="North") {posY=posY-1}
    if (dir=="South") {posY=posY+1}
    break
  case "upJ":
    if (dir=="North") {posY=posY-1}
    if (dir=="West")  {posX=posX-1}
    break
  case "upL":
    if (dir=="North") {posY=posY-1}
    if (dir=="East")  {posX=posX+1}
    break
  case "threeJ":
    if (dir=="North") {posY=posY-1}
    if (dir=="South") {posY=posY+1}
    if (dir=="West")  {posX=posX-1}
    break
  case "end2":
    if (dir=="West")  {posX=posX-1}
    break
  }

  if(posXt!=posX) {document.getElementById('scary').style.visibility="hidden"}
  if(posYt!=posY) {document.getElementById('scary').style.visibility="hidden"}

  translate()
  if(posX==3) {
    if(posY==3){document.getElementById('scary').style.visibility="visible"}
  } 
  dynamic2.textContent=("X: "+posX+"   Y: "+posY)
}