// global variables

// SET GRID HEIGHT AND WIDTH

var gridwidth = 8;
var gridheight = 2;

// SET STARTING FRAME

var startingx = 1;
var startingy = 1;
var framename = "";
var dirpath = "/csdemo/";


function cslevel(prefix, suffix) {
     this.prefix = prefix;
     this.suffix = suffix;
     }

function frameplace(x,y){
     this.x = x;
     this.y = y;
     }

var curframe = new frameplace(startingx,startingy);     
     

var framerows = [];

framerows[1] = new cslevel("fwoosh/l1-",".gif");
framerows[2] = new cslevel("fwoosh/l2-",".gif");

function navButton(dir) {

switch(dir){
     case "up":
         movenav(0,-1);
         break;
     case "down":
         movenav(0,1);
         break;
     case "right":
         movenav(1,0);
         break;
     case "left":
         movenav(-1,0);
         break;
     default:
         movenav(0,0);
         }
}

function movenav(xval,yval){
     var widthmax = gridwidth;
     var heightmax = gridheight;

// make sure adjusted values don't go out of bounds

if((curframe.x + xval >= 1)&&(curframe.x + xval <= widthmax)) curframe.x = curframe.x + xval;
if((curframe.y + yval >= 1)&&(curframe.y + yval <= heightmax)) curframe.y = curframe.y + yval;


// change panel

framename = dirpath + framerows[curframe.y].prefix + curframe.x + framerows[curframe.y].suffix;
document.getElementById("csstrip").src = framename;

// change navbuttons

var framestyle = setbuttons();
document.getElementById("csframe").src = framestyle;

// change frame info

var xval = curframe.x;
var yval = curframe.y;
document.getElementById("framedata").value = "Frame: " + xval + " of " + gridwidth + " |  Level: " + yval + " of " + gridheight;      

}


function setbuttons(){

     var r1 = 1;
     var l1 = 1;
     var u1 = 1;
     var d1 = 1;
          
     if(curframe.x == gridwidth) r1=0;
     if(curframe.x == 1) l1=0;
     if(curframe.y == gridheight) d1=0;
     if(curframe.y == 1) u1 = 0;
 
     var panelname = dirpath + "frames/csframe" + r1 + l1 + u1 + d1 + ".jpg";
         
     return panelname;
     
     
}
/* var csstrip = document.getElementById("csstrip");
   var csframe = document.getElementById("csframe"); */