var pageSection = "";
function CurrentSection(section)
{
    pageSection = section;
    //now highlight the requested section
    if(section < 9)
        document.getElementById("a" + section).className = "activeNav";
    else
        document.getElementById("a" + section).className = "activeSubNav";
        
    
}

function showShingle(divId)
{
    //hide them all
    for (var i = 1; i < 6; i++)
    {
        document.getElementById("shingleDiv" + i).style.display = "none";
    }
    
    //show the selected Div
    document.getElementById("shingleDiv" + divId).style.display = "block";
}

//****************************************************MENU SYSTEM BELOW HERE **************************************************************
	

/***********************************************
* AnyLink Drop Down Menu- Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//About Us
var menu1=new Array();
menu1[0]='<a href="aboutus.aspx">Our Story</a>';
menu1[1]='<a href="affiliations.aspx">Affiliations</a>';
menu1[2]='<a href="testimonials.aspx">Testimonials</a>';
menu1[3]='<a href="extreme-home.aspx">Extreme Makeover</a>';

//Know the Difference
var menu2=new Array()
menu2[0]='<a href="reputable_contractors.aspx" class="menLink">Choosing a Reputable Contractor</a>';
menu2[1]='<a href="road_to_safety.aspx" class="menLink">Road to Safety</a>';
menu2[2]='<a href="before_you_decide.aspx" class="menLink">Before You Decide, Be Sure</a>';
menu2[3]='<a href="quality_control.aspx" class="menLink">Quality Control Team</a>';

//What we do
var menu3=new Array();
menu3[0]='<a href="roofing.aspx">Roofing</a>';
menu3[1]='<a href="gutters.aspx">Gutters</a>';
menu3[2]='<a href="gutterhelmet.aspx">Gutter Protection</a>';
menu3[3]='<a href="vinyl.aspx">Siding and Trim</a>';
menu3[4]='<a href="shinglecolor.aspx">Shingle Colors</a>';
menu3[5]='<a href="insulation.aspx">Insulation</a>';
menu3[6]='<a href="windows.aspx">Windows</a>';
menu3[7]='<a href="entrydoors.aspx">Entry Doors</a>';
menu3[8]='<a href="stormdoors.aspx">Storm Doors</a>';
menu3[9]='<a href="chimneys.aspx">Chimneys</a>';
menu3[10]='<a href="other_services.aspx">Other Services / Repairs</a>';
menu3[11]='<a href="commercial.aspx">Commercial Roofing / Flat Roofs</a>';

//Contact Us
var menu4=new Array();
menu4[0]='<a href="contactus.aspx">Request Info Form</a>';
menu4[1]='<a href="financing.aspx">Financing Options</a>';
menu4[2]='<a href="employment.aspx">Employment Opportunities</a>';

var menuwidth='150px'; //default menu width
//var menubgcolor='#CC3333';  //menu bgcolor
var disappeardelay=0;  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes"; //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all;
var ns6=document.getElementById&&!document.all;

if (ie4||ns6)
    document.write('<div id="dropmenu" style="visibility:hidden;width:'+menuwidth+';" onmouseover="clearhidemenu()" onmouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
        totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
        parentEl=parentEl.offsetParent;
    }
    return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
    //dropmenuobj.style.left=dropmenuobj.style.top=-500;
if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style;
    dropmenuobj.widthobj.width=menuwidth;
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible;
else if (e.type=="click")
    obj.visibility=hidden;
}

function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
        var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15;
        dropmenuobj.contentmeasure=dropmenuobj.offsetWidth;
        if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
            edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth;
    }
    else{
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18;
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight;
        if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
            edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight;
    }
    return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("");
}


function dropdownmenu(obj, e, menucontents, menuwidth, section){
    
    
    //first, deactivate any current active sections
    deactivateActiveSections();
    
     //highlight current section
     document.getElementById("a" + section).className = "activeNav";
    

    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
        clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenu") : dropmenudiv
    populatemenu(menucontents)

    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }

    return clickreturnvalue()
}

function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
}

function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
}

function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
}




function hidemenu(e){

    deactivateActiveSections();


    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"

    }
}

function delayhidemenu(imageZ){


    if (ie4||ns6){
        delayhide=setTimeout("hidemenu()",disappeardelay)

    }

}

function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
    document.onclick=hidemenu

function deactivateActiveSections(){
    //deactivate any current active sections
    for (var i = 1; i < 7; i++)
    {
        if (pageSection != i)
            document.getElementById("a" + i).className = "";
           
    }
}

function showTestimonial(spanNumber)
{
		document.getElementById("testimonialBody").innerHTML = document.getElementById(spanNumber).innerHTML;
}

function showHideTestimonial(spanNumber, plusNumber)
{
    var divs = document.getElementsByTagName("div");
    
    for(var i=0; i < divs.length; i++)
    {
        var div = divs[i];
        var id = div.id;
        if ((id.indexOf("div") != -1 && spanNumber != id))
        {
            div.style.display = "none";
        }
    }
    
    var spans = document.getElementsByTagName("span");
    
    for (var i=0; i < spans.length; i++)
    {
        var span = spans[i];
        var sid = span.id;
        if ((sid.indexOf("plus") != -1 && plusNumber != sid))
        {
            document.getElementById(sid).innerHTML = "+";
        }
    }
	
	if (document.getElementById(spanNumber).style.display == "block")
	{
		document.getElementById(spanNumber).style.display = "none";
		document.getElementById(plusNumber).innerHTML = "+";
	}
	else
	{
		document.getElementById(spanNumber).style.display = "block";
		document.getElementById(plusNumber).innerHTML = "-";
	}
}

function popUp5(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=1,scrollbars=1,location=0,statusbar=1,menubar=1,resizable=1,width=785,height=620,left=0,top=0');");
}