var browse_artist = null;
var browse_genre = null;
window.addEvent('domready', function() {
  setTimeout(delayed_load, 300);
});

function delayed_load() {
  var browse_artist = $('browse_artist');
  if (browse_artist) {
    browse_artist.addEvent('change', function(e) {
      if (browse_artist.selectedIndex != 0) {
        location.href = "?cat="+browse_artist.options[browse_artist.selectedIndex].value;
      }
    });
  }

  var submit_buttons = $$('.arrow_submit');
  if (submit_buttons.length) {
    submit_buttons.each(function(submit_button) {
      submit_button.addEvent('mouseenter', function(e) {
        var tar = e.target;
        tar.setAttribute('src', 'images/button_submit_o.gif');
      });
      submit_button.addEvent('mouseleave', function(e) {
        var tar = e.target;
        tar.setAttribute('src', 'images/button_submit.gif');
      });
    });
  }

  var frames = $$('.frame');
  if (frames.length) {
    frames.each(function(frame) {
      frame.addEvent('mouseenter', function(e) {
        var tar = $(e.target);
        while (tar.nodeType != 1 || !tar.hasClass('frame')) {
          tar = $(tar.parentNode);
        }
        var content = tar.getElement('.frame_content');
        content.setStyle('background-image', 'url(images/frame_rollover.png)');
        var content = null;
      });
      frame.addEvent('mouseleave', function(e) {
        var tar = $(e.target);
        while (tar.nodeType != 1 || !tar.hasClass('frame')) {
          tar = $(tar.parentNode);
        }
        var content = tar.getElement('.frame_content');
        content.setStyle('background-image', 'none');
      });
    });
  }

  var tour_list = $('tour_columns');
  if (tour_list) {
    new Accordion($$('#tour_column_1 .tour_toggler'), $$('#tour_column_1 .tour_element'), {
      alwaysHide:true,
      display:-1,
      onActive: function(toggler, element) {
        var p_el = toggler.getElement('p');
        p_el.innerHTML = 'Hide Tours';
      },
      onBackground: function(toggler, element) {
        var p_el = toggler.getElement('p');
        p_el.innerHTML = 'Show Tours';
      }
    });
    new Accordion($$('#tour_column_2 .tour_toggler'), $$('#tour_column_2 .tour_element'), {
      alwaysHide:true,
      display:-1,
      onActive: function(toggler, element) {
        var p_el = toggler.getElement('p');
        p_el.innerHTML = 'Hide Tours';
      },
      onBackground: function(toggler, element) {
        var p_el = toggler.getElement('p');
        p_el.innerHTML = 'Show Tours';
      }
    });
  }
}