shingle1=37; 

metal1=10;

repairs1=8;

var Temp=0;

var thumb;

var list;

var pic1=document.getElementById("mainPic");



function setPort(page)
{


point=parent.document.getElementById("portfolio");



if(page=="res")
{
point.innerHTML=
"<a onClick=\"link('res.html')\" onMouseOut=mouseOutVert('portfolio') OnMouseOver=mouseOverVert('portfolio') href='#'>Portfolio</a>";
}
if(page=="rep")
{
point.innerHTML=
"<a onClick=\"link('rep.html')\" onMouseOut=mouseOutVert('portfolio') OnMouseOver=mouseOverVert('portfolio') href='#'>Portfolio</a>";

}
if(page=="com")
point.innerHTML=
"<a onClick=\"link('com.html')\" onMouseOut=mouseOutVert('portfolio') OnMouseOver=mouseOverVert('portfolio') href='#'>Portfolio</a>";



}


function fixIE()

{

var bird1=parent.document.getElementById("owl");
var bird2=parent.document.getElementById("owl2");



frame=document.getElementById("frameTxt");

frame.style.zIndex="0";

bird2.style.visibility="hidden";

bird1.style.visibility="visible";


}




function mouseOverVert(element)

{

menu=parent.document.getElementById(element);

menu.style.border="thick solid #EADD81";

menu.style.backgroundColor="#272966";

menu.style.width="175px";

menu.style.zIndex="5";


}


function mouseOutVert(element)

{


menu=parent.document.getElementById(element);

menu.style.border="none";

menu.style.backgroundColor="#EADD81";

menu.style.width="120px";

}


function link(link)
{

frame=parent.document.getElementById("frameTxt");

bird1=parent.document.getElementById("owl");

bird2=parent.document.getElementById("owl2");

est=parent.document.getElementById("freeEstimate");

phone=parent.document.getElementById("phoneNumber");

if(link=="home.html")
{
bird2.style.visibility="hidden";

bird1.style.visibility="visible";

}

if(link=="res.html" || link=="com.html" || link=="rep.html")
{
est.style.visibility="hidden";

phone.style.visibility="hidden";}
else
{est.style.visibility="visible";

phone.style.visibility="visible";}



frame.src=link;

}


function imageSwap(whichPic)
{

leftA=document.getElementById("lArrow");

rightA=document.getElementById("rArrow");

var pic1=document.getElementById("mainPic");

path=whichPic.getAttribute('src');

path=path.replace('thumbs','pics');

pic1.setAttribute('src',path);

pic1.style.visibility='visible';


if(upperLimit<=3){
leftA.style.visibility="hidden";
rightA.style.visibility="hidden";}
else{
leftA.style.visibility="visible";
rightA.style.visibility="visible";}

}



function metal()

{

Temp=0;


bird1=parent.document.getElementById("owl");

bird2=parent.document.getElementById("owl2");

link=document.getElementById("links");

text=document.getElementById("galleryTxt");

thumb=document.getElementById("thumbs");

arrow=document.getElementById("arrows");


link.style.visibility="hidden";

text.style.visibility="hidden";

bird1.style.visibility="hidden";


bird2.style.visibility="visible";

arrow.style.visibility="visible";

thumb.style.visibility="visible";

list=thumb.getElementsByTagName("img");

section="residential/metal";

upperLimit=metal1;

reLoad();

imageSwap(list[0]);

}


function shingle()

{

Temp=0;

link=document.getElementById("links");

text=document.getElementById("galleryTxt");

thumb=document.getElementById("thumbs");

arrow=document.getElementById("arrows");

var bird1=parent.document.getElementById("owl");
var bird2=parent.document.getElementById("owl2");






link.style.visibility="hidden";

text.style.visibility="hidden";

bird1.style.visibility="hidden";


bird2.style.visibility="visible";

arrow.style.visibility="visible";

thumb.style.visibility="visible";

list=thumb.getElementsByTagName("img");


section="residential/shingle";

upperLimit=shingle1;

reLoad();

imageSwap(list[0]);

}


function comGal(folder,num)

{

Temp=0;

upperLimit=num;

link=document.getElementById("links");

text=document.getElementById("galleryTxt");

thumb=document.getElementById("thumbs");

arrow=document.getElementById("arrows");

var bird1=parent.document.getElementById("owl");

var bird2=parent.document.getElementById("owl2");


link.style.visibility="hidden";

text.style.visibility="hidden";

bird1.style.visibility="hidden";


bird2.style.visibility="visible";

arrow.style.visibility="visible";

thumb.style.visibility="visible";

list=thumb.getElementsByTagName("img");

section="commercial/"+folder+"/";


reLoad();

imageSwap(list[0]);

}

function setLimit(number)
{

upperLimit=number;

}


function repairsX()

{

Temp=0;

link=document.getElementById("links");

text=document.getElementById("galleryTxt");

thumb=document.getElementById("thumbs");

arrow=document.getElementById("arrows");

var bird1=parent.document.getElementById("owl");

var bird2=parent.document.getElementById("owl2");

bird2.style.visibility="hidden";

bird1.style.visibility="hidden";

thumb.style.visibility="visible";

list=thumb.getElementsByTagName("img");


section="repairs";

upperLimit=repairs1;

reLoad();

imageSwap(list[0]);

}


function birdOut()

{

var bird3=parent.document.getElementById("owl");

var bird4=parent.document.getElementById("owl2");

bird3.style.visibility="hidden";

bird4.style.visibility="visible";


}



function scrollForward()

{

if(Temp<=upperLimit)
{

reLoad();



}

else
Temp=0;

}


function scrollBack()

{
if(Temp>=4)
Temp=Temp-9;

else
Temp=0;

if(Temp<0)
Temp=0;
reLoad();
}




function reLoad()
{


for(i=0; i<=3; i++)

{
if(Temp<=upperLimit)
{
list[i].src="pics/"+section+"/"+Temp+".jpg";
list[i].style.width="100px";
list[i].style.height="100px";

}
else
list[i].src="pics/blank.jpg";



list[i].onclick= function()
{
imageSwap(this);

return false;
}

Temp++;


}

}