var pathy="images/"
var thumby="/thumbs/"
//var picy="images/"
var catag="paper"
var thumbheight="50px"

var thispic = null;

var num = 1;
var numpics=99;
var maxpics=99;

var thumblength = numpics*100;
var thumbwidth = thumblength+"px";

var thumbsrc=new Array()
var thumb=new Array()

var picsrc=new Array()
var pic=new Array()

var gallery=new Array();
gallery[0] = "";
gallery[1] = "colonization.JPG";
gallery[2] = "desert_figures.JPG";
gallery[3] = "stick_fire.JPG";
gallery[4] = "urban_rural_land.JPG";
gallery[5] = "";
gallery[6] = "";
gallery[7] = "";
gallery[8] = "";
gallery[9] = "";
gallery[10] = "";

function initthumbs(whom)

{
var num = 1;
catag = whom;

for (num = 1; num <= maxpics; num++) {
		thumbsrc[num] = pathy+catag+thumby+catag+num+".jpg";
		picsrc[num] = pathy+catag+"/"+catag+num+".jpg";	
	}
}

function initgallerythumbs()

{
var num = 1;
catag = "gallery";

for (num = 1; num <= maxpics; num++) {

	thumbsrc[num] = pathy+catag+thumby+gallery[num];
	picsrc[num] = pathy+catag+"/"+gallery[num];	
	}
}

function resetthumbs()

{
	var num = 1;

	for (num = 1; num <= maxpics; num++) 
	{
		thumbsrc[num] = "";
			picsrc[num] = "";	
	}
}


	
function showhideit( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}


function showit(who){
	thisdoc = document.getElementById(who);
	thisdoc.style.visibility="visible";}


function hideit(who){
	thisdoc = document.getElementById(who);
	thisdoc.style.visibility="hidden";}

	
function frameit(who,what){
	thisdoc = parent.document.getElementById(who);
	thisdoc.setAttribute("src",what);}


function srcit(who,what){
	thisdoc = parent.document.getElementById(who);
	thisdoc.src=(what);
	}

function srcmain(what){
thisdoc = document.getElementById("mainpicpic");
	thisdoc.src=(what);
	}

function hidethumbs() {
	for (num = 1; num <= maxpics; num++)
		hideit(catag+num);
 }

function showthumbs() {
	for (num = 1; num <= maxpics; num++)
		showit(catag+num); }
		

function fadethis(obj, opacity, zin)
 {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;

//who.style.filter='alpha(opacity=50)';
obj.style.zindex=zin;
}


function zoommainpicin()
{
oldheight=document.getElementById("mainpicpic").style.height;
document.getElementById("mainpicpic").style.height = oldheight+20;
}		

function zoommainpicout()
{
oldheight=document.getElementById("mainpicpic").style.height;
document.getElementById("mainpicpic").style.height = oldheight-20;
}		

function portraitit()  
{
document.getElementById("mainpicpic").style.height = "98%";
document.getElementById("mainpicpic").style.width = "auto";
}

function landscapeit()  
{
document.getElementById("mainpicpic").style.height = "auto";
document.getElementById("mainpicpic").style.width = "98%";
}

function updatetitle(num)   {

// document.getElementById("pictitle").innerHTML = catag;
	
document.getElementById("picdesc").innerHTML = catag+"&nbsp;"+num;
	
// document.getElementById("picprice").innerHTML = "$TBA";
	
}



function clearmainpic()
{	mainpicpic.src="";	}
		
	
function randommainpic()   {

var randomnumber=Math.floor(Math.random()*4)

	clearmainpic();
		document.mainpicpic.src = picsrc[randomnumber+1];	
		curpic = randomnumber+1;
	}	
	
function updatemainpic(num)   {
	curpic = num;
	prevpic = num;
	clearmainpic();
	if (num>0 && num<=999 ) 
		{	document.mainpicpic.src = picsrc[num];	}
	 updatetitle(num);
	}
	
function nextmain() {
curpic = curpic+1;
	if (curpic<numpics ) 
{ document.mainpicpic.src = picsrc[curpic]; }
	else {curpic = curpic - 1}
updatetitle(curpic);
}	

function prevmain() {
curpic = curpic-1;
	if (curpic>0 ) 
{ document.mainpicpic.src = picsrc[curpic]; }
	else {curpic = curpic + 1}
updatetitle(curpic);
}	
	
	
function createthumbs(whom,howmany) {

initthumbs(whom);

var numpics = howmany;
var catag = whom;
var ni = document.getElementById('divthumbsthumbs');
var num = 1;
	
// ---  LOOP TO CREATE THUMBS AND LINKS

while (num<=numpics)
{

for (num = 1; num <= 99; num++)
{
//create the <a> link node
	newA=document.createElement("a");
	newA.id = num;
	//		newA.setAttribute("href",picsrc[num]);
		newA.setAttribute("target","JAMES BUTT");
		newA.onclick = new Function('updatemainpic('+num+');');
		
				

//create the image node

	myImg=document.createElement("IMG");
		myImg.setAttribute("src",thumbsrc[num]);
		myImg.id = catag+num; 
		myImg.setAttribute("className","thumb");
		myImg.setAttribute("width","60");
		myImg.setAttribute("height","48");
		myImg.setAttribute("padding","2px");
		myImg.setAttribute("alt",picsrc[num]);

		
// Appends the image node to the anchor
	newA.appendChild(myImg);
	ni.appendChild(newA);


}


// END OF FOR LOOPS

}
// END OF WHILE LOOP
randommainpic() ;

}
// END OF CREATE THUMBS FUNCTION



function clearthumbs() 
{

	var num = 1;
  var doco = document.getElementById('divthumbsthumbs');
	var child = document.getElementById(num);
	
	resetthumbs();
	
	for (num = 1; num <= maxpics; num++)
	{
			removeElement(num);
	}	
	
}

function creategallerythumbs(howmany) {

initgallerythumbs();

var numpics = howmany;
var catag = "gallery";
var ni = document.getElementById('divthumbsthumbs');
var num = 1;
	
// ---  LOOP TO CREATE THUMBS AND LINKS

while (num<=numpics)
{

for (num = 1; num <= numpics; num++)
{
//create the <a> link node
	newA=document.createElement("a");
	newA.id = num;
	//		newA.setAttribute("href",picsrc[num]);
		newA.setAttribute("target","JAMES BUTT");
		newA.onclick = new Function('updatemainpic('+num+');');
				

//create the image node

	myImg=document.createElement("IMG");
		myImg.setAttribute("src",thumbsrc[num]);
		myImg.id = catag+gallery[num]; 
		myImg.setAttribute("className","thumb");
		myImg.setAttribute("width","60");
		myImg.setAttribute("height","48");
		myImg.setAttribute("padding","2px");
		myImg.setAttribute("alt",picsrc[num]);

		
// Appends the image node to the anchor
	newA.appendChild(myImg);
	ni.appendChild(newA);
//	document.write(newA);

//images[0] = '<a href="#" onmouseover="img_act(\'foto\',\'FOTO1\')" onmouseout="img_act(\'foto\',\'FOTO1\')"><img src="images/foto/index-01-s.jpg" border="0" vspace="0" hspace="0">'; 



}


// END OF FOR LOOPS

}
// END OF WHILE LOOP
randommainpic() ;

}
// END OF CREATE THUMBS FUNCTION


function removeElement(childDiv){
	if (document.getElementById(childDiv)) 
		{     
          var child = document.getElementById(childDiv);
          var parent = document.getElementById('divthumbsthumbs');
          parent.removeChild(child);
     }
}


function revealtitle() 
{ 
fadethis(divtitle,80,100);
//divtitle.style.left='30%'; 
//hidewidget.style.display="none";
//expandwidget.style.display="block";

}

function hidetitle() 
{ 
fadethis(divtitle,30,10);
//divtitle.style.left='-90%'; 
//hidewidget.style.display="block";
//expandwidget.style.display="none";

}