<!--





//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
//  CREATE NEW ELEMENT   CREATE NEW ELEMENT   CREATE NEW ELEMENT   
function create_new_element(img_source,index_for_name,alt_info)
       {
           // Create a new <div> element
           box = document.createElement("span");
           // Specify what it looks like using CSS style attributes
   //problem here  **********  //box.setAttribute("style", "width:100%;background-color:black;font-family:monospace;border: 3px solid black ;padding-left:0px;z-index:2;");
           box.setAttribute("name","div_" + index_for_name)
           box.setAttribute("id","div_" + index_for_name)
            
              //<table style="border:solid 2px #ff9900;padding:5px;"><tr><td></table>

             //href="' + img_source + '"  target="_blank"


                       //    "img_' + index_for_name + '"
           box.innerHTML = '<a href="javascript:void(0);"><img onMouseout="place_circle_page2();" onClick="link_to_big_image(this.id);" style="width:150px;border:solid 2px #ff9900;padding:5px;margin:5px;" id="img_' + index_for_name + '" name="img_' + index_for_name + '" src=' + img_source + ' style="display:inline;" alt="' + alt_info + '" title="' + alt_info + '"></img></a>';
                       //  ' + this.id + '



           //%%%%WORKSbox.innerHTML = '<img id="img_' + index_for_name + '" name="img_' + index_for_name + '" src=' + img_source + '>';
           //alert('img_' + img_name + ' | ' + getRefToDiv('img_' + img_name) + ' | ' + getRefToDiv(div_name));
           //alert(getRefToDiv("div_" + index_for_name));

          // Append our new <div> element to the end of the document
          //%%%%WORKSdocument.all.loading.appendChild(box);
   /*
     if(standalone_player_boolean!==null &&
               standalone_player_boolean!==undefined)
       {
          if(standalone_player_boolean=='true')
             {
              //  NEXT LINE FOR STANDALONE ONLY....
              getRefToDiv('td_loading').style.visibility='hidden';
             }
      }
    */
          getRefToDiv('td_loading').appendChild(box);

           // box.outerHTML = '<tr><td style="background-color:black;"><img name="image2" id="image2" onMouseover="eShoweHide(\'' + rows[i][2] + '\')"); src="' + rows[i][0] + '"></img></td><td valign="top" style="width:150;text-align:center;background-color:black;color:yellow;"><span name="text2" id="text2" class="header">' + rows[i][3] + '</span></td></tr>'
           //#########box.innerHTML = '<table name="' + rows[i][2] + '" id="' + rows[i][2] + '" align=""  cellpadding=2 cellspacing=6 style="z-index:2;visibility:hidden;position:absolute;top:0px;left:200px;background-color:yellow;"><tr><td style="background-color:purple;"><img name="image2" id="image2" onMouseover="eShoweHide(\'' + rows[i][2] + '\')"); src="' + rows[i][1] + '"></img></td></tr><tr height=100><td align="center" valign="middle" style="width:;text-align:center;background-color:black;color:yellow;"><span name="text2" id="text2" class="header">' + rows[i][3] + '</span></td></tr></table>'

        }






//  BEGINNING OF JS_SLIDESHOW ROUTINES........
js_slide_incr=0;
show_image_bool=true;

function js_slideshow_stop()
   {
     show_image_bool=false;

     clearTimeout(isLoaded);
     clearTimeout(continue_Slideshow);
     //show_image_bool=false;
   }

function js_slideshow_next()
   {
     show_image_bool=false;

          if(js_slide_incr>=js_slides_array.length-1)
             {
                js_slide_incr=0;
             }
          else
             {
                js_slide_incr++;
             }

          setTimeout("js_slideshow_change();",200);
          //dummy_image=new Image();
          //dummy_image.src="Images/" + js_slides_array[js_slide_incr];

          //getRefToDiv('show_image').src="Images/" + js_slides_array[js_slide_incr];
          //alert(((getRefToDiv('show_image').complete)));   
   }

function js_slideshow_prev()
   {
     show_image_bool=false;

          if(js_slide_incr==0)
             {
                js_slide_incr=js_slides_array.length-1;
             }
          else
             {
                js_slide_incr--;     
             }

           // CHANGED TO ALLOW FOR BUFFERING.......
            js_slideshow_change();

            //getRefToDiv('show_image').src="Images/" + js_slides_array[js_slide_incr];
          
   }






function js_slideshow_change()
   {

      //var myImage = new Image();
      //myImage.setAttribute('name','myImage_name');
      //myImage.setAttribute('id','myImage_name');
      //myImage.id="myImage";
      //myImage.name="myImage";
      //myImage.src = "Images/" + js_slides_array[js_slide_incr];       
      //alert(getRefToDiv('myImage_name'));  
      //alert(getRefToDiv('myImage_name').src);
      //getRefToDiv('show_image').src="Images/" + js_slides_array[js_slide_incr];    
      //alert(getRefToDiv('show_image').src);
      //alert(getRefToDiv('buffer_image').src);  

      //alert(js_slides_array);
      full_string=js_slides_array[js_slide_incr];
      //alert(full_string.indexOf('_600'));

//  IMPORTANT   IMPORTANT   IMPORTANT   IMPORTANT   IMPORTANT   
//  USE NEXT LINE IF A CAPTION IS NOT DESIRED.........
       if((js_safe_more_info.indexOf('nocaptions')>=0))
         {
       alt_name='Click for full-sized image!';
         }
       else  //  FILE NAMES SUPPORT CAPTION-PARSING......
         {
       alt_name=full_string.replace(/-{4}/g,'? ');
       alt_name=alt_name.replace(/-{3}/g,'! ');
       alt_name=alt_name.replace(/-{2}/g,'\'');
       alt_name=alt_name.replace(/-/g,' ');
       alt_name=alt_name.replace(/_{2}/g,'. ');
       alt_name=alt_name.replace(/_/g,', ');
       //alert(alt_name);
       theleft = alt_name.lastIndexOf("/") + 1;
       theright = (alt_name.length-4);
       alt_name=alt_name.substring(theleft, theright);
         }

//  IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    
//  IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    
//  IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    
//  IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    
//  IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT    IMPORTANT  
//  USE NEXT LINE IF .THUMB (THUMBNAILS ARE TO BE USED)........
       if(!(js_safe_more_info.indexOf('nothumbs')>=0))
         {
             full_ref=full_string.substring(0,full_string.lastIndexOf('.')) + '_thumb.' + full_string.substring(full_string.lastIndexOf('.')+1,full_string.length);
         }
       else  //  NO THUMBNAILS ARE AVAILABLE.......
         {
             full_ref=full_string;
         }
      //alert(full_ref);
     
      //full_ref=full_ref.replace(/(\/06$)/,'\/2006');


      //alert(<?php echo $slideshow_array[$gallery_index];?>);

       getRefToDiv('show_image').src='spacer.gif';      
       //getRefToDiv('show_image').src='';
      // "js_safe_gallery_index" is the name of the directory
      //  e.g. Slideshow1, HighFive_pics, etc.
       park_the_src=js_safe_gallery_index.substring(0,js_safe_gallery_index.length)   + "/" + full_ref;

         if(!getRefToDiv("div_" + js_slide_incr))
             {      
                  getRefToDiv('slideshow_status').innerHTML='Image is Loading...';
                  getRefToDiv('slideshow_description').innerHTML="Image is Loading...";
                  create_new_element(park_the_src,js_slide_incr,alt_name);   
              }
        //########WORKSSSSSgetRefToDiv('show_image').src=park_the_src;
      //getRefToDiv('show_image').src="Images/" + full_ref;   

      //%%%%%%getRefToDiv('buffer_image').src="Images/" + js_slides_array[js_slide_incr]; 
      //%%%%%%getRefToDiv('show_image').onLoad=setTimeout("chkLoad();",390);

      //  THIS USES BUFFER_IMAGE---PROBABLY NO GOOD!!!!!!!!!!
      //%%%%%%getRefToDiv('buffer_image').src="Images/" + js_slides_array[js_slide_incr];   
      //%%%%%%getRefToDiv('slideshow_status').innerHTML='Image is Loading...';
      //%%%%%%getRefToDiv('buffer_image').onLoad=setTimeout("chkLoad();",390);


       //init_load=setTimeout("chkLoad();",390);
       getRefToDiv('show_image').onLoad=setTimeout("chkLoad();",60);

   }









  //var myImage = new Image()	
  //myImage.src = 'LARGE_IMAGE.jpg';

   function chkLoad() {
      
     if(!(getRefToDiv('slideshow_status').innerHTML=='Image is Loading...'))
          {
             //getRefToDiv('slideshow_status').innerHTML='Image is Loading...';
          }

//alert(the_image_name)
//alert(getRefToDiv("img_" + js_slide_incr).src);

    if(getRefToDiv("img_" + js_slide_incr).complete) 
         {
            //OLDOLDOLD  document.images['theImage'].src=myImage.src;
            //%%%%%getRefToDiv('show_image').src=getRefToDiv('buffer_image').src;     
            //getRefToDiv('show_image').src="Images/" + js_slides_array[js_slide_incr];     

            getRefToDiv('show_image').src=getRefToDiv("img_" + js_slide_incr).src
            getRefToDiv('slideshow_status').innerHTML='<img src="spacer.gif" height="12px"></img>';
            getRefToDiv('slideshow_description').innerHTML=alt_name;
            //alert(getElementHeight('slideshow_description_td'));
//resize_obj('slideshow_description_td',100,getElementHeight('slideshow_description_td'));
        
            //getRefToDiv('buffer_image').src="";
             clearTimeout(isLoaded);
   
                  if(show_image_bool==true)   //!(slideshow_bool==false))
                         {
                              var continue_Slideshow = setTimeout('js_slideshow();',3000);
                          }

                  setTimeout('place_circle_page2();',500);
                  //setTimeout('scooch_slideshow();',1000);
          }

          else
          {
              //park_the_source=the_source;
              //document.images['theImage'].src="SMALL_LOADING_IMAGE.jpg";
              //getRefToDiv('slideshow_status').innerHTML='Image is Loading...';
              var isLoaded = setTimeout('chkLoad()',50);
           }




       /*   BELOW WORKSSSSSSSSSSSSSSSSSSSSSSSSSSS
    if(getRefToDiv('show_image').complete) 
         {
             //OLDOLDOLD  document.images['theImage'].src=myImage.src;
           //%%%%%getRefToDiv('show_image').src=getRefToDiv('buffer_image').src;     
            //getRefToDiv('show_image').src="Images/" + js_slides_array[js_slide_incr];     
            //########getRefToDiv('slideshow_status').innerHTML='<img src="spacer.gif" height="12px"></img>';
            getRefToDiv('slideshow_description').innerHTML=alt_name;
            //alert(getElementHeight('slideshow_description_td'));
//resize_obj('slideshow_description_td',100,getElementHeight('slideshow_description_td'));
        
            //getRefToDiv('buffer_image').src="";
             clearTimeout(isLoaded);
          }
    if(!getRefToDiv('show_image').complete || getRefToDiv('show_image').src=='spacer.gif') 
          {
              //document.images['theImage'].src="SMALL_LOADING_IMAGE.jpg";
              getRefToDiv('slideshow_status').innerHTML='Image is Loading...';
              var isLoaded = setTimeout('chkLoad()',150);
    }
       */


  }




function js_slideshow(slideshow_bool)
  {
    //show_image_bool=true;
    //alert((slideshow_bool) + " | " + !(slideshow_bool==false));
    if(show_image_bool==true)   //!(slideshow_bool==false))
      {
        js_slide_incr++;
        
          if(js_slide_incr>js_slides_array.length-1)
             {
                js_slide_incr=0;
             }

          //getRefToDiv('show_image').src='';
          //%%%%%%getRefToDiv('show_image').src="Images/" + js_slides_array[js_slide_incr];
         js_slideshow_change();

             //  ONLY NEED NEXT SECTION IF THE DIVISION NEEDS TO
             //  BE REWRITTEN TO REFRESH
             //%%%%   js_dump="<img name='show_image' id='show_image'" +
                "onClick='javascript:link_to_big_image(this.id);'" +
                "src='" + js_slides_array[js_slide_incr] + "' width=100 style='float:right; padding:0px; margin:0px;margin-top:0px;'>" +
                "</img>";
             //%%%%        if(!(js_dump==null) && !(js_dump==""))
                         {
                            //writeLayer('show_image_div',js_dump);
                         }
              
   park_boolean=slideshow_bool;
   //alert(park_boolean);


      //setTimeout("js_slideshow(park_boolean);", 4200);
       
      }  // close if(show_image_bool==true)

   }

  //js_slideshow();







function debug_ss()
{
              //"Images/" + 
var this_image="Images/" + js_slides_array[js_slide_incr];

alert(js_slides_array);
//alert(show_image);
alert(getRefToDiv('show_image').complete);
alert(getRefToDiv('show_image'));
alert("show_image: " + getRefToDiv('show_image').complete);

                  if(!getRefToDiv(this_image).complete)
                     {
                       IsComplete=false;
                       alert(getRefToDiv(this_image).complete);
                     }

  alert(getRefToDiv(this_image).complete);
  alert(getRefToDiv(this_image));
}




function imagesCheck() {
 var imagesComplete = true;
 for (var index = 0; index < slides.length; index++) {
   if (!slides[index].completed) {
     imagesComplete = false;
     break;
   }
 }

 if (imagesCompleted) {
   // code to move on to slideshow
 }
 else {
   window.setTimeout("imagesCheck()",1000);
 }
}



prog_incr=0
function buffer_zone()
  {

      var IsComplete=true
           // for(i=0;i<document.images.length;i++)
           //    {

var this_image="Images/" + js_slides_array[js_slide_incr];

                  if(!getRefToDiv(this_image).complete)
                     {
                       IsComplete=false;
                       alert(getRefToDiv(this_image).complete);
                     }
                  if(document.images[i].complete)
                     {
                        //var prog_width= parseFloat(++prog_incr)/parseFloat(document.all.loading.childNodes.length)
                        var prog_width= ++prog_incr/document.all.loading.childNodes.length
                        prog_width = prog_width * document.all.display_width.offsetWidth;
                        document.all.progress_width.width= prog_width;
                     }
               // }     //  don't need 'for' here........

                    //alert(document.images[document.images.length-1].complete)
               if(IsComplete==false)
                 {
                   prog_incr=0
                   setTimeout("buffer_zone()",500)
                 }
               else
                 {

                  }

}  // close buffer function






//        END OF JS_SLIDESHOW ROUTINES........










//-->

