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

    var tipid;
	$$(".portfolioItem img").invoke("observe","mouseover",function(e) {

       tipid = e.element().up("a").href.replace(/(.*=)(\d+)/,"$2");
       new Ajax.Request('../site_includes/xhr_3wise.php', {
			method:     'POST',
			parameters: 'id='+tipid+'&mode=portfolio',
			onSuccess: function(t) {

				var tipContent = t.responseText;

				$('tooltip').show();
                $('tooltip').update(tipContent);

			}
		});
//       console.log('mouseover fired');

       e.element().stopObserving("mousemove");
       e.element().observe("mousemove", function(e) {
           var mx = e.pointerX() + 10;
           var my = e.pointerY() + 10;
           //console.log('x:' + mx + ' y:' + my);
           $('tooltip').setStyle({left:mx+'px',top:my+'px'});
       });
    });

	$$(".portfolioItem a").invoke("observe","mouseout",function(e) {
//        console.log('mouseout fired');
//           if(e.relatedTarget.id == "tooltip") {
//               return;
//           }
           
           $('tooltip').hide();

           e.element().stopObserving("mousemove");
       
    });

	$$(".addthis_button").invoke("observe","mouseover",function(e) {
		$("at20mc").hide();												
	});
	
	$$(".addthis_button").invoke("observe","click",function(e) {
		$("at20mc").show();												
	});

});