//Folding Menu tree

var head="display:''"
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e)
{
    var iscontained=0
    cur=ns6? e.target : event.srcElement    
    i=0
    if (cur.id=="treebranch" || cur.id=="treeroot")
    {
    iscontained=1
    }
    else
    while (ns6&&cur.parentNode||(ie4&&cur.parentElement))
    {
        if (cur.id=="treebranch"||cur.id=="treeleaf")
        {
        iscontained=(cur.id=="treebranch")? 1 : 0
        break
        }
        cur=ns6? cur.parentNode : cur.parentElement
    }

    if (iscontained)
    {
        var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]      
        if (foldercontent.style.display=="none")
        {
            foldercontent.style.display="block"
            cur.style.background="#EEEEEE"          
            cur.style.fontWeight= 'bold';
            cur.style.color= '#333333';
        }
        else
        {
            foldercontent.style.display="none"
            cur.style.background=""
            cur.style.fontWeight= 'normal';
            cur.style.color= '#999999';
        }
    }
}
if (ie4||ns6)
document.onclick=checkcontained


function expandTree(ulParseString,liParseString,pageDepth)
{
    /*Code for tree expansion*/
    var ulArray=new Array();
    var liArray= new Array();
    var liLeafArray= new Array();
    var c=0;
    /*forming the tree arrays*/

    for (i=0; i<document.getElementsByTagName("UL").length; i++)
    {
        if ((document.getElementsByTagName("UL")[i].id=="treebranch") || (document.getElementsByTagName("UL")[i].id=="treeleaf"))
        {
            //alert("The Tag name here is " + document.getElementsByTagName("UL")[i].title);
            ulArray[c]=document.getElementsByTagName("UL")[i];
            c++;
        }
    }

    var count=0;
    var iLeafCount=0;

    for (i=0; i<document.getElementsByTagName("LI").length; i++)
    {
        if ((document.getElementsByTagName("LI")[i].id=="treeroot") || (document.getElementsByTagName("LI")[i].id=="treebranch"))
        {
            
            liArray[count]=document.getElementsByTagName("LI")[i];
            count++;
        }
        
        if (document.getElementsByTagName("LI")[i].id=="treeleaf")
        {
            liLeafArray[iLeafCount]=document.getElementsByTagName("LI")[i];
            iLeafCount++;
        }       
    }       

    if (ulParseString != "")
    {
        var ulParseArray = ulParseString.split(',');
        for (j=0;j<ulParseArray.length;j++ )
        {
            //alert("The Tag name here is " + foldercontentarray[j].title);     
            ulArray[ulParseArray[j]].style.display="block"  
        }   
    }

    if (liParseString != "")
    {
        var liParseArray = liParseString.split(',');
        for (j=0; j<liParseArray.length;j++ )
        {   
            liArray[liParseArray[j]].style.background="#EEEEEE"
            liArray[liParseArray[j]].style.fontWeight= 'bold';
            liArray[liParseArray[j]].style.color= '#333333';    
        }
    }

    if (pageDepth != -1)
    {
        liLeafArray[pageDepth].style.background="#EEEEEE"
        liLeafArray[pageDepth].style.fontWeight= 'bold';
        liLeafArray[pageDepth].style.color= '#333333';  
    }
    
}

/* code for tab layout for product pages*/

// JScript File
cur_selected = 0

function tab_pc_click(stab)
{    
   if (stab==0)
    {
     obj = document.getElementById("bc-content"); 
     obj.style.visibility = "visible";
     obj.style.display = "block";
     document.getElementById('bc_tab').style.backgroundImage = 'url(images/product/tab_bc_selected.gif)';
     
     obj = document.getElementById("ab-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('alberta_tab').style.backgroundImage = 'url(images/product/alberta.gif)';
     
     obj = document.getElementById("mb-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('manitoba_tab').style.backgroundImage = 'url(images/product/manitoba.gif)';
     
     
    
    }

   if (stab==1)
    {
     obj = document.getElementById("bc-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('bc_tab').style.backgroundImage = 'url(images/product/tab_bc.gif)';
     
     obj = document.getElementById("ab-content"); 
     obj.style.visibility = "visible";
     obj.style.display = "block";
     document.getElementById('alberta_tab').style.backgroundImage = 'url(images/product/alberta_selected.gif)';
     
     obj = document.getElementById("mb-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('manitoba_tab').style.backgroundImage = 'url(images/product/manitoba.gif)';
    }

if (stab==2)
    {
     obj = document.getElementById("bc-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('bc_tab').style.backgroundImage = 'url(images/product/tab_bc.gif)';
     
     obj = document.getElementById("ab-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('alberta_tab').style.backgroundImage = 'url(images/product/alberta.gif)';
     
     obj = document.getElementById("mb-content"); 
     obj.style.visibility = "visible";
     obj.style.display = "block";
     document.getElementById('manitoba_tab').style.backgroundImage = 'url(images/product/manitoba_selected.gif)';
    }
cur_selected = stab
}

function tab_pc_click2(stab)
{    
   /*if (stab==0)
    {
     obj = document.getElementById("bc-content"); 
     obj.style.visibility = "visible";
     obj.style.display = "block";
     document.getElementById('bc_tab').style.backgroundImage = 'url(images/product/tab_bc_selected.gif)';
     
     obj = document.getElementById("ab-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('alberta_tab').style.backgroundImage = 'url(images/product/alberta.gif)';
     
     obj = document.getElementById("mb-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('manitoba_tab').style.backgroundImage = 'url(images/product/manitoba.gif)';
     
     
    
    }*/

   if (stab==1)
    {
     /*obj = document.getElementById("bc-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('bc_tab').style.backgroundImage = 'url(images/product/tab_bc.gif)';*/
     
     obj = document.getElementById("ab-content"); 
     obj.style.visibility = "visible";
     obj.style.display = "block";
     document.getElementById('alberta_tab').style.backgroundImage = 'url(images/product/alberta_selected.gif)';
     
     obj = document.getElementById("mb-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('manitoba_tab').style.backgroundImage = 'url(images/product/manitoba.gif)';
    }

if (stab==2)
    {
     /*obj = document.getElementById("bc-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('bc_tab').style.backgroundImage = 'url(images/product/tab_bc.gif)';*/
     
     obj = document.getElementById("ab-content"); 
     obj.style.visibility = "hidden";
     obj.style.display = "none";
     document.getElementById('alberta_tab').style.backgroundImage = 'url(images/product/alberta.gif)';
     
     obj = document.getElementById("mb-content"); 
     obj.style.visibility = "visible";
     obj.style.display = "block";
     document.getElementById('manitoba_tab').style.backgroundImage = 'url(images/product/manitoba_selected.gif)';
    }
cur_selected = stab
}
/* code for related products hide show divs*/


function single_button_group(innerid,outerid,selected_div,num_rows,openimg,closeimg,overimg,mode,groupby) {

  if(mode) {  // check mode variable 
    
    if(mode=='click') {
    inner=document.getElementById(innerid + selected_div)
      if (inner.style.display) { 
        inner.style.display=inner.style.display
      }
      else {
        inner.style.display="none"
      } 
      if(inner.style.display=="none") {
        inner.style.display="block"
        rt = document.getElementById(outerid + selected_div)
        if(rt) { 
          rt.style.backgroundImage= "url(" +openimg +")"
        }     
      }
      else { 
        inner.style.display="none"
        rt = document.getElementById(outerid + selected_div)
        if(rt) { 
          rt.style.backgroundImage= "url(" +closeimg +")"
        }
      }
    }   
    
    if(mode=='over') {
      
      inner=document.getElementById(innerid + selected_div)
      if(inner.style.display=="none") {
     
        rt = document.getElementById(outerid + selected_div)
        if(rt) { 
          rt.style.backgroundImage= "url(" +overimg +")"
          
        }     
      }
    }
    
    if(mode=='out') {
      inner=document.getElementById(innerid + selected_div)
      if(inner.style.display=="none") {
        
        rt = document.getElementById(outerid + selected_div)
        if(rt) { 
          rt.style.backgroundImage= "url(" +closeimg +")"
        }     
      }
    }
  }  // enf mode check 
  else {   // mode variable not set 
    inner=document.getElementById(innerid + selected_div)
    if(inner.style.display=="none") {
      inner.style.display="block"
      rt = document.getElementById(outerid + selected_div)
      if(rt) { 
        rt.style.backgroundImage= "url(" +openimg +")"
      }     
    }
    else { 
      inner.style.display="none"
      rt = document.getElementById(outerid + selected_div)
      if(rt) { 
        rt.style.backgroundImage= "url(" +closeimg +")"
      }
    }
  } // end mode check else 
  
  if(groupby) {
     if(mode=='click') {
      for(i=1 ; i<=num_rows; i++) {
        if( i != selected_div) { 
          inner=document.getElementById(innerid + i)
          inner.style.display="none"
          rt = document.getElementById(outerid + i)
           rt.style.backgroundImage= "url(" +closeimg +")"
        } 
      }
    }
  }  
}

/*
    HomePage Navigation function called when the elements of the drop down are changed

*/


function navigate()
{
    var iProdSelected = 0;
    var iSelListDom =document.getElementById("primary_product"); 
    var iSecSelListDom= document.getElementById("secondary_product");
    iProdSelected = iSelListDom.selectedIndex;
    iSelListDom.options[iProdSelected].id
    if (iProdSelected == 1 || iProdSelected ==2)
    {
        window.location =   iSelListDom.options[iProdSelected].id + ".htm"; 
    }
    else if (iProdSelected == 3)    {
    
        iSecSelListDom.disabled = false;
        if (iSecSelListDom.selectedIndex != 0)
        {
            window.location =   iSecSelListDom.options[iSecSelListDom.selectedIndex].id + ".htm";   
        
        }
    }
    else
    {
        iSecSelListDom.disabled = true; 
    }
}

function refreshOptions()
{
    var iProdSelected = 0;
    var i =0;
    var iSelListDom =document.getElementById("primary_product"); 
    var iSecSelListDom= document.getElementById("secondary_product");
    var arr;
    var option;
    
    //alert ("refreshing");
    
    iProdSelected = iSelListDom.selectedIndex;
    iSelListDom.options[iProdSelected].id
    
    if (iProdSelected == 1) {
		arr = new Array(
			new Array(0,"Select a Sub Product"),

			new Array(23,"Standard"),
			new Array(65,"Naturalstone Solutions"),
			new Array(83,"Masonry Idea Photos")		);
		
		// clear options first
		for (i=iSecSelListDom.options.length-1; i>=0; i--)
		{
			iSecSelListDom.removeChild(iSecSelListDom.options[i]);
		}

		for (i=0;i<arr.length;i++) {
			//alert(arr[i][1]+"-"+arr[i][0]);
			option = new Option(arr[i][1], arr[i][0]);
			iSecSelListDom.options[i] = option;
		}
    }
    else if (iProdSelected == 3) {
		arr = new Array(
			new Array("","Select a Sub Product"),

			new Array("55","Naturalstone Solutions"),
			new Array("84","AB Fieldstone"),
			new Array("3","Garden Walls"),
			new Array("5","Courtyard"),
			new Array("7","Landscape Walls"),
			new Array("40","CCI Century Slabs"),
			new Array("56","CCI Hardscapes"),
			new Array("82","Weekend Projects"),
			new Array("18","Century Paving Stones"),
			new Array("47","Yardscapes")
		);

		// clear options first
		for (i=iSecSelListDom.options.length-1; i>=0; i--)
		{
			iSecSelListDom.removeChild(iSecSelListDom.options[i]);
		}

		for (i=0;i<arr.length;i++) {
			option = new Option(arr[i][1], arr[i][0]);
			iSecSelListDom.options[i] = option;
		}
    }
    else
    {
        iSecSelListDom.disabled = true; 
    }
}


function navigateV2()
{
    var iProdSelected = 0;
    var i =0;
    var iSelListDom =document.getElementById("primary_product"); 
    var iSecSelListDom= document.getElementById("secondary_product");
    
    iProdSelected = iSelListDom.selectedIndex;
    //iSelListDom.options[iProdSelected].id
    
    if (iProdSelected==2)
    {
        window.location = "/page.php?id=" + iSelListDom.options[iProdSelected].id;
    }
    else if (iProdSelected == 1) {
        iSecSelListDom.disabled = false;
        
		//for (i=0;i<=iSecSelListDom.options.length-1; i++)
		//{
		//    alert (iSecSelListDom.options[i].text + " : " + iSecSelListDom.options[i].value);
		//}
    
        if (iSecSelListDom.selectedIndex != 0)
        {
        	if ((iSecSelListDom.options[iSecSelListDom.selectedIndex].value)==83)
	        	window.location = "/masonry_photos.php?id=83";
        	else
	            window.location = "/page.php?id=" + iSecSelListDom.options[iSecSelListDom.selectedIndex].value;
        }
    }
    else if (iProdSelected == 3) {
        iSecSelListDom.disabled = false;
        if (iSecSelListDom.selectedIndex != 0)
        {
        	if ((iSecSelListDom.options[iSecSelListDom.selectedIndex].id)==56)
	        	window.location = "/upload/pdf/CCIHardscapeswAB.pdf";
        	else
	            window.location = "/page.php?id=" + iSecSelListDom.options[iSecSelListDom.selectedIndex].value;
        }
    }
    else
    {
        iSecSelListDom.disabled = true; 
    }
}

/*  
    Initialise the two boxes in the home page.
*/
function initialiseSelect()
{
    var iSecSelListDom= document.getElementById("secondary_product");

    if (((document.getElementById("primary_product").selectedIndex) != 3) && ((document.getElementById("primary_product").selectedIndex) != 1))
    {
        iSecSelListDom.disabled = true;
    }
    else
    {
	    refreshOptions();
        iSecSelListDom.disabled = false;
	    iSecSelListDom.options[0].selected = true;
    }
}
/*  
    Change iFrame content
*/

function changeIFrame(product_id)
{
    var iFrameDom = document.getElementById("product_iframe");
    var strTarget = "iframe_"+product_id+".htm";
    iFrameDom.src=strTarget;
}


// Window Pop up script

function popitup(url)
{
    newwindow=window.open(url,'name','height=480,width=775');
    if (window.focus) {newwindow.focus()}
    return false;
}


/*On Mouse Over Function*/

function button_over(sbut)
{
      if (sbut==0) 
     {
        document.getElementById('conc-lands-img').style.backgroundImage = 'url(images/home/concretelandscaping_selected.jpg)';
        document.getElementById('conc-mason-img').style.backgroundImage = 'url(images/home/concretemasonry.jpg)';
        document.getElementById('ab-fence-img').style.backgroundImage = 'url(images/home/abfence.jpg)'; 
     }
      if (sbut==1)
    {
        document.getElementById('conc-mason-img').style.backgroundImage = 'url(images/home/concretemasonry_selected.jpg)';
        document.getElementById('conc-lands-img').style.backgroundImage = 'url(images/home/concretelandscaping.jpg)';
        document.getElementById('ab-fence-img').style.backgroundImage = 'url(images/home/abfence.jpg)'; 
    }
    if (sbut==2)
    {
        document.getElementById('ab-fence-img').style.backgroundImage = 'url(images/home/abfence_selected.jpg)';
        document.getElementById('conc-lands-img').style.backgroundImage = 'url(images/home/concretelandscaping.jpg)';
        document.getElementById('conc-mason-img').style.backgroundImage = 'url(images/home/concretemasonry.jpg)';
    }
}


/*On Mouse Out Function*/

function button_out(sbut)
{
      if (sbut==0) 
    {
       document.getElementById('conc-lands-img').style.backgroundImage = 'url(images/home/concretelandscaping.jpg)';
       
    }
      if (sbut==1)
    {
        document.getElementById('conc-mason-img').style.backgroundImage = 'url(images/home/concretemasonry.jpg)';
        
    }
    if (sbut==2)
    {
        document.getElementById('ab-fence-img').style.backgroundImage = 'url(images/home/abfence.jpg)';
                
    }
}

/*  
    Concrete Masonry Image scroller
    elemID: Element Id of the image tag
    imgPrefix: Prefix of the image which needs to be changed
    iStart: Start number of the image of the number of images
    iEnd: End number of the image.
    Direction: 1 corresponds to forward
               -1 corresponds to backword
               0 corrsponds to initial image masonry_1.jpg

*/
//var imgToShow = getCookie(imgPrefix);
var imgToShow = 1;

function scrollImage(elemID,imgPrefix,iStart, iEnd, direction)
{
    /*Called as scrollImage('masonryimage','masonry',1,6,1)*/
    var imageDom = document.getElementById(elemID);
    var imagePrefix = imgPrefix;
    var currImgPath = "";
    imgToShow = getCookie(imgPrefix);

    switch (direction)
    {
    case 1:     
        if (imgToShow == iEnd)
        {
            imgToShow = iStart;
        }
        else
        {           
            imgToShow++;
        }
        break
    case -1:
        if (imgToShow == iStart)
        {
            imgToShow = iEnd;
        }
        else
        {
            imgToShow--     
        }
        break

    default:
        break           
    }   
    currImgPath = 'images/projects/'+imagePrefix+'_'+imgToShow+'.jpg';
    setCookie(imgPrefix,imgToShow,365);
    imageDom.src = currImgPath; 
}

function setCookie(c_name,value,expiredays)
{
    var exdate=new Date()
    exdate.setDate(expiredays)
    document.cookie=c_name+ "=" +escape(value)+
    ((expiredays==null) ? "" : ";expires="+exdate)
}

function getCookie(c_name)
{
    if (document.cookie.length>0)
    {
      c_start=document.cookie.indexOf(c_name + "=")
      if (c_start!=-1)
        { 
        c_start=c_start + c_name.length+1 
        c_end=document.cookie.indexOf(";",c_start)
        if (c_end==-1) c_end=document.cookie.length         
        return unescape(document.cookie.substring(c_start,c_end))
        } 
     }
    return 1
}

/* Functions for Standalone pages like AB Fence and Concrete Masonry*/

function scrollAndExpand(pageName)
{
    if (pageName == "ab_fence")
    {
        scrollImage('abfenceimage','ab_fence',1,5,0); 
        expandTree('','7',-1);
    }

    else if (pageName == "masonry")
    {
        scrollImage('masonryimage','masonry',1,6,0);
        expandTree('','6',-1);
    }
    
    else if (pageName == "productfaq")
    {
        scrollImage('productfaqimage','productfaq',1,7,0);
        expandTree('','5',-1);
    }

}