// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

Event.observe(window, 'load', function() {
  $$('#menu ul li:first-child,.image_wrapper .image:first-child').each(function(item) {item.addClassName('first');});
  $$('#menu ul li:last-child,.image_wrapper .image:last-child').each(function(item) {item.addClassName('last');});
  
  $$('#menu ul li.top').each(function(li) {
    if (li.down('ul')) {
      li.addClassName('dropdown');
    }

    li.observe('mouseover', function() {
      li.addClassName('hover');
    });
    
    li.observe('mouseout', function() {
      li.removeClassName('hover');
    });
  });
  
  $$('#menu ul li li:nth-child(even)').each(function(lii) {
    lii.addClassName('even');
  });
  
  $$('a.lightbox').each(function(ele) {
    ele.observe('click', function(eve) {  
      Control.Modal(ele);
    });  
  }); 
  
  if ($('category')){
  Event.observe('category', 'change', function(){
    document.event_category.submit();
  }); 
  };
  
  var sidebar = $('sidebar');var content = $('content');
  if (sidebar && content && (sidebar.getHeight() > content.getHeight())) {
    content.setStyle({'height' : (sidebar.getHeight() - 10) + 'px'});
  }
  
  $$('a[tooltip]').each(function(tip) {
    new Control.Modal(tip, {
			hover: true,
			position: 'relative',
			offsetLeft: 20,
			offsetTop: -40,
			containerClassName: 'tooltipContainer',
			contents: function() {
			  return '<div class="tooltip"><div class="sub">'+ tip.readAttribute('tooltip') +'</div></div>';
			}
		});
  });
  
  $$('a.zoom').each(function(zoom) {
    new Control.Modal(zoom, {
			containerClassName: 'zoomContainer',
			overlayDisplay: true,
			opacity: 0.8,
			contents: function() {
			  var o = ''
			  o += '<div class="zoomer">'
			  o += '<div class="top"><a href="#" onclick="Control.Modal.close();">Close</a></div>'
			  o += '<img src="'+ zoom.readAttribute('href') +'" />'
			  
			  if (zoom.readAttribute('title')) {
			    o += '<div class="bottom">'+ zoom.readAttribute('title') + '</div>'
			  }
			  
			  o += '</div>'
			  
			  return o;
			}
		});
  });
 
  if ($('modal')){
  var modal = new Control.Modal($('modal'),{  
      overlayOpacity: 0.75,
      fade: true,
      closeOnClick: true    
  });
  };
  
});