/************************************************************************************************************
Ajax tooltip
Copyright (C) 2006  DTHMLGoodies.com, Alf Magne Kalleland

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
written by Alf Magne Kalleland.

Alf Magne Kalleland, 2006
Owner of DHTMLgoodies.com
	
************************************************************************************************************/	




/* Custom variables */

/* Offset position of tooltip */
var x_offset_tooltip = 5;
var y_offset_tooltip = 0;

/* Don't change anything below here */


var ajax_tooltipObj = false;
var ajax_tooltipObj_iframe = false;

var ajax_tooltip_MSIE = false;
if(navigator.userAgent.indexOf('MSIE')>=0)ajax_tooltip_MSIE=true;


function ajax_showTooltip(externalFile,inputObj)
{
  
  
	if(!ajax_tooltipObj)	/* Tooltip div not created yet ? */
	{
		ajax_tooltipObj = document.createElement('div');
		ajax_tooltipObj.style.position = 'absolute';
		ajax_tooltipObj.id = 'ajax_tooltipObj';		
		document.body.appendChild(ajax_tooltipObj);

    
    $('ajax_tooltipObj').setStyle({'width':'300px', fontWeight:'normal', 'background': '#f3f3f4', 'border': '1px solid #78b902', 'padding': '10px', 'zIndex':'10000'});


    
		var leftDiv = document.createElement('div');	/* Create arrow div */
		leftDiv.className='ajax_tooltip_arrow';
		leftDiv.id = 'ajax_tooltip_arrow';
		ajax_tooltipObj.appendChild(leftDiv);
		
		var contentDiv = document.createElement('div'); /* Create tooltip content div */
		contentDiv.className = 'ajax_tooltip_content';
		ajax_tooltipObj.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
		
		if(ajax_tooltip_MSIE){	/* Create iframe object for MSIE in order to make the tooltip cover select boxes */
			ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
			ajax_tooltipObj_iframe.style.position = 'absolute';
			ajax_tooltipObj_iframe.border='0';
			ajax_tooltipObj_iframe.frameborder=0;
			ajax_tooltipObj_iframe.style.backgroundColor='#FFF';
			ajax_tooltipObj_iframe.src = 'about:blank';
			contentDiv.appendChild(ajax_tooltipObj_iframe);
			ajax_tooltipObj_iframe.style.left = '0px';
			ajax_tooltipObj_iframe.style.top = '0px';
		}

			
	}
	// Find position of tooltip
	//ajax_tooltipObj.style.display='block';
  
  
  
  new Ajax.Request(externalFile, {
    method: 'get',
    onSuccess: function(transport) {
      $('ajax_tooltip_content').update(transport.responseText); 
      $('ajax_tooltipObj').show();
      //s.myToolType = new Tooltip(s, content, {backgroundColor: "#f3f3f4", borderColor: "#78b902", textColor: "#000", textShadowColor: "#f3f3f4"}); 
    }
  });
  
  
  
  
  
  new Ajax.Updater($('ajax_tooltip_content'), externalFile);
  
	//ajax_loadContent('ajax_tooltip_content',externalFile);
	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}

	ajax_positionTooltip(inputObj);
}


function showMyTooltip(definition,inputObj)
{
  
  
	if(!ajax_tooltipObj)	/* Tooltip div not created yet ? */
	{
		ajax_tooltipObj = document.createElement('div');
		ajax_tooltipObj.style.position = 'absolute';
		ajax_tooltipObj.id = 'ajax_tooltipObj';		
		document.body.appendChild(ajax_tooltipObj);

    
    $('ajax_tooltipObj').setStyle({'width':'300px', fontWeight:'normal', 'background': '#f3f3f4', 'border': '1px solid #78b902', 'padding': '10px', 'zIndex':'10000'});


    
		var leftDiv = document.createElement('div');	/* Create arrow div */
		leftDiv.className='ajax_tooltip_arrow';
		leftDiv.id = 'ajax_tooltip_arrow';
		ajax_tooltipObj.appendChild(leftDiv);
		
		var contentDiv = document.createElement('div'); /* Create tooltip content div */
		contentDiv.className = 'ajax_tooltip_content';
		ajax_tooltipObj.appendChild(contentDiv);
		contentDiv.id = 'ajax_tooltip_content';
		
		if(ajax_tooltip_MSIE){	/* Create iframe object for MSIE in order to make the tooltip cover select boxes */
			ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
			ajax_tooltipObj_iframe.style.position = 'absolute';
			ajax_tooltipObj_iframe.border='0';
			ajax_tooltipObj_iframe.frameborder=0;
			ajax_tooltipObj_iframe.style.backgroundColor='#FFF';
			ajax_tooltipObj_iframe.src = 'about:blank';
			contentDiv.appendChild(ajax_tooltipObj_iframe);
			ajax_tooltipObj_iframe.style.left = '0px';
			ajax_tooltipObj_iframe.style.top = '0px';
		}

			
	}
	// Find position of tooltip
	//ajax_tooltipObj.style.display='block';
	
  if(navigator.appName == "Microsoft Internet Explorer" && navigator.userAgent == "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)")
	{
		document.getElementById('formulaire').style.visibility = "hidden";
	}
  
  $('ajax_tooltip_content').update(definition);
  $('ajax_tooltipObj').show();

  
	//ajax_loadContent('ajax_tooltip_content',externalFile);
	if(ajax_tooltip_MSIE){
		ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
		ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
	}

	ajax_positionTooltip(inputObj);
}



function ajax_positionTooltip(inputObj)
{
	var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth);
	var topPos = ajaxTooltip_getTopPos(inputObj);
	
	/*
	var rightedge=ajax_tooltip_MSIE? document.body.clientWidth-leftPos : window.innerWidth-leftPos
	var bottomedge=ajax_tooltip_MSIE? document.body.clientHeight-topPos : window.innerHeight-topPos
	*/
	var tooltipWidth = document.getElementById('ajax_tooltip_content').offsetWidth +  document.getElementById('ajax_tooltip_arrow').offsetWidth; 
	// Dropping this reposition for now because of flickering
	//var offset = tooltipWidth - rightedge; 
	//if(offset>0)leftPos = Math.max(0,leftPos - offset - 5);
        if(leftPos > 1000)
	{
		leftPos = ajaxTooltip_getLeftPos(inputObj);
		topPos = topPos + 10;
	}

	ajax_tooltipObj.style.left = leftPos + 'px';
	ajax_tooltipObj.style.top = topPos + 7 + 'px';	
	
	
}


function ajax_hideTooltip()
{
  if(navigator.appName == "Microsoft Internet Explorer" && navigator.userAgent == "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)")
	{
		document.getElementById('formulaire').style.visibility = "visible";
	}
	
  $('ajax_tooltipObj').hide();
  //$('ajax_tooltipObj').update('');
	//ajax_tooltipObj.style.display='none';
}

function ajaxTooltip_getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function ajaxTooltip_getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}


var glossaire = Class.create( {
	  initialize: function()
		{
	    this.termes								= $$('span.mot_glossaire');
      this.tabTermes = new Array();
      for(var i=0; i<this.termes.length; i++)
      {
        this.tabTermes[i] = this.termes[i].innerHTML;
      }
      this.postVal = {
       'termes[]' : this.tabTermes
      }
      new Ajax.Request('/glossaire_ajax_all/', 
        {
          method:   'post',
          postBody:   $H(this.postVal).toQueryString(),
          onSuccess: function(transport) {
            myjson = transport.responseText;
	    	myjson = myjson.evalJSON();

          monGlossaire.setDefinitions(myjson);
        }
      });

	  },
    setDefinitions: function (definitions)
    {
      glossaire.prototype.definitions = definitions;
     console.log(glossaire.definitions);
    },
	  init_listeners: function()
		{
      this.termes.each(function(s) { 
          s.showDefinition = this.showDefinition;
          s.hideDefinition = this.hideDefinition;
          Event.observe(s, 'mouseover', s.showDefinition);
          Event.observe(s, 'mouseout', s.hideDefinition);
       }, this);
	  },
    showDefinition: function(event)
    {
      var s = Event.element(event);
      var leterme = s.innerHTML;
      
      ladefinition = glossaire.prototype.definitions[0][leterme];
      showMyTooltip(ladefinition, this);
      return false;
    },
    hideDefinition: function(event)
    {
      ajax_hideTooltip();
      return false;
    }
});




Event.observe(window, 'load', function() {
	monGlossaire = new glossaire();
	monGlossaire.init_listeners();
});