window.onload=function(){
  setuplogo();
  setupnavheader();
  setupabcma();
  setupfootercontent();
  setupusgbcm();
  //alert(document.getElementById('navsubaboutus').id);
//alert(document.getElementById("picset") != null);
  if(document.getElementById("picset") != null)
    attachpicevents();
}

function attachpicevents(){
  var pics=document.getElementById("picset").getElementsByTagName("img");
//alert(pics.length);
  for(var i=0;i<pics.length;i++){
    if(window.addEventListener){
      pics[i].addEventListener("mouseover",picevent,false);
      pics[i].addEventListener("mouseout",picevent,false);
      pics[i].addEventListener("click",picevent,false);
    }else if(window.attachEvent){
      pics[i].attachEvent("onmouseover",picevent);
      pics[i].attachEvent("onmouseout",picevent);
      pics[i].attachEvent("onclick",picevent);
    }
  }
}

function picevent(evt){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
//alert(e.type.toLowerCase());
  switch(e.type.toLowerCase()){
  case "mouseover":
    elm.style.cursor="pointer";
    break;
  case "mouseout":
    elm.style.cursor="default";
    break;
  case "click":
    //alert(elm.src.replace(/t\.jpg/,".jpg"));
    document.getElementById("piclarge").src=elm.src.replace(/t\.jpg/,".jpg");
    break;
  }
}


                                      
function setuplogo(){
  var logo=document.createElement("div");
  logo.setAttribute("id","logo");
  if(window.addEventListener){
    logo.addEventListener("mouseover",logoevents,false);
    logo.addEventListener("mouseout",logoevents,false);
    logo.addEventListener("click",logoevents,false);
  }else if(window.attachEvent){
    logo.attachEvent("onmouseover",logoevents);
    logo.attachEvent("onmouseout",logoevents);
    logo.attachEvent("onclick",logoevents);
  }
  document.getElementById("page").appendChild(logo);
}
function logoevents(evt){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
  switch(e.type.toLowerCase()){
  case "mouseover":
    elm.style.cursor="pointer";
    break;
  case "mouseout":
    elm.style.cursor="default";
    break;
  case "click":
    window.open("index.html","_self");
    break;
  }    
}

function setupnavheader(){
  var navheader=document.createElement("div");
  navheader.setAttribute("id","navheader");
  navheader.appendChild(navheaderitem("navabout","ABOUT","aboutus.html"));
  navheader.appendChild(navheaderspacer());
  navheader.appendChild(navheaderitem("navportfolio","PORTFOLIO","portfolio.html"));
  navheader.appendChild(navheaderspacer());
  navheader.appendChild(navheaderitem("navnews","NEWS","news.html"));
  navheader.appendChild(navheaderspacer());
  navheader.appendChild(navheaderitem("navsubcontractors","SUBCONTRACTORS","subcontractors.html"));
  navheader.appendChild(navheaderspacer());
  navheader.appendChild(navheaderitem("navcontact","CONTACT","contact.html"));
  navheader.appendChild(setupnavheadersub("navaboutsub"));
  document.getElementById("page").appendChild(navheader);
}
function navheaderitem(itemid,itemtext,itemhref){
  var navitem=document.createElement("div");
  navitem.setAttribute("id",itemid);
  topnavmaincurrent(navitem);
  navitem.appendChild(document.createTextNode(itemtext));
  if(window.addEventListener){
    navitem.addEventListener("mouseover",function(evt){navitemevents(evt,itemhref);},false);
    navitem.addEventListener("mouseout",function(evt){navitemevents(evt,itemhref);},false);
    navitem.addEventListener("click",function(evt){navitemevents(evt,itemhref);},false);
  }else if(window.attachEvent){
    navitem.attachEvent("onmouseover",function(evt){navitemevents(evt,itemhref);});
    navitem.attachEvent("onmouseout",function(evt){navitemevents(evt,itemhref);});
    navitem.attachEvent("onclick",function(evt){navitemevents(evt,itemhref);});
  }
  return navitem;
}
function navitemevents(evt,itemhref){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
//alert(e.type.toLowerCase());
  switch(e.type.toLowerCase()){
  case "click":
//alert(elm.id.toLowerCase());
    window.open(itemhref,"_self");
    break;
  case "mouseover":
    elm.style.cursor="pointer";
    elm.style.color="#000000";
    elm.style.backgroundColor="#fdb912";
    if(elm.id.toLowerCase() == "navabout")
      document.getElementById("navaboutsub").style.display="block";
    break;
  case "mouseout":
    elm.style.cursor="default";
    topnavmouseoutmain(e,elm);
    break;
  }
}
function topnavmouseoutmain(evt,item){
  var currentitem=false;
  var change=true;
  var toElement=evt.toElement || evt.relatedTarget;
  switch(currentpage().toLowerCase()){
  case "aboutus.html":
  case "ourpeople.html":
  case "edwardfish.html":
  case "edwardsople.html":
  case "josephyee.html":
  case "michaelfish.html":
  case "thomasreed.html":
  case "testimonials.html":
  case "ourpartners.html":
    //alert(toElement.id)
    if(item.id == "navabout")
      currentitem=true;
    break;
  case "portfolio.html":
  case "asherspath.html":
  case "bournemills.html":
  case "coddingtonpoint.html":
  case "farnsworthhouse.html":
  case "foxhall.html":
  case "hayesbuilding.html":
  case "independencemanor.html":
  case "lebaronhills.html":
  case "melvilletowers.html":
  case "reservoircrossing.html":
  case "rivervillage.html":
  case "shillmanhouse.html":
  case "sophiasnowplace.html":
  case "thefairways.html":
    if(item.id == "navportfolio")
      currentitem=true;
    break;
  case "news.html":
    if(item.id == "navnews")
      currentitem=true;
    break;
  case "subcontractors.html":
  case "prequalform.html":
  case "planroom.html":
    if(item.id == "navsubcontractors")
      currentitem=true;
    break;
  case "contact.html":
    if(item.id == "navcontact")
      currentitem=true;
    break;
  }
//alert(item.tagName.concat(":",item.id,":",item.parentNode.id,":",toElement.tagName,":",toElement.id,":",toElement.parentNode.id));
//alert(toElement);  
  if(item.id == "navabout" && toElement != null &&
  ((toElement.tagName != null && toElement.tagName == "UL" && toElement.id != null && toElement.id == "navaboutsub") || 
  (toElement.tagName != null && toElement.tagName == "LI" && toElement.id != null && toElement.parentNode.id != null && toElement.parentNode.id == "navaboutsub") ||
  (toElement.parentNode != null && toElement.parentNode.tagName != null && toElement.parentNode.tagName == "LI" && 
  toElement.parentNode.parentNode.id != null && toElement.parentNode.parentNode.id == "navaboutsub")))
    change=false;

  if(change){
    item.style.backgroundColor="";
    if(currentitem)
      item.style.color="#fdb912";
    else
      item.style.color="#ffffff";

    if(item.id == "navabout")
      document.getElementById("navaboutsub").style.display="none";
  }
}
function topnavmaincurrent(item){
//alert(item.id == "navabout")
  var currentitem=false;
  switch(currentpage().toLowerCase()){
  case "aboutus.html":
  case "ourpeople.html":
  case "edwardfish.html":
  case "edwardsople.html":
  case "josephyee.html":
  case "michaelfish.html":
  case "thomasreed.html":
  case "testimonials.html":
  case "ourpartners.html":
    if(item.id == "navabout")
      currentitem=true;
    break;
  case "portfolio.html":
  case "asherspath.html":
  case "bournemills.html":
  case "coddingtonpoint.html":
  case "farnsworthhouse.html":
  case "foxhall.html":
  case "hayesbuilding.html":
  case "independencemanor.html":
  case "lebaronhills.html":
  case "melvilletowers.html":
  case "reservoircrossing.html":
  case "rivervillage.html":
  case "shillmanhouse.html":
  case "sophiasnowplace.html":
  case "thefairways.html":
    if(item.id == "navportfolio")
      currentitem=true;
    break;
  case "news.html":
    if(item.id == "navnews")
      currentitem=true;
    break;
  case "subcontractors.html":
  case "prequalform.html":
  case "planroom.html":
    if(item.id == "navsubcontractors")
      currentitem=true;
    break;
  case "contact.html":
    if(item.id == "navcontact")
      currentitem=true;
    break;
  }
//alert(currentitem);
  if(currentitem)
    item.style.color="#fdb912";
  else
    item.style.color="#ffffff";
//alert(item.style.color);
}
function navheaderspacer(){
  var spacer=document.createElement("span");
  spacer.appendChild(document.createTextNode("|"));
  return spacer;
}


function setupnavheadersub(navsubid){
/*
  var navsubback=document.createElement("div");
  navsubback.setAttribute("id",navsubid.concat('back'));
*/
  var navsub=document.createElement("ul");
  navsub.setAttribute("id",navsubid);
/*  
  if(window.addEventListener){
    navsub.addEventListener("mouseout",ulmouseout,false);
  }else if(window.attachEvent){
    navsub.attachEvent("onmouseout",ulmouseout);
  }
*/  
  if(window.addEventListener){
    navsub.addEventListener("mouseout",function(evt){navitemsubevents(evt);},false);
  }else if(window.attachEvent){
    navsub.attachEvent("onmouseout",function(evt){navitemsubevents(evt);});
  }
  navsub.appendChild(navsubitem("navsubaboutus","About Us","aboutus.html"));
  navsub.appendChild(navsubitem("navsubourpeople","Our People","ourpeople.html"));
  navsub.appendChild(navsubitem("navsubtestimonials","Testimonials","testimonials.html"));
  navsub.appendChild(navsubitem("navsubourpartners","Our Partners","ourpartners.html"));
  
  //return navsubback.appendChild(navsub);
  return navsub;
}
function ulmouseout(evt){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
  var toElement=evt.toElement || evt.relatedTarget;
//alert(elm.tagName);
  if((elm.tagName == "UL") && toElement.tagName != "LI"){
    elm.style.display="none";
    topnavmouseoutmain(evt,document.getElementById('navaboutsub'));
  }
}
function navsubitem(itemid,itemtext,itemhref){
  var navitem=document.createElement("li");
  navitem.setAttribute("id",itemid);
  topnavsubcurrent(navitem);
  navitem.appendChild(document.createTextNode(itemtext));
  if(window.addEventListener){
    navitem.addEventListener("mouseover",function(evt){navitemsubevents(evt,itemhref);},false);
    navitem.addEventListener("mouseout",function(evt){navitemsubevents(evt,itemhref);},false);
    navitem.addEventListener("click",function(evt){navitemsubevents(evt,itemhref);},false);
  }else if(window.attachEvent){
    navitem.attachEvent("onmouseover",function(evt){navitemsubevents(evt,itemhref);});
    navitem.attachEvent("onmouseout",function(evt){navitemsubevents(evt,itemhref);});
    navitem.attachEvent("onclick",function(evt){navitemsubevents(evt,itemhref);});
  }
  return navitem;
}
function navitemsubevents(evt,itemhref){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
//alert(e.type.toLowerCase());
  switch(e.type.toLowerCase()){
  case "click":
//alert(elm.id.toLowerCase());
    window.open(itemhref,"_self");
    break;
  case "mouseover":
    elm.style.cursor="pointer";
    //elm.style.color="#000000";
    //elm.style.background="";
    elm.style.backgroundColor="#909090";
    break;
  case "mouseout":
    elm.style.cursor="default";
    topnavmouseoutsub(e,elm);
    break;
  }
}
function topnavmouseoutsub(evt,item){
  var currentitem=false;
  var toElement=evt.toElement || evt.relatedTarget;
//alert(item.tagName.concat(":",item.id,":",item.parentNode.id,":",toElement.tagName,":",toElement.id,":",toElement.parentNode.id));

  switch(item.tagName){
  case "UL":
    if(item.id != null && item.id == "navaboutsub"){
      var hide=true;
      if(toElement.id != null && toElement.id == "navabout")
        hide=false;
      if(toElement.id != null && toElement.id == "navaboutsub")
        hide=false;
      //if(toElement.id != null && toElement.id == "navaboutsubback") &&
      if(toElement.tagName != null && toElement.tagName == "LI" && toElement.id != null && toElement.parentNode.id != null && toElement.parentNode.id == "navaboutsub")
        hide=false;
      if(toElement.parentNode != null && toElement.parentNode.tagName != null && toElement.parentNode.tagName == "LI" && toElement.parentNode.parentNode != null && toElement.parentNode.parentNode.id != null && toElement.parentNode.parentNode.id == "navaboutsub")
        hide=false;

      if(hide){
        //alert('UL - hide');
        item.style.display="none";
  
        var targetobj=document.getElementById("navabout");
        if(document.createEvent){
          var evObj = document.createEvent('MouseEvents');
          evObj.initEvent( 'mouseout', true, true );
          targetobj.dispatchEvent(evObj);
        }else if(document.fireEvent)
          targetobj.fireEvent('onmouseout');

        if (evt.stopPropagation) //if stopPropagation method supported
          evt.stopPropagation();
        else
          evt.cancelBubble=true;
      }
    } 
    break;
  case "LI":
    switch(currentpage().toLowerCase()){
    case "aboutus.html":
      if(item.id == "navsubaboutus")
        currentitem=true;
      break;
    case "ourpeople.html":
    case "edwardfish.html":
    case "edwardsople.html":
    case "josephyee.html":
    case "michaelfish.html":
    case "thomasreed.html":
      if(item.id == "navsubourpeople")
        currentitem=true;
      break;
    case "testimonials.html":
      if(item.id == "navsubtestimonials")
        currentitem=true;
      break;
    case "ourpartners.html":
      if(item.id == "navsubourpartners")
        currentitem=true;
      break;
    }
  //alert(currentitem);  
    //item.style.color="#000000";
    if(currentitem){
      item.style.backgroundColor="#c0c0c0";
      //item.style.background="url(../img/navitemhighlight.png)";
    }else{
      //item.style.background="";
      item.style.backgroundColor="#e9e9e9";
    }

    if(item.parentNode.id != null && item.parentNode.id == "navaboutsub"){
      var hide=true;
      if(toElement.id != null && toElement.id == "navabout")
        hide=false;
      if(toElement.id != null && toElement.id == "navaboutsub")
        hide=false;
      if(toElement.parentNode != null && toElement.parentNode.id != null && toElement.parentNode.id == "navaboutsub")
        hide=false;
      //!(toElement.id != null && toElement.id == "navaboutsubback") &&
      if(toElement.parentNode != null && toElement.parentNode.tagName != null && toElement.parentNode.tagName == "LI" && toElement.parentNode.parentNode != null && toElement.parentNode.parentNode.id != null && toElement.parentNode.parentNode.id == "navaboutsub")
        hide=false;

      if(hide){
        //alert('LI - hide');
        item.parentNode.style.display="none";
  
        var targetobj=document.getElementById("navabout");
        if(document.createEvent){
          var evObj = document.createEvent('MouseEvents');
          evObj.initEvent( 'mouseout', true, true );
          targetobj.dispatchEvent(evObj);
        }else if(document.fireEvent)
          targetobj.fireEvent('onmouseout');
      }
    }
    break;
  }
}
function topnavsubcurrent(item){
  var currentitem=false;
  switch(currentpage().toLowerCase()){
  case "aboutus.html":
    if(item.id == "navsubaboutus")
      currentitem=true;
    break;
  case "ourpeople.html":
  case "edwardfish.html":
  case "edwardsople.html":
  case "josephyee.html":
  case "michaelfish.html":
  case "thomasreed.html":
    if(item.id == "navsubourpeople")
      currentitem=true;
    break;
  case "testimonials.html":
    if(item.id == "navsubtestimonials")
      currentitem=true;
    break;
  case "ourpartners.html":
    if(item.id == "navsubourpartners")
      currentitem=true;
    break;
  }
//alert(currentitem);  
  //item.style.color="#000000";
  if(currentitem){
    item.style.backgroundColor="#c0c0c0";
    //item.style.background="url(../img/navitemhighlight.png) no-repeat";
  }else{
    item.style.backgroundColor="#e9e9e9";
    //item.style.background="";
  }
}


function setupabcma(){
  var abcma=document.createElement("div");
  abcma.setAttribute("id","abcma");
  if(window.addEventListener){
    abcma.addEventListener("mouseover",abcmaevents,false);
    abcma.addEventListener("mouseout",abcmaevents,false);
    abcma.addEventListener("click",abcmaevents,false);
  }else if(window.attachEvent){
    abcma.attachEvent("onmouseover",abcmaevents);
    abcma.attachEvent("onmouseout",abcmaevents);
    abcma.attachEvent("onclick",abcmaevents);
  }
  document.getElementById("footer").appendChild(abcma);
}
function abcmaevents(evt){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
  switch(e.type.toLowerCase()){
  case "mouseover":
    elm.style.cursor="pointer";
    break;
  case "mouseout":
    elm.style.cursor="default";
    break;
  case "click":
    window.open("http://www.abcma.org/","_blank");
    break;
  }    
}
function setupusgbcm(){
  var usgbcm=document.createElement("div");
  usgbcm.setAttribute("id","usgbcm");
  if(window.addEventListener){
    usgbcm.addEventListener("mouseover",usgbcmevents,false);
    usgbcm.addEventListener("mouseout",usgbcmevents,false);
    usgbcm.addEventListener("click",usgbcmevents,false);
  }else if(window.attachEvent){
    usgbcm.attachEvent("onmouseover",usgbcmevents);
    usgbcm.attachEvent("onmouseout",usgbcmevents);
    usgbcm.attachEvent("onclick",usgbcmevents);
  }
  document.getElementById("footer").appendChild(usgbcm);
}
function usgbcmevents(evt){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
  switch(e.type.toLowerCase()){
  case "mouseover":
    elm.style.cursor="pointer";
    break;
  case "mouseout":
    elm.style.cursor="default";
    break;
  case "click":
    window.open("http://www.usgbc.org/","_blank");
    break;
  }    
}


function setupfootercontent(){
  var footercontent=document.createElement("div");
  footercontent.setAttribute("id","footercontent");
  footercontent.appendChild(setupnavfooter());
  var address=document.createElement("div");
  address.setAttribute("id","address");
  address.appendChild(document.createTextNode("536 Granite Street, Braintree, MA 02184, Phone: 781-380-1675  Fax: 781-380-1676"));
  footercontent.appendChild(address);
  var copyright=document.createElement("div");
  copyright.setAttribute("id","copyright");
  copyright.appendChild(document.createTextNode(String.fromCharCode(169).concat(" 2009 Dellbrook Construction")));
  footercontent.appendChild(copyright);
  document.getElementById("footer").appendChild(footercontent);
}

function setupnavfooter(){
  var navfooter=document.createElement("div");
  navfooter.setAttribute("id","navfooter");
  navfooter.appendChild(navfooteritem("navabout","ABOUT","aboutus.html"));
  navfooter.appendChild(navfooterspacer());
  navfooter.appendChild(navfooteritem("navportfolio","PORTFOLIO","portfolio.html"));
  navfooter.appendChild(navfooterspacer());
  navfooter.appendChild(navfooteritem("navnews","NEWS","news.html"));
  navfooter.appendChild(navfooterspacer());
  navfooter.appendChild(navfooteritem("navsubcontractors","SUBCONTRACTORS","subcontractors.html"));
  navfooter.appendChild(navfooterspacer());
  navfooter.appendChild(navfooteritem("navcontact","CONTACT","contact.html"));
  return navfooter;
}
function navfooteritem(itemid,itemtext,itemhref){
  var navitem=document.createElement("div");
  //navitem.setAttribute("id",itemid);
  navitem.appendChild(document.createTextNode(itemtext));
  if(window.addEventListener){
    navitem.addEventListener("mouseover",function(evt){navfooteritemevents(evt,itemhref);},false);
    navitem.addEventListener("mouseout",function(evt){navfooteritemevents(evt,itemhref);},false);
    navitem.addEventListener("click",function(evt){navfooteritemevents(evt,itemhref);},false);
  }else if(window.attachEvent){
    navitem.attachEvent("onmouseover",function(evt){navfooteritemevents(evt,itemhref);});
    navitem.attachEvent("onmouseout",function(evt){navfooteritemevents(evt,itemhref);});
    navitem.attachEvent("onclick",function(evt){navfooteritemevents(evt,itemhref);});
  }
  return navitem;
}
function navfooteritemevents(evt,itemhref){
  var e=window.event || evt;
  var elm=evt.srcElement || evt.target;
//alert(e.type.toLowerCase());
  switch(e.type.toLowerCase()){
  case "click":
//alert(elm.id.toLowerCase());
    window.open(itemhref,"_self");
    break;
  case "mouseover":
    elm.style.cursor="pointer";
    elm.style.color="#ffffff";
    break;
  case "mouseout":
    elm.style.cursor="default";
    elm.style.color="#666666";
    break;
  }
}
function navfooterspacer(){
  var spacer=document.createElement("span");
  spacer.appendChild(document.createTextNode("|"));
  return spacer;
}


function searchparam(param) {
//alert(location.search.indexOf(param + "="));
	var start = location.search.indexOf(param + "=");
	if( start == -1) {
		return("");
	} else {
//alert(location.search.indexOf("&",start));
		var end = location.search.indexOf("&",start);
		if( end == -1) {
			return(location.search.substring(start+(param + "=").length));
		} else {
//alert(location.search.substring(start+(param + "=").length,end));
			return(location.search.substring(start+(param + "=").length,end));
		}
	}
}

function currentpage() {
  var patharray=location.pathname.split('/');
  return patharray[patharray.length-1];
}