function showProducts()
{
  document.getElementById("product").style.visibility="visible";
  document.getElementById("recipe").style.visibility="hidden";
  document.getElementById("report").style.visibility="hidden";
  document.getElementById("testimonial").style.visibility="hidden";
    document.getElementById("blog").style.visibility="hidden";

}

function showRecipes()
{
  document.getElementById("recipe").style.visibility="visible";
  document.getElementById("product").style.visibility="hidden";
  document.getElementById("report").style.visibility="hidden";
  document.getElementById("testimonial").style.visibility="hidden";
    document.getElementById("blog").style.visibility="hidden";

}

function showTestimonials()
{
  document.getElementById("recipe").style.visibility="hidden";
  document.getElementById("product").style.visibility="hidden";
  document.getElementById("report").style.visibility="hidden";
  document.getElementById("testimonial").style.visibility="visible";
  document.getElementById("blog").style.visibility="hidden";

}

function showBlogs()
{
  document.getElementById("recipe").style.visibility="hidden";
  document.getElementById("product").style.visibility="hidden";
  document.getElementById("report").style.visibility="hidden";
  document.getElementById("testimonial").style.visibility="hidden";
  document.getElementById("blog").style.visibility="visible";

}

function showReports()
{
  document.getElementById("recipe").style.visibility="hidden";
  document.getElementById("product").style.visibility="hidden";
  document.getElementById("report").style.visibility="visible";
  document.getElementById("testimonial").style.visibility="hidden";
  document.getElementById("blog").style.visibility="hidden";

}

function hideDiv()
{
    document.getElementById("product").style.visibility="hidden";
    document.getElementById("recipe").style.visibility="hidden";
    document.getElementById("report").style.visibility="hidden";
    document.getElementById("testimonial").style.visibility="hidden";
      document.getElementById("blog").style.visibility="hidden";

}


function check_uncheck(Val)
{
  var ValChecked = Val.checked;
  var ValId = Val.id;
  var frm = document.forms[0];
  // Loop through all elements
  for (i = 0; i < frm.length; i++)
  {
    // Look for Header Template's Checkbox
    //As we have not other control other than checkbox we just check following statement
    if (this != null)
    {
      if (ValId.indexOf('CheckAll') !=  - 1)
      {
        // Check if main checkbox is checked,
        // then select or deselect datagrid checkboxes
        if (ValChecked)
          frm.elements[i].checked = true;
        else
          frm.elements[i].checked = false;
      }
      else if (ValId.indexOf('deleteRec') !=  - 1)
      {
        // Check if any of the checkboxes are not checked, and then uncheck top select all checkbox
        if (frm.elements[i].checked == false)
          frm.elements[1].checked = false;
      }
    } // if
  } // for
} // function

//Now the Delete confirmation method:

//Listing 5

function confirmMsg(msg)
{  
   return confirm(msg)
}

function confirmMsg1(frm,msg,msg1)
{
  // loop through all elements
  for (i = 0; i < frm.length; i++)
  {
    // Look for our checkboxes only
    if (frm.elements[i].name.indexOf("deleteRec") !=  - 1)
    {
      // If any are checked then confirm alert, otherwise nothing happens
      if (frm.elements[i].checked)
      return confirm(msg)
    }    
  }
  alert(msg1);
  return false;
}