document.observe('dom:loaded', function(){

    $$('.promo .container').each(function(element){
        Event.observe(element, 'click', imageClickHandler);
    });
});

function imageClickHandler(event) {
    var element = event.element();
    $(element).stopObserving('click',imageClickHandler );

	//console.log($(element).select('div.image a').length);
	if (document.createEvent) {
		// dispatch for firefox & others
		el = event.currentTarget;
		var evt = document.createEvent("HTMLEvents");
		evt.initEvent('click', false, true); // event type, bubbling, cancelable
		return !el.dispatchEvent(evt);
	} else {
		// dispatch for IE
		el = event.element();
		var mess = '';
		$(el).classNames().each(function(e){
			mess+= e;
		});
		var targetElement;
		
		// 'el' is the container div which holds the promo image and text divs.  We need to go inside the image div to click the 'a' inside that.
		
		$(el).descendants().each(function(subEl){
		  
			if (subEl.tagName == 'A' && subEl.hasClassName('lightwindow')) {
				targetElement = subEl;
				throw $break;
			}
		});

		var evt = document.createEventObject();
		if(evt)
		{
  		try
  		{
  		  if(targetElement)
  		  {
    		  var result = targetElement.fireEvent('on'+'click',evt);
    		 
    		  Event.observe(element, 'click', imageClickHandler);
    		  return result;
  		  }
  		}
  		 catch(e)
  		 {}
  		   
  		 return null
		}
		
	}
}