document.write("<style type='text/css'> #photo, #photocaption {visibility:hidden;} </style>");

function initFunc(){
	initServices();
	initSubnav();
	initPhoto();
	initThumb();
	initNewwin();
	//temp for dev
	if (document.getElementById('photolister')) photoLister();
}

function initServices(){
	if(document.getElementById('bodyhome')){
	 var serv = document.getElementById('services')
	 var divs = serv.getElementsByTagName('div')
	 
	 for ( var c=0; c<divs.length; c++ )
        {            
           addAnEvent(divs.item(c),'mouseover',servon);
           addAnEvent(divs.item(c),'mouseout',servoff);
		   addAnEvent(divs.item(c),'click',servlink);
		}
	}
}

function servon(){
	this.id += "on";
}

function servoff(){
	var tempstring = this.id.split("on")
	this.id = tempstring[0]
}

function servlink(){
	var elink = this.getElementsByTagName('a');
	document.location = elink[0].href;
}

function initSubnav() {
  if (!document.getElementById('bodyhome')){
		var subnav = document.getElementById('subnav');
		var subnavlis = subnav.getElementsByTagName('li');
		if (subnavlis.length > 0){
			subnavlis[subnavlis.length-1].className="last";
			var subnavas = subnav.getElementsByTagName('a');
			for (var a=0; a<subnavas.length; a++){
				var currenthref=String(subnavas[a].href);
				var currentloc=String(document.location);
				if (unescape(currenthref)==unescape(currentloc)){
					subnavas[a].className="there"
				}
			}
		}
	}
}

function initPhoto() {
  if (document.getElementById('photocontainer')){
  		var imageNum = getRand(photoArray.length);
  		var imageId = "photo";
		var captionId = "photocaption";
		var image = document.getElementById(imageId);
		var lgimaget = photoArray[imageNum-1][0].split(".jpg")
		var lgimage = photoLoc + lgimaget[0] + "-lg.jpg"
		var caption = document.getElementById(captionId);
		caption.innerHTML = "<p>"+photoArray[imageNum-1][1]+" <span class=\"smaller\">(<a href=\""+lgimage+"\" onclick=\"larger('../inc/larger.htm?ph="+lgimage+"&caption="+escape(photoArray[imageNum-1][1])+"'); return false\">Enlarge Photo</a> | <a href=\"../photos/index.htm\">See More Photos</a>)</span></p>";
		image.src = photoLoc + photoArray[imageNum-1][0];
		setOpacity(image, 0);
		setOpacity(caption, 0);
		image.style.visibility = 'visible';
		caption.style.visibility = 'visible';
		window.setTimeout("fadeIn('"+imageId+"',0)", 300);
		window.setTimeout("fadeIn('"+captionId+"',0)", 300);
	}
}

function setOpacity(obj, opacity) {
  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;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 2;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
    }
  }
}

function addAnEvent( target, eventName, functionName){
        eval('target.on'+eventName+'=functionName');
}

function getRand(x) {
 var range = x;
 return Math.floor(Math.random() * range) + 1;
}

function initNewwin(){
	var as = document.getElementsByTagName('a');
	for (var i = 0; i < as.length; i++){
		if (as[i].className=="newwin"){
			addAnEvent(as.item(i),'click',newWin);
		}
	}
}

function newWin(){
	window.open(this.href, 'Map', 'toolbar=no,width=600,height=400,status=no,scrollbars=yes,resizable=1,menubar=yes'); 
	return false
}

function larger(url){
	window.open(url, 'Enlarge', 'toolbar=no,width=20,height=20,status=no,scrollbars=yes,resizable=1,menubar=yes'); 
	return false
}

function larger2(){
	//alert(this.innerHTML)
	var caption = this.innerHTML;
	caption = caption.split(">");
	caption = escape(caption[1]);
	//alert(caption)
	var url = "../inc/larger.htm?ph="+this.href+"&caption="+caption
	window.open(url, 'Enlarge', 'toolbar=no,width=20,height=20,status=no,scrollbars=yes,resizable=1,menubar=yes'); 
	return false
}

function initThumb(){
	if (document.getElementById('photos')){
		var pht = document.getElementById('photos');
		var phtas = pht.getElementsByTagName('a');
		for (var p = 0; p < phtas.length; p++){
			addAnEvent(phtas.item(p),'click',larger2);
		}
	}
}

window.onload = initFunc;

/* photo & caption array */

var photoLoc = "../img/ph/";	// path to photos
var photoArray = new Array(
	// Source, Caption
	new Array("products.jpg", "Products"),
	new Array("office.jpg", "Office Activity"),
	new Array("granularfill.jpg", "Granular Fill"),
	new Array("is.jpg", "Information Systems"),
	new Array("largescreener.jpg", "Large Screener"),
	new Array("rotarypress.jpg", "Rotary Press"),
	new Array("smallscreener.jpg", "Small Screener"),
	new Array("tabletwrapper.jpg", "Tablet Wrapper"),
	new Array("bagger.jpg", "Bagger"),
	new Array("baldwin.jpg", "Baldwin"),
	new Array("compactor.jpg", "Compactor"),
	new Array("dualcone.jpg", "Dual Cone"),
	new Array("perfectdose.jpg", "Perfect Dose Automatic Chlorinator"),
	new Array("managementteam.jpg", "Stellar Management Team"),
	new Array("managementteam2.jpg", "Stellar Management Team"),
	new Array("labactivities.jpg", "Laboratory Activities"),
	new Array("warehouse.jpg", "Warehouse Activity"),
	new Array("engineering.jpg", "Engineering Services"),
	new Array("production.jpg", "Production Planning"),
	new Array("officeteam.jpg", "Stellar Office Team"),
	new Array("hr.jpg", "Human Resources"),
	new Array("cleanup.jpg", "Cleanup Activities"),
	new Array("tech.jpg", "Technical Services"),
	new Array("sales.jpg", "Sales Activities"),
	new Array("sales2.jpg", "Sales Activities"),
	new Array("stellarteam.jpg", "Stellar Team"),
	new Array("salestrip.jpg", "Going on a Sales Trip")
)
/* end photo & caption array */

/*temp function for client review*/
function photoLister(){
	var photolister = document.getElementById('photolister');
	//alert("mewo")
	var temp = 0;
	for (var p = 0; p < photoArray.length; p++){
		temp = p + 1;
		var lgimaget = photoArray[p][0].split(".jpg")
		var lgimage = photoLoc + lgimaget[0] + "-lg.jpg"
		photolister.innerHTML += "<h3>"+temp+" &mdash; <a href=\""+lgimage+"\" onclick=\"larger('../inc/larger.htm?ph="+lgimage+"&caption="+escape(photoArray[p][1])+"'); return false\">"+photoArray[p][1]+"</a></h3>";
		photolister.innerHTML += "<div><img src=\"../img/ph/"+photoArray[p][0]+"\" /></div>"
	}
}

/*end temp function for client review*/

if (document.images){
	var st = "a";
	for (var i=1; i<=photoArray.length; i++){
		var temp = st + i;
		temp = new Image();
		temp.src = photoLoc + photoArray[i-1][0];
	}
}