/* section labeled
album3.js CV pix 29Sep05 23:55
in file JavaScriptwork.doc */
/*general purpose functions for www.ko-sichang.net
many were Written by Dave Taylor - taylor@intuitive.com - for the book "Dynamic HTML Weekend Crash Course" online at  http://www.intuitive.com/dhtml/ others taken from MacroMedia Dreamweaver 

the functions next Slide and setPhotoSize are *not* the same in different versions of this function set, e.g. earlier album3.js and album2.js*/

//declarations
var useID = 0, useLayers = 0, useAll = 0, N6 = 0, MSIE = 0;

if (document.getElementById) useID = 1;
if (document.layers) useLayers = 1;
if (document.all) useAll = 1;

var MSIE = (useID && useAll);
var N6   = (useID && (!useLayers) && (! useAll) );
var NS   = (navigator.appName.indexOf('Netscape') != -1)? 1 : 0;
var FF = (useID && (!useLayers) && (!useAll));

//since we don't have Netscape as of 14 Aug 2005, only IE and FF are confirmed
if (MSIE) var browserName = "IE";
if (N6) var browserName = "Netscape 6";
if (FF) var browserName = "FireFox" ;
if (NS && (!FF)) var browserName = "older Netscape Navigator";

function browserDOM()
{
var ans = useID?"uses ID; ":"does not use ID;";
var ans2 = useLayers?" uses layers;":"does not use layers;";
var ans3 = useAll?"uses All":"does not use All";
return ans+"\n"+ans2+"\n"+ans3;
}

function GetParam(name)
{
  var start=location.search.indexOf("?"+name+"=");
  if (start<0) start=location.search.indexOf("&"+name+"=");
  if (start<0) return '';
  start += name.length+2;
  var end=location.search.indexOf("&",start)-1;
  if (end<0) end=location.search.length;
  var result=location.search.substring(start,end);
  var result='';
  for(var i=start;i<=end;i++) {
    var c=location.search.charAt(i);
    result=result+(c=='+'?' ':c);
  }
  return unescape(result);
}

function getObj(obj) {
  // cross platform tool for accessing the object style
  var myObj;
  
  if (useID) myObj = document.getElementById(obj).style;
  else if (useAll) myObj = document.all[obj].style;
  else if (useLayers) myObj = document.layers[obj];
  
  return myObj;
}

function getObjCore(obj) {
  // same as getObj() except it lets you access the core object
  var myObj;
  if (useID) myObj = document.getElementById(obj);
  else if (useAll) myObj = document.all[obj];
  else if (useLayers) myObj = document.layers[obj];
  return myObj;
}


function getX(obj)
//from Dave Taylor, DHTML Weekend Crash Course
{
  // return the x coordinate of the object
  var myObj = getObj(obj);

  if (MSIE) {
    x = myObj.pixelLeft;
  } else {
    x = myObj.left;
  }
  return(parseInt(x));  
}

function getY(obj)
{
  // return the y coordinate of the object
  var myObj = getObj(obj);

  if (MSIE) {
    y = myObj.pixelTop;
  } else {
    y = myObj.top;
  }
  return(parseInt(y));  
}



// -- the following are examples of how to easily set a specific
function showX()
{
	alert(getX('draggablelayer'));
}

// -- the following are examples of how to easily set a specific
// attribute using the crashcourse.js functions. In the first case, it'd
// be easy to have a link on your page that'd let the user change a
// dark background color to a lighter one, for example, with a link
// like "OnClick="setBgColor('id', 'blue')".

function showObj(obj)
{
  // turn on visibility for the object
  var myObj = getObj(obj);
  
  myObj.visibility = "visible";
}

function hideObj(obj)
{
  // turn off visibility, hiding the object
  var myObj = getObj(obj);
  
  myObj.visibility = "hidden";
}
//more from MacroMedia, these from DreamWeaver MX 2004

function lang() //requires browserName
/*working as of 01Oct05
perhaps bizarrely, today we need to hunt for a *backslash* in IE pathname, and a forward slash in FireFox; previously, Nick's approach of referring only to a forward slash seemed to work fine. */
{
	var slash = browserName=="FireFox"? "/" : "\\";
	var redir = "not a real page.html"; //so that assignment failure will be obvious
	var curLoc = window.location.pathname;
		//alert("curLoc is "+curLoc);
	var curPage = curLoc.substr(curLoc.lastIndexOf(slash)+1);
				//alert("curPage is "+curPage);
var basePage = curPage.indexOf("_t")>0? curPage.substring(0,curPage.indexOf("_t")) : curPage.substring(0,curPage.indexOf("."));
	//alert("basePage is "+basePage);
	
	var suffix = curPage.substr(curPage.lastIndexOf("."));
	//alert("suffix is "+suffix);
	redir = curPage.lastIndexOf('_t')==curPage.lastIndexOf('.')-2? basePage+suffix : basePage+"_t"+suffix;
	//alert("and redir is "+redir);
	location.href = redir;
}
//my code is WAY less readable than Nick's



function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_setTextOfLayer(objName,x,newText) { //v3.0
  if ((obj=MM_findObj(objName))!=null) with (obj)
    if (navigator.appName=='NetscapeAndPazoogle') {document.write(unescape(newText)); document.close();}
    else innerHTML = unescape(newText);
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//============================================================================
/* variables and functions for slide shows */
function slidevars()
{
var waitInterval = 9000; var stdlength = 80;
var index = 0; var stopped = 0, running = 0;
var start, now, change = 0;
var range = 120;
var startdirname = "Photos";
//var dirname = startdirname+"M/"; we don't want to start this instance with medium-sized photos
var photoname = "Lphoto";  /*remember, we're using the large photos as default here*/
}



function MM_dragLayer(objName,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v4.01
  //Copyright 1998 Macromedia, Inc. All rights reserved.
  var i,j,aLayer,retVal,curDrag=null,curLeft,curTop,IE=document.all,NS4=document.layers;
  var NS6=(!IE&&document.getElementById), NS=(NS4||NS6); if (!IE && !NS) return false;
  retVal = true; if(IE && event) event.returnValue = true;
  if (MM_dragLayer.arguments.length > 1) {
    curDrag = MM_findObj(objName); if (!curDrag) return false;
    if (!document.allLayers) { document.allLayers = new Array();
      with (document) if (NS4) { for (i=0; i<layers.length; i++) allLayers[i]=layers[i];
        for (i=0; i<allLayers.length; i++) if (allLayers[i].document && allLayers[i].document.layers)
          with (allLayers[i].document) for (j=0; j<layers.length; j++) allLayers[allLayers.length]=layers[j];
      } else {
        if (NS6) { var spns = getElementsByTagName("span"); var all = getElementsByTagName("div"); 
          for (i=0;i<spns.length;i++) if (spns[i].style&&spns[i].style.position) allLayers[allLayers.length]=spns[i];}
        for (i=0;i<all.length;i++) if (all[i].style&&all[i].style.position) allLayers[allLayers.length]=all[i]; 
    } }
    curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
    curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
    curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
    curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
    curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
    curDrag.MM_oldZ = (NS4)?curDrag.zIndex:curDrag.style.zIndex;
    curLeft= (NS4)?curDrag.left:(NS6)?parseInt(curDrag.style.left):curDrag.style.pixelLeft; 
    if (String(curLeft)=="NaN") curLeft=0; curDrag.MM_startL = curLeft;
    curTop = (NS4)?curDrag.top:(NS6)?parseInt(curDrag.style.top):curDrag.style.pixelTop; 
    if (String(curTop)=="NaN") curTop=0; curDrag.MM_startT = curTop;
    curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop-cU;
    curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop+cD;
    curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
    document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
    if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  } else {
    var theEvent = ((NS)?objName.type:event.type);
    if (theEvent == 'mousedown') {
      var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
      var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
      var maxDragZ=null; document.MM_maxZ = 0;
      for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];
        var aLayerZ = (NS4)?aLayer.zIndex:parseInt(aLayer.style.zIndex);
        if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
        var isVisible = (((NS4)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);
        if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
          var parentL=0; var parentT=0;
          if (NS6) { parentLayer = aLayer.parentNode;
            while (parentLayer != null && parentLayer.style.position) {             
              parentL += parseInt(parentLayer.offsetLeft); parentT += parseInt(parentLayer.offsetTop);
              parentLayer = parentLayer.parentNode;
          } } else if (IE) { parentLayer = aLayer.parentElement;       
            while (parentLayer != null && parentLayer.style.position) {
              parentL += parentLayer.offsetLeft; parentT += parentLayer.offsetTop;
              parentLayer = parentLayer.parentElement; } }
          var tmpX=mouseX-(((NS4)?pageX:((NS6)?parseInt(style.left):style.pixelLeft)+parentL)+MM_hLeft);
          var tmpY=mouseY-(((NS4)?pageY:((NS6)?parseInt(style.top):style.pixelTop) +parentT)+MM_hTop);
          if (String(tmpX)=="NaN") tmpX=0; if (String(tmpY)=="NaN") tmpY=0;
          var tmpW = MM_hWidth;  if (tmpW <= 0) tmpW += ((NS4)?clip.width :offsetWidth);
          var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += ((NS4)?clip.height:offsetHeight);
          if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
              || maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
      if (curDrag) {
        document.onmousemove = MM_dragLayer; if (NS4) document.captureEvents(Event.MOUSEMOVE);
        curLeft = (NS4)?curDrag.left:(NS6)?parseInt(curDrag.style.left):curDrag.style.pixelLeft;
        curTop = (NS4)?curDrag.top:(NS6)?parseInt(curDrag.style.top):curDrag.style.pixelTop;
        if (String(curLeft)=="NaN") curLeft=0; if (String(curTop)=="NaN") curTop=0;
        MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
        document.MM_curDrag = curDrag;  curDrag.MM_SNAPPED=false;
        if(curDrag.MM_toFront) {
          eval('curDrag.'+((NS4)?'':'style.')+'zIndex=document.MM_maxZ+1');
          if (!curDrag.MM_dropBack) document.MM_maxZ++; }
        retVal = false; if(!NS4&&!NS6) event.returnValue = false;
    } } else if (theEvent == 'mousemove') {
      if (document.MM_curDrag) with (document.MM_curDrag) {
        var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
        var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
        newLeft = mouseX-MM_oldX; newTop  = mouseY-MM_oldY;
        if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
        if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
        if (MM_bT!=null) newTop  = Math.max(newTop ,MM_bT);
        if (MM_bB!=null) newTop  = Math.min(newTop ,MM_bB);
        MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
        if (NS4) {left = newLeft; top = newTop;}
        else if (NS6){style.left = newLeft; style.top = newTop;}
        else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
        if (MM_dragJS) eval(MM_dragJS);
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mouseup') {
      document.onmousemove = null;
      if (NS) document.releaseEvents(Event.MOUSEMOVE);
      if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
      if (document.MM_curDrag) with (document.MM_curDrag) {
        if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
            (Math.pow(MM_targL-((NS4)?left:(NS6)?parseInt(style.left):style.pixelLeft),2)+
             Math.pow(MM_targT-((NS4)?top:(NS6)?parseInt(style.top):style.pixelTop),2))<=MM_tol) {
          if (NS4) {left = MM_targL; top = MM_targT;}
          else if (NS6) {style.left = MM_targL; style.top = MM_targT;}
          else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
          MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
        if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
        if(MM_dropBack) {if (NS4) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
        retVal = false; if(!NS) event.returnValue = false; }
      document.MM_curDrag = null;
    }
    if (NS) document.routeEvent(objName);
  } return retVal;
}


function newInterval()
{
now = getX('draggablelayer');
change = (now-start);
var factor = change<0? -3 : -.66;
waitInterval = 4200+(change/range)*factor*4200;
if(running)
	{
	clearTimeout(pending);
	contShow();
	}

}

function setPhoto(size)
{
//activated by clicking on one of the image-size controls to adjust i.a.w. connection speed
//WATCH OUT! Photoshop may replace spaces in filenames with hyphens in batch resize
//leaving you with missing images whenever there was a space in the original file name
//NOTE that the statement below assumes the calling page is in the same folder as the L images
//otherwise, you need to change startdirname+size+'/' --> startdirname+'/'+size+'/'....
dirname = size=='L'? startdirname : startdirname+'/'+size; //adds '/M' or '/S' to the base jpeg directory name
photoname = size+'photo'; //specifies which image is to be updated henceforth
alert("swapping "+photoname+"; new image will be "+dirname+'/'+slidearray[index]);
MM_swapImage(photoname,'',dirname+'/'+slidearray[index],1); //makes sure the chosen image (small, medium or large) now shows the current photo
switch(size) //display only the layer with the chosen size of photo
	{
		case 'L': /*alert('case of L executing');*/ MM_showHideLayers('Mphotolayer','','hide','Sphotolayer','','hide','Lphotolayer','','show');break;
		case 'M': /*alert('case of M executing');*/ MM_showHideLayers('Mphotolayer','','show','Sphotolayer','','hide','Lphotolayer','','hide'); /*alert('MM_showHIde called already');*/ break;
		case 'S': MM_showHideLayers('Mphotolayer','','hide','Sphotolayer','','show','Lphotolayer','','hide');break;
	}
} //end of function setPhoto(size)

function nextSlide(q)
/*revised version to accomodate backward moves as well as forward*/
{
	switch (q)
	{
		case -1:  index = index==0? slidearray.length-1 : index-1; break;
		case 1:  index =  index >= (slidearray.length-1) ? 0 : index+1; break;
	}
	MM_swapImage(photoname,'',dirname+'/'+slidearray[index],1);
	MM_setTextOfLayer('caption','',index+1+'. '+capts[index]);
} //end of function nextslide(q)

function contShow()
{
var nextindex = index==capts.length-1? 0 : index+1;
var nextcharcount = capts[nextindex];
var delay = nextcharcount>stdlength? nextcharcount/stdlength*waitInterval : waitInterval;
if  (!stopped)
{
	nextSlide(1);
}
	//alert("contShow called");
if (index < slidearray.length-1)
	{
	var pending = setTimeout("contShow()", delay);
	running = 1;
	}
else if (index==slidearray.length-1)
/* meaning we've reached the last slide, and the auto-show must stop;*/
	{
	running = 0;
	MM_swapImage('stop','','stop_grey.gif',1); 
	MM_swapImage('autoShow','','contShow.gif',1); 
	MM_swapImage('right_arrow','','right.gif',1); 
	MM_swapImage('left_arrow','','left.gif',1);
	}
}