var debugwin;


//stuff for dynamic images
var Stack=new Array();
var Stack_ind=0;

// when a photo is clicked, add it to end of array
// process array from start, so re-shuffle each time


var last_up_or_down="";
var last_up_ID="";
var last_down_ID="";
var last_ID_completed="";


var SizesArrUp=new Array(99,109,119,129,139,149,149,149);
var SizesArrDown=new Array(139,129,119,109,99);

function AddToStack(ID,imgstub,w_h99,w_h149,up_or_down){

  var gradient=(149-99)/(w_h149-w_h99);

  if(up_or_down.indexOf("up")==0){SizesArr=SizesArrUp;}else{SizesArr=SizesArrDown;}

// var alertstr="";
// alertstr+="<tr><td colspan=2><hr>";
// alertstr+="<tr><td> ID: <td>" + ID;
// alertstr+="<tr><td> last_up_ID: <td>" + last_up_ID;
// alertstr+="<tr><td> last_down_ID: <td>" + last_down_ID;
// alertstr+="<tr><td> up_or_down: <td>" + up_or_down;
// alertstr+="<tr><td> last_ID_completed: <td>" + last_ID_completed;

// debugwin.document.write(alertstr);

  var execute=0;

  if(ID!=last_ID_completed){
    if(up_or_down=="up" &&  ID!=last_up_ID){execute=1; last_up_ID=ID;}
    if((up_or_down=="down") && (ID!=last_down_ID)) {execute=1; last_ID_completed==ID;last_down_ID=ID;}
  }

  if(execute==1){
//debugwin.document.write("<tr><td>Executing<td><hr>");
    var hval;
    var i;
    var imgstr="";
    var width;
    for(i=0;i<SizesArr.length;i++){

      width=Math.round(((SizesArr[i]-99)*gradient)+w_h99);

      if(SizesArr[i]==99){
        imgstr="<img src='" + imgstub + "-h99.jpg'>";
        }
      else{
        imgstr="<img src='" + imgstub + "-h149.jpg' height=" + SizesArr[i] + ">";
      }

      xpos=CellCentresStrings[ID]-(width/3)-11;

      Stack[Stack_ind]=new Array(
        ID,
        "<div style='z-index:1000; position: absolute; top: 22px; left: " + xpos + "px;'>" + imgstr + "</div>"
      );
      Stack_ind++;
    }
  }



  if(up_or_down=="down"){
    Stack[Stack_ind]=new Array(
      ID,
      "<div style='z-index:1000; position: absolute; top: 21px; left: " + xpos + "px;'>&nbsp;</div>"
      );
    Stack_ind++;
  }

}





function animatefunc(){
  var i;
  if(Stack_ind>0){
    setInnerHTML("zi",Stack[0][1]);
    PopStack();
  }
}


function PopStack(){
  var i;
  for(i=1;i<Stack_ind;i++){
    Stack[i-1]=Stack[i];
  }
  Stack_ind--;


  var str="Pop: ";
  for(i=0;i<Stack_ind;i++){
    str+="i: " + i + " Stack[i]: " + Stack[i][0] + ", " + Stack[i][1]+ "<br>";
  }
//  alert(str);
}


function preload_images(){
  document.write(".<div style='position; absolute; visibility:hidden;'>");
  document.write(".  <img src='../img/phil1_Muslim_Boy_studying_3-h99.jpg'>");
  document.write(".  <img src='../img/phil1_OLEM_Interior_Detail-h99.jpg'>");
  document.write(".  <img src='../img/jonny_Faithwalk_July_2007_101-cr-h99.jpg'>");
  document.write(".  <img src='../img/Jay_Muslim_Man_Reading_Bedford-h99.jpg'>");
  document.write(".  <img src='../img/phil1_Synagogue_Bimah_with_man_praying-h99.jpg'>");
  document.write(".  <img src='../img/phil1_Wesley_Light_Window-cr-h99.jpg'>");
  document.write(".  <img src='../img/phil2_453_0122-h99.jpg'>");
  document.write(".  <img src='../img/phil2_Bharat_Bavan_ganesh_with_garland-cr-h99.jpg'>");
  document.write(".  <img src='../img/phil2_OLEM_side_altar-cr-h99.jpg'>");
  document.write(".  <img src='../img/phil1_Mawson_Rd_Mosque_Muslim_Woman_Eating-h99.jpg'>");
  document.write(".  <img src='../img/jonny_All_Gods_People_amongst_all_Gods_Peoples-9-h99.jpg'>");
  document.write(".");
  document.write(".  <img src='../img/phil1_Muslim_Boy_studying_3-h149.jpg'>");
  document.write(".  <img src='../img/phil1_OLEM_Interior_Detail-h149.jpg'>");
  document.write(".  <img src='../img/jonny_Faithwalk_July_2007_101-cr-h149.jpg'>");
  document.write(".  <img src='../img/Jay_Muslim_Man_Reading_Bedford-h149.jpg'>");
  document.write(".  <img src='../img/phil1_Synagogue_Bimah_with_man_praying-h149.jpg'>");
  document.write(".  <img src='../img/phil1_Wesley_Light_Window-cr-h149.jpg'>");
  document.write(".  <img src='../img/phil2_453_0122-h149.jpg'>");
  document.write(".  <img src='../img/phil2_Bharat_Bavan_ganesh_with_garland-cr-h149.jpg'>");
  document.write(".  <img src='../img/phil2_OLEM_side_altar-cr-h149.jpg'>");
  document.write(".  <img src='../img/phil1_Mawson_Rd_Mosque_Muslim_Woman_Eating-h149.jpg'>");
  document.write(".  <img src='../img/jonny_All_Gods_People_amongst_all_Gods_Peoples-9-h149.jpg'>");
  document.write(".</div>");
}