/////////////////////////// CLICK FULL SIZE IMAGE - START /////////////////

////call with imageclick051025(3, 150, 200, '');	//n, height600, height768
////image1[3] = "follonica.jpg";
////getwindowsizebeforethispageloads(); in beforethispageloads()

var image1 = new Image();	//can make local
var bigimagenumber = 1;
var gs600, gs768, gn;
var bigimage = false;
var base = "";
var winW = 630, winH = 460;

function getwindowsizebeforethispageloads()	//after window, before any pictures loaded
{
	if (parseInt(navigator.appVersion)>3)
	{
		if (navigator.appName=="Netscape")
		{
			winW = window.innerWidth-16;	// vert scrollbar
			winH = window.innerHeight;	//-16 for horiz scrollbar
		}
		if (navigator.appName.indexOf("Microsoft")!=-1)
		{
			winW = document.body.offsetWidth-20;	//vert scrollbar
			winH = document.body.offsetHeight;	//-20 for horiz scrollbar
		}
	}
}

function imageclick051025(n, s600, s768)	//050528  small, 600, 768 px high screen
{
	var s = "";
	//s += '<span STYLE="position:relative;" id=';	//left or  align="right" here
	//s += '<span id=';	//left or  align="right" here
	s += '<span id=imagespan';	//left or  align="right" here
	s += n;
	s += ' onClick="imageclicklarger060125(';
	//s += n + ", " + s600 + ", " + s768 + ", " + "'" + text1 + "'";	//must put text1 back into quotes
	s += n + ", " + s600 + ", " + s768;
	s += ")";
	s += '">';
	s += '<img src = "';
	s += base + image1[n] + '"';
	s += ' alt = " ';
	s += image1[n];
	s += '" height = ';
	s += imageheight(s600, s768);	//image pixels for screen height 600, 768, 1010 to 100 at 768 for 1024 high
	//s += ' ' + text1;
	s += '>';
	s += '</span>';
//alert(s);
	return s;
}

function zimageclick051025(n, s600, s768, text1)	//050528  small, 600, 768 px high screen
{
	var s = "";
	//s += '<span STYLE="position:relative;" id=';	//left or  align="right" here
	s += '<span id=';	//left or  align="right" here
	s += n;
	s += ' onClick="imageclicklarger051025(';
	s += n + ", " + s600 + ", " + s768 + ", " + "'" + text1 + "'";	//must put text1 back into quotes
	s += ")";
	s += '">';
	s += '<img src = "';
	s += base + image1[n] + '"';
	s += ' alt = " ';
	s += image1[n];
	s += ' " height = ';
	s += imageheight(s600, s768);	//image pixels for screen height 600, 768, 1010 to 100 at 768 for 1024 high
	s += ' ' + text1;
	s += '>';
	s += '</span>';
	return s;
}

//function imageclicklarger060125(n, s600, s768, text1)
function imageclicklarger060125(n, s600, s768)
{	//changes innerHTML
	var s = "";
	//s += '<span STYLE="position:relative;">';
	s += '<span>';
	s += '<img src="';
	//s += '<img style="position:absolute;left:100;top:20" src="';
	s += base + image1[n];
	s += '" onClick="imageclicksmaller060125(';		//uses global gn for other image clicked
	//s += n + ", " + s600 + ", " + s768 + ", " + "'" + text1 + "'";	//must put text1 back into quotes
	s += n + ", " + s600 + ", " + s768;
	s += ')" alt="';
	s += image1[n];
	s += '"';
	//if ( (b600 > 0) || (b768 > 0) )
	//{
	//	s += ' height = ';
	//	s += imageheight(b600, b768);	//image pixels for screen height 600, 768, 1010 to 100 at 768 for 1024 high
	//}
	//s += ' ' + text1;
	s += '>';
	s += '</span>';
	
	if (bigimage)
	{
		//imageclicksmaller051025(n, s600, s768, text1);
		imageclicksmaller060125(n, s600, s768);
	}
	gn = n;
	gs600 = s600;
	gs768 = s768;
	bigimage = true;
	document.getElementById("imagespan" + gn).innerHTML = s;

	document.getElementById("imagespan" + gn).scrollIntoView();
	self.scrollBy(-10,-5);	//x, y
}

//function imageclicksmaller051025(n, s600, s768, text1)
function imageclicksmaller060125(n, s600, s768)
{	//changes innerHTML
	var s = "";
	//s += '<span STYLE="position:relative;">';
	s += '<span>';
	s += '<img src="';
	s += base + image1[gn];
	s += '" onClick="imageclicklarger060125(';
	//s += gn + ", " + gs600 + ", " + gs768 + ", " + "'" + text1 + "'";	//must put text1 back into quotes
	s += gn + ", " + gs600 + ", " + gs768;
	s += ')" alt="';
	s += image1[gn];
	s += '" height = ';
	s += imageheight(gs600, gs768);	//image pixels for screen height 600, 768, 1010 to 100 at 768 for 1024 high
	//s += ' ' + text1;
	s += '>';
	s += '</span>';
	document.getElementById("imagespan" + gn).innerHTML = s;

	self.scrollTo(0, 0);
}

function zimageclicklarger051025(n, s600, s768, text1)
{	//changes innerHTML
	var s = "";
	//s += '<span STYLE="position:relative;">';
	s += '<span>';
	s += '<img src="';
	s += base + image1[n];
	s += '" onClick="imageclicksmaller051025(';		//uses global gn for other image clicked
	s += n + ", " + s600 + ", " + s768 + ", " + "'" + text1 + "'";	//must put text1 back into quotes
	s += ')" alt="';
	s += image1[n];
	s += ' "';
	//if ( (b600 > 0) || (b768 > 0) )
	//{
		//s += ' height = ';
		//s += imageheight(b600, b768);	//image pixels for screen height 600, 768, 1010 to 100 at 768 for 1024 high
	//}
	s += ' ' + text1;
	s += '>';
	s += '</span>';
	if (bigimage)
		imageclicksmaller051025(n, s600, s768, text1);
	gn = n;
	gs600 = s600;
	gs768 = s768;
	bigimage = true;
	document.getElementById(gn).innerHTML = s;
}

function zimageclicksmaller051025(n, s600, s768, text1)
{	//changes innerHTML
	var s = "";
	//s += '<span STYLE="position:relative;">';
	s += '<span>';
	s += '<img src="';
	s += base + image1[gn];
	s += '" onClick="imageclicklarger051025(';
	s += gn + ", " + gs600 + ", " + gs768 + ", " + "'" + text1 + "'";	//must put text1 back into quotes
	s += ')" alt="';
	s += image1[gn];
	s += ' " height = ';
	s += imageheight(gs600, gs768);	//image pixels for screen height 600, 768, 1010 to 100 at 768 for 1024 high
	s += ' ' + text1;
	s += '>';
	s += '</span>';
	document.getElementById(gn).innerHTML = s;
}

function imageheight(heightavail600, heightavail768)	//050528 called by imageclicklarger/smaller
{
	////winH 600/768 = 457/609
	var m, c, y;
	m = (heightavail768 - heightavail600)/(609 - 457);
	c = heightavail768 - m*609;
	y = m*winH + c;
	return Math.floor(y);
}

/////////////////////////// CLICK FULL SIZE IMAGE - END //////////////////