/* JavaScript Document*/

    var barCounts = new Array(1,2,3,4,3,2,1,2);
    var directions = new Array(1,1,1,1,1,1,1,1);
    var maxCounts = new Array(3,4,5,7,6,4,5,3);
    var minCounts = new Array(1,1,1,1,1,1,1,1);  
    var running = true;
    var currentThumb; 
    var thumbArr = new Array();
    var objID="horiz_img2";
    var isLoaded = false;	

    function onloadHandler()
    {
        i = document.getElementById("middle_stripe").clientHeight +"px";
        document.getElementById("vertical").style.height = i;
        document.getElementById("vertical2").style.height = i;
        document.getElementById("gallery_vertical3").style.height = i;
        
        moving = setInterval("toggleSpliters()",2000);

        isLoaded = true;
        document.getElementById("loading_notice").style.visibility = "hidden";
    }
     
    function showlist()
	  {
		tempArr = document.getElementById("screen").getElementsByTagName('div');
		for(i=0;i<tempArr.length;i++)
		{
		    if (tempArr[i].className=='thumb')
		    { 
                thumbArr.push(tempArr[i].id.replace('frame',''));
            }
		}
	  } 
     
    function slidelink(aPicture)
    {       
	 if (!isLoaded) return;
        if (!(currentThumb==null))
        {   
            with (document.getElementById("img"+currentThumb))
            {
                style.width="133px";
                style.height="100px";
                src="/Thumbstore/"+currentThumb+".jpg";
                title = "Click to enlarge";
            }
        
            with (document.getElementById("frame"+currentThumb))
            {
                removeChild(document.getElementById("controlDiv"));
                style.background="none";
                style.padding = "0px";
                style.display="inline";       
            }
            
            onloadHandler();
            document.getElementById("frame"+currentThumb).scrollIntoView(true);      
        }

        if (aPicture==currentThumb) currentThumb=null;
        else
        {
            currentThumb = aPicture;
        
            with (document.getElementById("frame"+currentThumb))
            {
                style.background="black";
                style.display = "block";
	            style.padding = "1em";
            }           
            
           prev = "";
           next = "";
           for(i=0;i<thumbArr.length;i++)
           {
                if (thumbArr[i]==currentThumb)
                {
                    if (i>0) prev = '<a id="linkPrev" href="javascript:slidelink(\''+ thumbArr[i-1] +'\');">Previous</a>';
                    
                    if (i<(thumbArr.length-1)) 
                    {
                        next = '<a id="linkNext" href="javascript:slidelink(\''+ thumbArr[i+1] +'\');">Next</a>';
                        document.getElementById("frame"+currentThumb)
                    }
                    break;
                }
           }
                      
           with (document.getElementById("frame"+currentThumb))
           {
                innerHTML = innerHTML + '<div id="controlDiv">' + prev + '<a target="_blank" href="Imgstore/'+ currentThumb+ '.jpg">Full size</a>' + next +'</div>';
           }

           
            with (document.getElementById("img"+currentThumb))
            {
             	  style.width="90%";
                style.height="auto";
                src="/Imgstore/"+currentThumb+".jpg";
                title = "Click to shrink";
            }
            onloadHandler();
            document.getElementById("frame"+currentThumb).scrollIntoView(true);                                         
        }
    }
    
    function toggleArchive()
    {
      if (document.getElementById("archive").style.visibility=="visible") 
      {
        document.getElementById("archive").style.visibility = "hidden";
      }
      else
      {
        document.getElementById("archive").style.visibility = "visible";
      }      
    }
    
    function toggleSpliters()
    {
        document.getElementById(objID).style.visibility = "hidden";
        switch (Math.floor(Math.random()*5))
        {
            case 1: objID="vert_img1"; break;
            case 2: objID="vert_img2"; break;
            case 3: objID="vert_img3"; break;
            case 4: objID="horiz_img1"; break;
            default: objID="horiz_img2";
        }
        document.getElementById(objID).style.visibility = "visible";
    }