sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
     }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

var lastID = 'c1';
function Show(id) {
  document.getElementById(lastID).style.display='none';
  document.getElementById('c'+lastID).className = '';
  lastID = id;
  document.getElementById(id).style.display='block';
  document.getElementById('c'+id).className = "current";
}

function openwin(url,desc,tall)
 { 
 if (tall!=1)
    OpenWindow=window.open("", "newwin", "height=500,width=700,toolbar=no,scrollbars=0,menubar=no");
 else
    OpenWindow=window.open("", "newwin", "height=800,width=650,toolbar=no,scrollbars=0,menubar=no");
 
 OpenWindow.document.write("<html><head>")
 OpenWindow.document.write("<title>Frontier Design Group</title>")
 OpenWindow.document.write('<style type="text/css" media="all">')
 OpenWindow.document.write('body { margin: 0;padding: 0;background-image: url("http://frontierdesign.com')
 OpenWindow.document.write(url);
 OpenWindow.document.write('");background-position: 50% 50%;background-attach: fixed;background-repeat: no-repeat;}')
 OpenWindow.document.write('</style>')
 OpenWindow.document.write("</head><body>")
 OpenWindow.document.write('<div style="text-align:center;font-weight: bold;">');
 OpenWindow.document.write(desc);
 if (tall!=1)
    OpenWindow.document.write('</div><div><a href="#" onclick="window.close();" style="display:block;height:490px;width:700px;">&nbsp;</a></div>')
 else
    OpenWindow.document.write('</div><div><a href="#" onclick="window.close();" style="display:block;height:800px;width:650px;">&nbsp;</a></div>') 
 OpenWindow.document.write("</body></html>")
 OpenWindow.document.close()
 self.name="main"
 }
 
 
 function openmap(loc)
 {
  window.open('http://maps.google.com/maps?f=q&hl=en&q=' + loc,'Map','height=600,width=700,toolbar=no,scrollbars=0,menubar=no');
 }
 
 
 function hide(id,vis) {
 if (vis)
   document.getElementById(id).style.display='inline';
 else
   document.getElementById(id).style.display='none'; 
 }
 
 
 function photofader(nm, mainDiv, imgArr){
	this.name		= nm;
	this.imgArr = imgArr;
	this.curImg = 0;
	this.curDiv = 1;
	
	var mainDv = document.getElementById(mainDiv);
	
	document.pfObj = this;
	
	document.write("<style type='text/css'>\n");
	document.write("#pf_photo1 img { visibility:hidden; }\n");
	document.write("#pf_photo1 { position:absolute; z-index: 1; }\n");
	document.write("#pf_photo2 { position:absolute; z-index: 0; }\n");
	document.write("</style>");
	
	this.initImages = function() {
		var hldr1 = "pf_photo1";
		var hldr2 = "pf_photo2";
		
		var dv1 = document.createElement("div");
				dv1.id = "pf_photo1";
				dv1.innerHTML = "<img src='"+ imgArr[0] +"' />";
		var dv2 = document.createElement("div");
				dv2.id = "pf_photo2";
		
		mainDv.appendChild(dv1);
		mainDv.appendChild(dv2);
		
	  image1 = document.getElementById(hldr1).childNodes[0];
		
	  setOpacity(image1, 0);
	  image1.style.visibility = 'visible';
	  fadeIn(hldr1,0);
	}
	
	this.initImages();
}
	
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).childNodes[0];
    if (opacity < 100) {
			speed = (speed < 2)?2:speed;
      setOpacity(obj, opacity);
			opacityDif = Math.ceil((100-opacity)/speed);
			opacity += opacityDif;
      //opacity += 2;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
		else
			setTimeout("swapImages()",delay*1000);
  }
}

function swapImages(){
	// find out which 
	if(document.pfObj.curImg == document.pfObj.imgArr.length-1)
		document.pfObj.curImg = 0;
	else 
		++document.pfObj.curImg;

	// now get the div to hld the new image
	var dvName	= (document.pfObj.curDiv == 1)?"pf_photo2":"pf_photo1";
	var eDivName		= (document.pfObj.curDiv == 1)?"pf_photo1":"pf_photo2";
	document.pfObj.curDiv = (document.pfObj.curDiv == 1)?2:1;
	
	var tgtDiv = document.getElementById(dvName);
	var eDiv = document.getElementById(eDivName);
	
	// now fill the target div
	tgtDiv.innerHTML = "<img src='"+ document.pfObj.imgArr[document.pfObj.curImg] +"' style='visibility:hidden;' />";
	
	//move the divs around in z-index
	eDiv.style.zIndex = 0;
	tgtDiv.style.zIndex = 1;
	
	// And finally fade in the image
	
  var img = tgtDiv.childNodes[0];
	
  setOpacity(img, 0);
  img.style.visibility = 'visible';
  fadeIn(tgtDiv.id,0);
}
