
 Event.onDOMReady(function(){
 	
 
  var links= $$('#col2_content a','#col3_content a');
var currentTeaserElement;
  function isMouseOver(event){
      if(currentTeaserElement) {
      var offsEl=Element.cumulativeOffset(currentTeaserElement);
        var dimEl=Element.getDimensions(currentTeaserElement);

      var elLeft=offsEl[0];
      var elRight=elLeft+dimEl.width;
      var elTop=offsEl[1];
      var elBottom=elTop+dimEl.height;
      var x=Event.pointerX(event);
      var y=Event.pointerY(event);
      
      


      if(x >=elLeft && x <= elRight && y >=elTop && y <=elBottom) {
          return true
      }
      }
       return false;
  }

for(var i=0;i<links.length;i++){
   var rel=links[i].readAttribute('rel');
   //  var rel=links[i].getAttributeNode('rel').nodeValue;
     if(rel) {

         if($(rel)){

            Event.observe($(rel), 'click', function(event){
                var myT=Event.element(event);
               if(myT && !myT.hasClassName('teaser')){
                    myT=Event.element(event).up('.teaser', 0);
               }
             var myLinks=$(myT).down('a[rel]');
           
                  window.location.href=myLinks.readAttribute('href');
            });

           Event.observe($(rel), 'mouseover', function(event){

        //       log("mouseover: "+Event.element(event).tagName+"; Event.pointerX:"+Event.pointerX(event)+" Event.pointerY:"+Event.pointerY(event)+"; Position.cumulativeOffset:"+Position.cumulativeOffset(Event.element(event))+" ");
               var myT=Event.element(event);
               if(myT && !myT.hasClassName('teaser')){
                    myT=Event.element(event).up('.teaser', 0);
                   if(currentTeaserElement && currentTeaserElement!=myT){
                       currentTeaserElement.removeClassName('teaserHover');
                   }
                 currentTeaserElement=  myT ;
               }
               if(currentTeaserElement && currentTeaserElement==myT)  {

                    if(currentTeaserElement && !currentTeaserElement.hasClassName('teaserHover')){
                        currentTeaserElement.addClassName('teaserHover');
                    }

               }
               if(currentTeaserElement){
                var myLink=currentTeaserElement.down('a');

                  window.status=myLink.readAttribute('href');
               }



            Event.stop(event);
           });
             Event.observe($(rel), 'mouseout', function(event){

                   if(currentTeaserElement && !isMouseOver(event)) {

                    currentTeaserElement.removeClassName('teaserHover');
                      window.status='';

                                  }


               Event.stop(event);

         } );

         }

}
}

 });
  function log(val){
              var myDiv = document.createElement("div");
              var myText = document.createTextNode(val);
              myDiv.appendChild(myText);
              var console = $("console");
              console.appendChild(myDiv);
            }

    function clearLogPanel(){
               var console = $("console");
        console.innerHTML='';
      
    }
