var kalastyle = { 
  initialize: function() {
    if($('login')) {
      $('login').observe('click', kalastyle.showLoginForm);
      $('loginclose').observe('click', function() {
	$('loginform').toggle();
	$('login').toggle();
      });
    }

     /* $$('.subcategory').each(function(s) {
       $(s).up('li').down('a').observe('click', kalastyle.showSubcategory);
     }); */

    var search;
    if(search = $('search')) {
      var input = search.down('input');
      var label = search.down('label');
      input.observe("focus", function() { label.style.visibility = "hidden"; });
      label.observe("click", function() { label.style.visibility = "hidden"; input.focus(); });
      input.observe("blur", function() { if(label.value == "") label.style.visibility = "visible"; });
    }
  },

  showSubcategory: function(ev) {
    var link = Event.element(ev);
    var list = link.next('ul');
    var img = link.previous('img');

    // Internet explorer is just not cool enough to do this...
    if(img.tagName != 'IMG')
      return;
    
    if(link.showing) link.showing = false;
    else link.showing = true;

    if(link.showing) {
      img.src = img.src.replace('right', 'down');      
      list.show();
    }

    else {
      img.src = img.src.replace('down', 'right');
      list.hide();
    }
    Event.stop(ev);
  },
  
  showLoginForm:  function(ev) {
    var l = $('loginform');
    var login = $('login');

    login.toggle();

    l.toggle();

    l.down('input').focus();
    
    Event.stop(ev);
  }
};

window.onload = kalastyle.initialize;

function toggleCategory(id) {
  var scul = $(id);

  if(scul.style.display != 'none') 
    return true; 

  if(scul) { scul.toggle(); return false; }

  return true;    
}
