// JavaScript Document
// JavaScript file for template site

// IMPORTANT!!! 
// Functions for the nav depend highly on image naming convention:
//     images/btn_nav_<pagename>_norm.gif
//                               current.gif
//                               hover.gif
// Each page must have the current_page variable set to the page name, which is the words
// of the actual name without spaces or special characters all squeezed into one word
// Also, the image must be the child of the link which is the child of the layer (div)
// This allows for easier construction and maintenance of pages; the nav can be copied as is

var current_page = ""; // has name of page without spaces, corresponds to part of button image file name; set in pages on page load
var navcount = 0; // total number of primary nav items; note that nav ids have numbers starting at 1
var nav2count = 4; // total number of subordinate nav items

// Set up buttons
//var navlabel1 = 'home';
//var navurl1 = 'index.htm';
//var navimg1 =  "images/btn_nav_home_norm.gif";
//var navlabel2 = 'aboutus';
//var navurl2 = 'aboutus.htm';
//var navimg2 =  "images/btn_nav_aboutus_norm.gif";
//var navlabel3 = 'contactus';
//var navurl3 = 'contactus.htm';
//var navimg3 =  "images/btn_nav_contactus_norm.gif";
//var navlabel4 = 'contactus';
//var navurl4 = 'page4.htm';
//var navimg4 =  "images/btn_nav_contactus_norm.gif";
//var navlabel5 = 'contactus';
//var navurl5 = 'page5.htm';
//var navimg5 =  "images/btn_nav_contactus_norm.gif";

var nav2label1 = 'home';
var nav2url1 = 'index.htm';
var nav2img1 =  "images/btn_nav_home_norm.gif";
var nav2label2 = 'teco';
var nav2url2 = 'teco.htm';
var nav2img2 =  "images/btn_nav_teco_norm.gif";
var nav2label3 = 'other';
var nav2url3 = 'other.htm';
var nav2img3 =  "images/btn_nav_other_norm.gif";
var nav2label4 = 'contactus';
var nav2url4 = 'contactus.htm';
var nav2img4 =  "images/btn_nav_contactus_norm.gif";
var nav2label5 = 'place2-5';
var nav2url5 = 'place2-5.htm';
var nav2img5 =  "images/btn_nav_place2-5_norm.gif";

var logoimg = "images/logo2embossed_sm.gif";

function loadbtnimages() {
//Primary nav
for (i=1; i<=navcount; i++)
  {
  var ni = 'navimg'+i+'';
  document.getElementById('nav-'+i).src = eval(ni);
  }
// Secondary nav
for (i=1; i<=nav2count; i++)
  {
  var ni2 = 'nav2img'+i+'';
  document.getElementById('nav2-'+i).src = eval(ni2);
  }
}

function loadother() {
document.getElementById('logoimg').src = logoimg;
}

// Function to adjust rounded corners in boxes if used
// Corners and edges are made using divs
// Edges are resized with internal background color or image is resized
// ALL CORNERS ARE 20x20!!!
var cornersize = 20;
function adjustcorners(cnt,arr) {
	for(box=1; box<=cnt; box++)
	{
	//Get box dimensions
	var cw = parseInt(document.getElementById(arr[box]).style.width);
	var ch = parseInt(document.getElementById(arr[box]).style.height);
	//alert('cw='+cw+' ch='+ch);
	document.getElementById('ur_'+arr[box]).style.left = cw-cornersize+'px';
	document.getElementById('lr_'+arr[box]).style.left = cw-cornersize+'px';
	document.getElementById('right_'+arr[box]).style.left = cw-cornersize+'px';
	document.getElementById('upper_'+arr[box]).style.width = cw-(cornersize*2)+'px';
	document.getElementById('lower_'+arr[box]).style.width = cw-(cornersize*2)+'px';
	document.getElementById('left_'+arr[box]).style.height = ch-(cornersize*2)+'px';
	document.getElementById('right_'+arr[box]).style.height = ch-(cornersize*2)+'px';
	document.getElementById('ll_'+arr[box]).style.top = ch-cornersize+'px';
	document.getElementById('lr_'+arr[box]).style.top = ch-cornersize+'px';
	document.getElementById('lower_'+arr[box]).style.top = ch-cornersize+'px';
	}
}


// Function for onmouseover and onmouseout, for nav lights
// Note that the image is within the link which is within the layer
// Used getElementsByTagName for browser compatibility
function omover(btnlayer,pagename) {
if(pagename != current_page)
{btnlayer.getElementsByTagName('a')[0].getElementsByTagName('img')[0].src = 'images/btn_nav_'+pagename+'_hover.gif';}
else
// Current page: ignore hover, kill click, force normal cursor
{btnlayer.getElementsByTagName('a')[0].onclick = null; btnlayer.getElementsByTagName('a')[0].getElementsByTagName('img')[0].style.cursor='default';}
}
function omout(btnlayer,pagename) {
if(pagename != current_page)
{btnlayer.getElementsByTagName('a')[0].getElementsByTagName('img')[0].src = 'images/btn_nav_'+pagename+'_norm.gif';}
}

// Sets nav buttons to 'norm', except for corresponding current button image
// to 'current' at page load, based on current_page var
function setnav() {
	// Loop thru nav items and set to norm unless it's the one for the current page
	for (i=1; i<=nav2count; i++)
		{
		// Get page name out of image name
		var iname = document.getElementById('nav2-'+i).src;
		var startpos = iname.indexOf('images');
		iname = iname.substr(startpos);
		var sparr = new Array();
		sparr = iname.split('_');
		//alert('sparr:'+sparr[0]+'|'+sparr[1]+'|'+sparr[2]);
		var pagename = sparr[2];
		document.getElementById('nav2-'+i).src = 'images/btn_nav_'+pagename+'_norm.gif';
		if (pagename == current_page)
		document.getElementById('nav2-'+i).src = 'images/btn_nav_'+pagename+'_current.gif';
		}
}

function thilitestart() {
	document.getElementById('thumb1').className = 'thumblayer thumbhilite';
	var it = '';
	for (i=2; i<=4; i++)
	    {
		it="thumb"+i+'';
        document.getElementById(it).className = 'thumblayer thumbnohilite';
		}
}

function thilite(t) {
	var it = '';
	for (i=1; i<=4; i++)
	    {
		it="thumb"+i+'';
        if (t == it) {document.getElementById(t).className = 'thumblayer thumbhilite'}
		else {document.getElementById(it).className = 'thumblayer thumbnohilite';}
		}
}

function browser() {
  // return 1 for Internet Explorer
  if (navigator.appName == "Microsoft Internet Explorer")
    return 1;
  // return 2 for Navigator
  if (navigator.appName == "Netscape")
    return 2;
  // return 0 for other browsers
  return 0;
}

function bVer() {
  //return version number (e.g., 4.03)
  return parseFloat(navigator.appVersion)
}

//Functions to display and hide elements (cross-browser)
function ShowElement(objvar){
  if(objvar){
    objvar.style.visibility = 'visible';
    objvar.style.display = 'block';
  } 
}

function HideElement(objvar){
  if(objvar){
    objvar.style.visibility = 'hidden';
    objvar.style.display = 'none';
  } 
}

var thpicscnt = 4; /* number of thumbs in picpage */

var pics = new Array();
var descs = new Array();
descs[0] = 'Teco 56 Pitcher';
pics[0] = new Array('56_main.jpg','56_right.jpg','56_bottom.jpg','56_top.jpg');
descs[1] = 'Teco 258 Candle Holders';
pics[1] = new Array('258_left_top.jpg','258_left_bottom.jpg','258_right_top.jpg','258_right_bottom.jpg');
descs[2] = 'Teco 287 Vase';
pics[2] = new Array('287_front.jpg','287_back.jpg','287_bottom.jpg','287_top.jpg');
descs[3] = 'Teco 298 Mug';
pics[3] = new Array('298_front.jpg','298_back.jpg','298_bottom.jpg','298_top.jpg');
descs[4] = 'Teco 404 Vase';
pics[4] = new Array('404_front.jpg','404_back.jpg','404_bottom.jpg','404_top.jpg');
descs[5] = 'Teco 407 Vase';
pics[5] = new Array('407_front.jpg','407_back.jpg','407_bottom.jpg','407_top.jpg');
descs[6] = 'Teco 233 Vase';
pics[6] = new Array('233_front.jpg','233_back.jpg','233_bottom.jpg','233_top.jpg');
descs[7] = 'Teco 297 Vase';
pics[7] = new Array('297_frontauto.jpg','297_backauto.jpg','297_bottomauto.jpg','297_topauto.jpg');

var mpics = new Array();
var mdescs = new Array();
mdescs[0] = 'Rookwood 695 Pitcher';
mpics[0] = new Array('695_RW_front.jpg','695_RW_back.jpg','695_RW_bottom.jpg','695_RW_top.jpg');
mdescs[1] = 'Teco Book';
mpics[1] = new Array('TecoBook_front.jpg','TecoBook_back.jpg','TecoBook_Pgs50-51.jpg','TecoBook_Pgs122-123.jpg');


//Function for making item gallery window
//itemid is key to item picture set (array)
function makegalwin(itemid) {
  var newwin = '';
  //Make the window
  wstr = "width=860, height=890, scrollbars=no, resizable=yes, left=100, top=20, toolbar=no, menubar=no; statusbar=yes";
  newwin = window.open("picpage.htm", "", wstr);
  //Attention
  newwin.focus();
}

function fillwin() {
  var itemid = opener.itemid;
  var page = opener.page;
  var j = 0;
  if(page == 'teco')
  {
  //Put 0 item of group in first
  var nwstr = "<img src=\"images/"+pics[itemid][0]+"\" border='0'>";
  document.getElementById('selectedpic').innerHTML = nwstr;
  //Loop through the 4 images and make the thumbnails, also insert title
  for (j=0; j<thpicscnt; j++)
    {
	var n = j+1+'';
	if(pics[itemid][j+1]=='') break;
	var t = 'thumb'+n;
    document.getElementById(t).innerHTML = "<a href='javascript:embeddedlink(\"images/"+pics[itemid][j]+"\")'><img src='images/"+pics[itemid][j]+"' border='0' height='48px' max-width='50px'></a>";
	}
  //Now add title text
  document.getElementById('description').innerHTML = descs[itemid];
  }
  if(page == 'other')
  {
  //Put 0 item of group in first
  var nwstr = "<img src=\"images/"+mpics[itemid][0]+"\" border='0'>";
  document.getElementById('selectedpic').innerHTML = nwstr;
  //Loop through the 4 images and make the thumbnails, also insert title
  for (j=0; j<thpicscnt; j++)
    {
	var n = j+1+'';
	if(mpics[itemid][j+1]=='') break;
	var t = 'thumb'+n;
    document.getElementById(t).innerHTML = "<a href='javascript:embeddedlink(\"images/"+mpics[itemid][j]+"\")'><img src='images/"+mpics[itemid][j]+"' border='0' height='48px' max-width='50px'></a>";
	}
  //Now add title text
  document.getElementById('description').innerHTML = mdescs[itemid];
  }
}

//Function for the embedded link on the thumbnails
function embeddedlink(pic) {
	document.getElementById('selectedpic').innerHTML = "<img src='"+pic+"' border='0'>";
	}

//Function for error dialog
function makeerrwin(msg) {
  str = "width=420, height=180, scrollbars=no, resizable=yes, left=300, top=400, toolbar=no, menubar=no";
  newwin = window.open("error_template.htm", "", str);
  newwin.document.getElementById('errmsg').innerHTML = msg;
  newwin.focus();
  return newwin;
}
//Function for info dialog
function makeinfowin(msg) {
  str = "width=420, height=180, scrollbars=no, resizable=yes, left=300, top=400, toolbar=no, menubar=no";
  newwin = window.open("info_template.htm", "", str);
  newwin.document.getElementById('infomsg').innerHTML = msg;
  newwin.focus();
  return newwin;
}

//Functions for error and info boxes when used as layers in the parent page
function ShowDialog(layervar,msgid,msg) {
	ShowElement(layervar);
	document.getElementById(msgid).innerHTML = msg;
}
function HideDialog(layervar,msgid,msg) {
	HideElement(layervar);
	document.getElementById(msgid).innerHTML = "";
}



//Some of the following are here just to keep in case something changes later
// These are functions that accommodate a nav made of text rather than images

//var qtybtns = 5;
//var qtybtns2 = 4;
//var leftmgn = 2;
//var leftmgn2 = 0;

//Place the buttons in topnav according to first one's (same as any) width
//function settopnavbtns() {
//Get width of button
//if (browser()==1) {var bwdt = document.getElementById('tnbtn1').currentStyle.width} else {var bwdt = document.getElementById('tnbtn1').style.width}
//bwdt = bwdt.replace(/px/,'') * 1;
//for (i=1; i<=qtybtns; i++)
//  {
//  var t = 'tnbtn' + i + '';
//  document.getElementById(t).style.left = leftmgn + ((i-1)*bwdt);
//  }
//}

//function setnav2btns() {
//Get width of button
//if (browser()==1) {var bwdt = document.getElementById('tn2btn1').currentStyle.width} else {var bwdt = document.getElementById('tnb2tn1').style.width}
//bwdt = bwdt.replace(/px/,'') * 1;
//for (i=1; i<=qtybtns2; i++)
//  {
//  var t = 'tn2btn' + i + '';
//  document.getElementById(t).style.left = leftmgn2 + ((i-1)*bwdt);
//  }
//}

//function setnav2btns() {
//Get width of button
//if (browser()==1) {var bwdt = document.getElementById('tn2btn1').currentStyle.width} else {var bwdt = //document.getElementById('tnb2tn1').style.width}
//bwdt = bwdt.replace(/px/,'') * 1;
//for (i=1; i<=qtybtns2; i++)
//  {
//  var t = 'tn2btn' + i + '';
//  document.getElementById(t).style.left = leftmgn2 + ((i-1)*bwdt);
//  }
//}

//function buttonon(imgid) {
//obj.className="topnavbtn topnavbtn-on";
//document.getElementById(imgid).src = "images/btn_nav_"+current_page+"_hover.gif";
//}
//function buttonoff(imgid) {
//obj.className="topnavbtn";
//document.getElementById(imgid).src = "images/btn_nav_"+current_page+"_current.gif";
//}
//function button2on(obj) {
//obj.className="nav2btn nav2btn-on";
//}
//function button2off(obj) {
//obj.className="nav2btn";
//}