Event.observe(window, 'load', function() {
  if ($(main)) $(main).src = $(main).src.replace(/.jpg/g, "_valittu.jpg");
  $$('#navi a').each(function(s) {
    Event.observe(s, 'mouseover', function(event) {
      var element = Event.element(event);
      Effect.Appear(element.up('div').down('img', 1));
    });
    Event.observe(s, 'mouseout', function(event) {
      var element = Event.element(event);
      Effect.Fade(element.up('div').down('img', 1));
    });
  });
  if ($('previouslink')) {
    Event.observe($('showprevious'), 'mouseover', function(event) {
      var element = Event.element(event);
      var itemid=element.up('a').href.toQueryParams().midstart;
      if (!itemid) itemid="1";
      $$('.item' + itemid.toString() + '0')[0].style.color='#f00';
    });
    Event.observe($('showprevious'), 'mouseout', function(event) {
      var element = Event.element(event);
      var itemid=element.up('a').href.toQueryParams().midstart;
      if (!itemid) itemid="1";
      $$('.item' + itemid.toString() + '0')[0].style.color='';
    });
  }
  if ($('shownext')) {
    var nextloc = $('shownext').href.toQueryParams().midstart;
    if (nextloc) {
      if ($$('.item' + nextloc.toString() + '0').length == 0) {
        $('nextlink').hide();
      }
    }

    Event.observe($('shownext'), 'mouseover', function(event) {
      var element = Event.element(event);
      var itemid=element.up('a').href.toQueryParams().midstart;
      if (!itemid) itemid="1";
      if ($$('.item' + itemid.toString() + '0').length > 0) {
        $$('.item' + itemid.toString() + '0')[0].style.color='';
      }
    });
    Event.observe($('shownext'), 'mouseout', function(event) {
      var element = Event.element(event);
      var itemid=element.up('a').href.toQueryParams().midstart;
      if (!itemid) itemid="1";
      if ($$('.item' + itemid.toString() + '0').length>0) {
        $$('.item' + itemid.toString() + '0')[0].style.color='';
      }
    });
  }
});