var cthis;
     
function tooltip_lw(that, url, event) {

  $("#tooltip").hide();
	$("#tooltip").empty();
 	$("#tooltip").append(
 		'<table class="tooltip_bulle">'
    	+ '<tr>'
    	+ '<td class="corner0"></td>'
    	+ '<td class="border0" colspan="4"></td>'
    	+ '<td class="corner1"></td>'
    	+ '</tr>'
    	+ '<tr>'
    	+ '<td class="border3"></td>'
    	+ '<td class="blank" colspan="2"></td>'
    	+ '<td id="tooltip_content" class="content" colspan="2"></td>'
    	+ '<td class="border1"></td>'
    	+ '</tr>'
    	+ '<tr>'
    	+ '<td class="corner2" colspan="2"></td>'
    	+ '<td class="border2" colspan="3"></td>'
    	+ '<td class="corner3"></td>'
    	+ '</tr>'
    	+ '<tr>'
    	+ '<td colspan="4"></td>'
    	+ '<td class="pic_down"></td>'
      + '<td></td>'
    	+ '</tr>'
    	+ '</table>'
   	);
 	var cursorX = event.clientX;
	var cursorY = event.clientY;
   	$.ajax({
   	    type: "GET",
   	    url: url,
   	    processData:false,
   	    success:
   	        function(data){
              $("#tooltip_content").html('');
              if(data != '') {
                $("#tooltip_content").html(data);
              }

              $("#tooltip").show();

              var margin = 40; // Margin / cursor
              var marginLeft = 65;

              var tooltipH = $("#tooltip_content").height();
              var tooltipW = $("#tooltip").width();

              var scrollTop = (document.body.scrollTop || document.documentElement.scrollTop);
              var scrollLeft = (document.body.scrollLeft || document.documentElement.scrollLeft);

              var positionX = (cursorX - tooltipW / 2 ) + marginLeft + scrollLeft + 'px';
              var positionY = cursorY - tooltipH - margin + scrollTop + 'px';

              $("#tooltip").css({'top' : positionY, 'left' : positionX});
          
        }
  	});
   
   	that.onmouseout = function() {
   		$("#tooltip").hide();
   	}
   	
}



var GB_WIDTH = 500;

function GB_show(caption, url, reload) {
	$("#greybox").empty();
	$("#greybox").append(
		'<table width="100%" height="100%" border="0"><tr><td valign="middle">'
		+ '<div id="GB_overlay"></div>'
		+ '<div id="GB_window">'
		+ '<div id="GB_caption"></div>'
		+ '<div id="close" class="hand"><img src="/images/greybox-fermer.jpg" border="0" onclick="javascript: GB_hide('+reload+');" /></div>'
		+ '</div>'
		+ '</td></tr></table>'
	);
	$("#greybox").show();
	
	$("#GB_frame").remove();
	$("#GB_window").append('<div id="GB_content"></div>');
	$("#GB_caption").html(caption);
	$("#GB_content").html('<div style="padding: 5px; background-color:#000000; border:1px solid #006F74;"><center><img src="/images/ajax-loader.gif" /></center></div>');
	GB_position();
    $.ajax({
	    type: "GET",
	    url: url,
	    processData:false,
	    success:
	        function(data){
            var reg_levelup = new RegExp("Vous êtes passé au niveau","g");
            if(data.match(reg_levelup)) {
              current_page = '/#titleProfil';
            }

            $("#GB_content").html('');
            if(data != '') {
              $("#GB_content").html(data).ready( function() {
                  GB_position()
              } ).ready( function() {
                  $("#GB_overlay").show()
              } ).ready(function(){
                  $("#GB_window").show()
              });
            }
	        } 
	});

	$("#GB_frame");
  $(window).resize(GB_position);

}

function GB_hide(reload) {
	if (reload == 1) {
//		history.go(0);
		document.location.href = current_page;
	}
	else {
		$("#greybox").hide();
	}
}

function GB_position() {
	var de = document.documentElement;
	var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var bodyHeight = $(window).height();
	var greyboxHeight = $("#GB_window").height();
	var marginTop = ((bodyHeight - greyboxHeight) / 2);

  if (marginTop < 0) {
    marginTop = 0;
  }
	$("#GB_window").css({width:GB_WIDTH+"px",height:"auto",left: ((w - GB_WIDTH)/2)+"px",margin:marginTop+"px"+" 0 0 0"});
}

function GB_special(url) {
  $("#greybox").empty();
  $.ajax({
	    type: "GET",
	    url: url,
	    processData:false,
	    success:
	        function(data){
            $("#greybox").html('');
            if(data != '') {
              $("#greybox").html('<div id="greyboxBackground"></div>'+data).load($("#greybox").show());
            }
	        }
	});

  //var scrollTop = (document.body.scrollTop || document.documentElement.scrollTop);
  $("window").ready( function() {
     //var bodyHeight = $(window).height();
     var bodyHeight = (document.body.clientHeight || window.innerHeight);
     var scrollTop = (document.body.scrollTop || document.documentElement.scrollTop);
     var height = bodyHeight+scrollTop+"px";
     $("#greybox").css({height: height});
  }); 
  
}

function GB_special_hide(reload) {
  if (reload == 1) {
    document.location.href = current_page;
  }
  else {
    $("#greybox").hide();
  }
}