var dhtmlgoodies_tooltip = false;
var dhtmlgoodies_tooltipShadow = false;
var dhtmlgoodies_shadowSize = 2;
var dhtmlgoodies_tooltipMaxWidth = 200;
var dhtmlgoodies_tooltipMinWidth = 150;
var dhtmlgoodies_iframe = false;
var tooltip_is_msie = (navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('opera')==-1 && document.all)?true:false;
var st;
var leftPos;
var topPos;
var time;

function DisplayPhoto(e,data_array,startIndex,endIndex,st,leftPos,topPos)
{

  //alert("the start index : " + startIndex);
  //alert("the end index : " + endIndex);


  my_array  = new Array();
  my_array  = data_array;

  var text = my_array[endIndex];

  var currentIndex = startIndex;

  if(currentIndex == endIndex)
  {
    currentIndex = 0;
  }


  var imagePath   = my_array[currentIndex];
  var stringImage = "<img align='center' height='150px' width='150px' src='"+imagePath+"' />"+"<br>"+"<b>"+text+"</b>";

  ToolTip(e,stringImage,st,leftPos,topPos);


  time = setTimeout(function(){DisplayPhoto(e,my_array,currentIndex,endIndex,st,leftPos,topPos);},3000);
  currentIndex++;

}




function ToolTip(e,stringImage,st,leftPos,topPos)
{
  var bodyWidth = Math.max(document.body.clientWidth,document.documentElement.clientWidth) - 20;


  if(!dhtmlgoodies_tooltip)
    {

    dhtmlgoodies_tooltip = document.createElement('DIV');
    dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip';
    dhtmlgoodies_tooltipShadow = document.createElement('DIV');
    dhtmlgoodies_tooltipShadow.id = 'dhtmlgoodies_tooltipShadow';

    document.body.appendChild(dhtmlgoodies_tooltip);
    document.body.appendChild(dhtmlgoodies_tooltipShadow);

    if(tooltip_is_msie)
    {
      dhtmlgoodies_iframe = document.createElement('IFRAME');
      dhtmlgoodies_iframe.frameborder='5';
      dhtmlgoodies_iframe.style.backgroundColor='#FFFFFF';
      dhtmlgoodies_iframe.src = '#';
      dhtmlgoodies_iframe.style.zIndex = 200;
      dhtmlgoodies_iframe.style.position = 'absolute';
      document.body.appendChild(dhtmlgoodies_iframe);
    }

  }


  dhtmlgoodies_tooltip.style.display='inherit';
  dhtmlgoodies_tooltipShadow.style.display='inherit';
  if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='inherit';

  //var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
  if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
  //var leftPos = e.clientX + 20;

  dhtmlgoodies_tooltip.style.width = null;  // Reset style width if it's set
  dhtmlgoodies_tooltip.innerHTML = stringImage;
  dhtmlgoodies_tooltip.style.left = leftPos + 'px';
  //dhtmlgoodies_tooltip.style.top = e.clientY + 20 + st + 'px';
  dhtmlgoodies_tooltip.style.top = topPos + 10 + st + 'px';


  dhtmlgoodies_tooltipShadow.style.left =  leftPos + dhtmlgoodies_shadowSize + 'px';
  dhtmlgoodies_tooltipShadow.style.top = topPos + 10 + st + dhtmlgoodies_shadowSize + 'px';

  if(dhtmlgoodies_tooltip.offsetWidth>dhtmlgoodies_tooltipMaxWidth)
  {  /* Exceeding max width of tooltip ? */
    dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipMaxWidth + 'px';
  }

  var tooltipWidth = dhtmlgoodies_tooltip.offsetWidth;
  if(tooltipWidth<dhtmlgoodies_tooltipMinWidth)tooltipWidth = dhtmlgoodies_tooltipMinWidth;


  dhtmlgoodies_tooltip.style.width = tooltipWidth + 'px';
  dhtmlgoodies_tooltipShadow.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
  dhtmlgoodies_tooltipShadow.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';

  if((leftPos + tooltipWidth)>bodyWidth)
  {
    dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth)) + 'px';
    dhtmlgoodies_tooltipShadow.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth) + dhtmlgoodies_shadowSize) + 'px';
  }

  if(tooltip_is_msie)
  {
    dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left;
    dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top;
    dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
    dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';

  }

}

function showTooltip(e,datarray,indexarray,counter)
{
  //alert("counter"+counter);
  //alert(e);


  var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
  //alert(st);
  
  var leftPos = e.clientX + 10;
  //alert(leftPos);
  
  var topPos  = e.clientY + 10;
  //alert(topPos);

  data_array   = datarray;
  index_array = indexarray;

  var start = counter;
  //alert(data_array.length);
  var end   = counter +1;
  //alert(index_array.length);

  //alert(counter);

  var startIndex = index_array[start];
  //alert("start index"+counter);
  var endIndex   = index_array[end];
  //alert("end index"+counter);


  DisplayPhoto(e,data_array,startIndex,endIndex,st,leftPos,topPos);



}

function hideTooltip()
{
  //datarray  = null;
  //indexarray= null;
  //e = null;
  //counter = null;


//data_array  = null;

//index_array = null;

  //DisplayPhoto(null,null,null,null);
  
  clearTimeout(time);

  dhtmlgoodies_tooltip.style.display='none';
  dhtmlgoodies_tooltipShadow.style.display='none';
  if(tooltip_is_msie)
  dhtmlgoodies_iframe.style.display='none';







}