// Globals
var OlceCookie = "OnCE";

$(document).ready(function () {
   var maxwidth = 830;
   var noCategoriesWidth = maxwidth - 27;
   var cOnCE = new Cookie(OlceCookie);
   // Default is hidden
   var imageCategories = document.getElementById("imgCategories");
   if (cOnCE.show_cat == '' || cOnCE.show_cat == undefined) {
      // First time - create cookie
      if (blnIMVSite) {
         cOnCE.show_cat = '1';
      } else {
         cOnCE.show_cat = '0';
      }
      cOnCE.store(365);
   }
   if (cOnCE.show_cat == '0') {
      $('#divOnlineCE').width(noCategoriesWidth);
      $('#divNavLeft').hide();
      imageCategories.src = "/images/buttons/collapsable/view_categories.png"
   } else {
      $('#divOnlineCE').width(maxwidth - 210);
      $('#divNavLeft').show();
      imageCategories.src = "/images/buttons/collapsable/close_categories.png"
   }
   $('#rowContent').show();

   // Register code for on-click event
   $('#imgCategories').click(function () {
      var cOnCEC = new Cookie(OlceCookie);
      if ($('#divOnlineCE').width() == noCategoriesWidth) {
         $('#divOnlineCE').animate({ width: (maxwidth - 210) + 'px' }, 400);
         $('#divNavLeft').animate({ width: 'show' }, 800);
         $(this).attr("src", "/images/buttons/collapsable/close_categories.png")
         cOnCEC.show_cat = '1'; cOnCEC.store(365);
      } else {
         $('#divNavLeft').animate({ width: 'hide' }, 400);
         $('#divOnlineCE').animate({ width: noCategoriesWidth + 'px' }, 600);
         $(this).attr("src", "/images/buttons/collapsable/view_categories.png")
         cOnCEC.show_cat = '0'; cOnCEC.store(365);
      }
   });
});