var triggerText = {"open": "Close",
                        "close": "Read More"};

var makeSlide=function(j, dir){

  switch(dir)
  {
    case "up":
    
      $('div[id=cbBody'+j+']').slideUp();
  
      $('span[class=trigger'+j+']').text(triggerText.close);

    break;
    
    case "down":
 
      $('div[id=cbBody'+j+']').slideDown();
  
      $('span[class=trigger'+j+']').text(triggerText.open);      
  
      
  }
  

};


jQuery(function( $ ){

  var containers = $('div[id^=collapseBlock]');


 
    containers.each(function(cont){

        var j= this.id.substring(13);
      
        var title= ($(this).children('div[id=cbTitle'+j+']').length)?$(this).children('div[id=cbTitle'+j+']'):false;
      
        var titleHTML= (title)?title.html():false; 
      
        var anchor= ($(this).children('div[class=cbAnchor]').length)?$(this).children('div[class=cbAnchor]'):false;
      
        var anchorHTML= (anchor)?anchor.html():false; 
        
        var lead= (jQuery(this).children('div[class=cbLead]').length)?$(this).children('div[class=cbLead]'):false;
      
        var leadHTML= (lead)?lead.html():false; 
        
        var body= ($(this).children('div[id^=cbBody]').length)?$(this).children('div[id^=cbBody]'):false;
      
        var bodyHTML= (body)?body.html():false;
        
        var trigger = "<span class=\"trigger"+j+"\" style=\"color:#00f;text-decoration:underline;cursor:pointer;\">Read More</span>";
        

    

       
       var op="";
        
       if(titleHTML)
       {
       
          if(breakOutToggle)
          {
          

            op+="<div style=\"\">"+titleHTML+"</div>";
          }else
          {
          

            op+="<div style=\"float:left;width:515px;\">"+titleHTML+"</div>";
            op+="<div style=\"float:right;width:80px;text-align:right;\">"+trigger+"</div>";      
            op+="<div style=\"clear:both;\"></div>"  ;               
          }
        
       }

       op+="<div class=\"cbBody\" id=\"cbBody"+j+"\">"+bodyHTML+"<div>"+trigger+"</div></div>";

        
        
       $(this).html(op);

        $('span[class=\'trigger'+j+'\']').click(function(){
      
               if($(this).text()==triggerText.close)
               {

                  makeSlide(j,'down');
               
               }else
               {
               
                  makeSlide(j,'up');
               }   

        });
       
        if($('#breakOutToggle'+j))
        {
        
          var breakOutToggle = true;
          
          $('#breakOutToggle'+j).click(function(){
          
              makeSlide(j,'down')

          });
    
        };
        
                if($('#scrollToAnchor'+j))
        {
       
      //    alert($('#cbBody'+j).html())
       
         $('#scrollToAnchor'+j).click(function(){
          
          
                        makeSlide(j,'down')
                 
        if($('#breakOutToggle'+j).length)
        {
        
          var scrTo = $('#breakOutToggle'+j);
        
        }else 
        {
          var scrTo = $('#collapseBlock'+j);
        }

        if(scrTo.length)
        {
          $.scrollTo(scrTo);
        }  

          });    

        };
        
        
       
       $('div[class=cbBody]').hide(); 
      
  });

 
});