var imgFrameDiv,imgInfoDiv;

function jsload() {

  imgFrameDiv = document.getElementById('img-frame');
  imgInfoDiv = document.getElementById('img-info');

  staggerThumbs();
  browserMessage();
  thumbviewer.init();
}

function browserMessage() {
  var message;
  if (browser=='Internet Explorer') {
    message = 'It looks like you\'re using Internet Explorer. This site works best in Mozilla/Firefox/Safari, so please use one of those for the time being if you can.<br /> Thanks!';
  }
  if (message) {
    imgFrameDiv.innerHTML = '<div id="browser-message">' + message + '</div>';
    imgFrameDiv.style.visibility = 'visible';
  }
}


function openText(divname) {
  textDiv = document.getElementById(divname);
  text = textDiv.innerHTML;

  imgFrameDiv.style.display="none";
  imgFrameDiv.style.visibility="hidden";
  imgFrameDiv.innerHTML = text;
  imgFrameDiv.style.display="block";
  imgFrameDiv.style.visibility="visible";

  imgInfoDiv.innerHTML = '';
  imgInfoDiv.style.display = 'none';

}

function overMenuButton(div) {
buttonDiv = document.getElementById(div);
buttonDiv.style.backgroundColor="#d5d5d5";
buttonDiv.style.color="white";
}
function outMenuButton(div) {
buttonDiv = document.getElementById(div);
buttonDiv.style.backgroundColor="white";
buttonDiv.style.color="gray";
}



var TG = [];
var TGind = 0;

function ThumbGroup(d,ind) {
    this.div = d;
    this.ind = ind;
    
    this.off = Math.round(Math.random()*50);
    this.div.style.marginLeft = this.off.toString()+'px';
    this.init = function() {
        setTGopacity(this,0);
        this.div.style.visibility = 'visible';
        fadeinTG(this);
    }
}
function setTGopacity(tg,op) {
    tg.div.style.opacity = op;
    tg.currentopacity = op;
}
function fadeinTG(tg) {
    tg.optimer = window.setInterval('animTG(TG['+tg.ind+']);',2);
}
function animTG(tg) {
    var op = tg.currentopacity;
    if (op>=1) { clearTGtimer(tg); }
    else { setTGopacity(tg,op+.02); }
}
function clearTGtimer(tg) {
    if (typeof tg.optimer!="undefined") { clearInterval(tg.optimer) }
}

function staggerThumbs() {

thumbs=document.getElementById("thumb-frame");
divs = thumbs.getElementsByTagName("div");
for (var i=0; i<divs.length; i++) { 
  if (divs[i].className=="thumb-group"){
    iTG = TG.length;
    TG[iTG] = new ThumbGroup(divs[i],iTG);
    TG[iTG].init();
  }
}
//thumbs=document.getElementById("thumb-frame");
//thumbs.style.visibility="visible";

//record this arrangement of thumbs
//var posArray = new Array();
//var links = document.getElementsByTagName("a");
//for (var i=0; i<links.length; i++){
//  if (links[i].getAttribute("rel") && links[i].getAttribute("rel")=="thumb-box"){
//    posArray[posArray.length] = findPos(links[i]);
//  }
//}

//write position array to a log file with date


//generate new background image

}

function loadDetailImg(img) {

// get the src of the thumb image, replace with path to full image

var src = img.getAttribute('src');
src = src.replace(/thumbs/,'images');
//imgFrameDiv.innerHTML = '<img src='+src+' class=\"horiz\">';
imgFrameDiv.innerHTML = '<img src='+src+'>';

}




function findPos(obj) {
  var curleft = curtop = 0;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft;
    curtop = obj.offsetTop;
    while (obj = obj.offsetParent) {
      curleft += obj.offsetLeft;
      curtop += obj.offsetTop;
    }
  }
  return [curleft,curtop];
}