﻿//allows you to add multiple onload events
function addOnloadEvent(fnc){
  if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", fnc, false );
  else if ( typeof window.attachEvent != "undefined" ) {
    window.attachEvent( "onload", fnc );
  }
  else {
    if ( window.onload != null ) {
      var oldOnload = window.onload;
      window.onload = function ( e ) {
        oldOnload( e );
        window[fnc]();
      };
    }
    else
      window.onload = fnc;
  }
}







expandablediv1_height=0;
isExpanded = false;
collapsedsize = 40;
addOnloadEvent(DoStuffOnLoad);
expandText = "Read more..";
collapseText = "Collapse";



function InitialiseExpandable(expandabledivID)
{
    element = document.getElementById(expandabledivID); 
    
    if(element!=null)
    {   
        //find the h1 node
        children = element.childNodes;                
        for(i=0;i<children.length;i++)
        {
      
           if (children[i].id=='inner')
           {
                innerchildren=children[i].childNodes;                                
                for(j=0;j<innerchildren.length;j++)
                {
                    if(innerchildren[i].id='manufacturer_SEO_paragraph')
                    {
                        html = innerchildren[i].childNodes;
                        for(k=0;k<html.length;k++)
                        {
                            if(html[i].tagName=='H1')
                            {
                            //'<div id="expandbutton1"  onclick="OnExpandClicked(this);>Read more...</div>'
                                readmore = document.createElement('div');
                                readmore.setAttribute('id','expandbutton1');
                                readmore.setAttribute('onclick','OnExpandClicked();');
                                readmore.onclick=function() {OnExpandClicked();};
                                
                                
                                readmore.innerHTML="Read more...";
                                html[i].parentNode.insertBefore(readmore,html[i+1]);
                                break;
                                
                            }
                            
                        }
                       break; 
                    }
                }                
                
            
                break;
           }

        }
        expandablediv1_height = element.clientHeight; 
        element.style.height = collapsedsize+"px";
    }
}

function DoStuffOnLoad()
{
     InitialiseExpandable("expandable1") ;
}

function OnExpandClicked()
{
   
    element  = document.getElementById('expandable1');
    expandbutton = document.getElementById('expandbutton1');
    if(!isExpanded)
    {

        element.style.height = expandablediv1_height+"px";
        //(element.parentNode).parentNode.parentNode.style.height = expandablediv1_height+"px";
        //now change text on button to collapse
        expandbutton.innerHTML = collapseText;
        
        isExpanded = true;
    }
    else
    {
        element.style.height  = collapsedsize+"px";
        expandbutton.innerHTML = expandText;
        isExpanded = false;
    }
    
}


