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="3"></td>'
    	+ '<td class="pic_down_decal"></td> <td class="pic_down"></td>'
        + '<td></td>'
    	+ '</tr>'
    	+ '</table>'
   	);
 	var cursorX = event.clientX;
	var cursorY = event.clientY;
    var middle = $().width() / 2;
    
   	$.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 = 60;

              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 = 0;
              if(cursorX > middle) {
                  positionX = (cursorX - tooltipW / 2 ) - marginLeft + scrollLeft + 'px';
                  $('.tooltip_bulle .pic_down_decal').css('width', '115px');
              }
              else {
                  positionX = (cursorX - tooltipW / 2 ) + marginLeft + scrollLeft + 'px';
                  $('.tooltip_bulle .pic_down_decal').css('width', '1px');
              }
              var positionY = cursorY - tooltipH - margin + scrollTop + 'px';

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

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_show_element(caption, element_id, reload, width, top) {
	$("#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('');

	GB_position(width, top);

	var elt = document.getElementById(element_id);
	var content = document.getElementById('GB_content');
	var newElt = elt.cloneNode(true);
	content.appendChild(newElt);
	
	$("#GB_overlay").show();
	$("#GB_window").show();
	
	$("#GB_frame");
    $(window).resize(GB_position(width, top));
}

function GB_hide(reload) {
	if (reload == 1) {
		document.location.href = current_page;
	}
	else {
		$("#greybox").hide();
	}
}
var posx = 0, posy = 0;
$().mousedown(function(e){
    posx = e.pageX;
    posy = e.pageY;
});

function GB_position(width, top) {
	if (width == null) width = 500;

	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;

	if (top == null) {
		if($(window).scrollTop() <= 0) {
			marginTop = parseInt(posy / 1.7);
		}
		else {
			marginTop = parseInt((bodyHeight - greyboxHeight) / 2);
			if($.browser.msie && $.browser.version == "6.0") marginTop += $(window).scrollTop();
		}
	}
    else marginTop = top;

    if(marginTop < 0) marginTop = 0;
    $("#GB_window").css({width:width+"px",height:"auto",left: ((w - 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();
  }
}