function classHide(theClass){
 var allTags = document.getElementsByTagName('*');
 for(i=0; i<allTags.length; i++){
  if(allTags[i].className == theClass) {
     if (allTags[i].style.display == '') allTags[i].style.display = 'none';
     else allTags[i].style.display = '';
  } 
 }
}

function classAddButton(theClass){
 var allTags = document.getElementsByTagName('*');
 j=0;
 k=0;
 for(i=0; i<allTags.length; i++){
  if(allTags[i].className == theClass) {
     j++;
     var divTag = document.createElement("div");
     divTag.className="contentButton";
     divTag.onclick=togglecontent;
     divTag.innerHTML = 'Show Article';
     if (j>1) allTags[i].appendChild(divTag);
     else k=i;
  } 
 }
 if (j>1) {
     classHide('blogtext'); 
     var divTag = document.createElement("div");
     divTag.className="contentButton";
     divTag.onclick=togglecontent;
     divTag.innerHTML = 'Show Article';
     allTags[k].appendChild(divTag); 
 }
}

function togglecontent() {
 var node1 = this.parentNode;
 var node2 = node1.parentNode;
 var node1 = node2.parentNode;
 var node = node1.parentNode;
 for(i=0; i<node.childNodes.length; i++){
  if(node.childNodes[i].className == 'blogtext') {
       if (node.childNodes[i].style.display == '') node.childNodes[i].style.display = 'none';
       else node.childNodes[i].style.display = '';
  }
 }
}

if (window.innerWidth && window.innerWidth <= 480) { 
    $(document).ready(function(){ 
        $('#nav-menu ul').addClass('hide'); 
        $('#header').append('<div class="leftButton" onclick="toggleMenu()">Menu</div>'); 
        $('#blogcomment form').addClass('hide'); 
        $('#blogcommenttop').append('<div class="commentButton" onclick="toggleComment()">Comment</div>'); 
        classHide('writeback');
        classHide('wbmisc');
        classAddButton('blogheader');                
$('#wbbox').append('<div class="writebackButton" onclick="toggleWritebacks()">Show/Hide Comments</div>');
    });
    function toggleMenu() { 
        $('#nav-menu ul').toggleClass('hide'); 
        $('#header .leftButton').toggleClass('pressed'); 
    }
    function toggleComment() { 
        $('#blogcomment form').toggleClass('hide'); 
        $('#blogcomment .commentButton').toggleClass('pressed'); 
    }
    function toggleWritebacks() { 
        classHide('writeback');
        classHide('wbmisc');

        $('#blogcomment .commentButton').toggleClass('pressed'); 
}



}