//$ Browser Detection Check

//$ ignore browser name and version cases
var appVer = navigator.appVersion.toLowerCase();
var usrAgent = navigator.userAgent.toLowerCase();

var IE4plus = (document.all) ? true : false;
var IE4 = ((document.all) && (appVer.indexOf("msie 4.") != -1)) ? true : false;
var IE5 = ((document.all) && (appVer.indexOf("msie 5.") != -1)) ? true : false;
var IE6 = ((document.all) && (appVer.indexOf("msie 6.") != -1)) ? true : false;
var NS6 = (!document.layers) && (usrAgent.indexOf('netscape') != -1) ? true : false;
var FF = (!document.layers) && (usrAgent.indexOf('mozilla') != -1) ? true : false;
var opera = (usrAgent.indexOf('opera') != -1) ? true : false;
var IE5plus = IE5 || IE6;

IEMajor = 0;
//$ support versions of Microsoft Internet Explorer after 5.0, including the future releases
if (IE4plus) {
	var start = appVer.indexOf("msie");
	var end = appVer.indexOf('.', start);
	IEMajor = parseInt(navigator.appVersion.substring(start + 5, end));
	IE5plus = (IEMajor >= 5) ? true : false;
}

var fireEvent = 'true';

function positionateOver(element, dynamicImage, dynamicText) {
	//$ determine browser detection for IE5.0 or later and Opera Browser
	//$ other browsers are not supported for the dynamic tooltip images
	//if (!IE5plus && !opera) return;
	
  if (fireEvent == 'false') return;
  var tmp = document.getElementById('initial_image');
  tmp.style.display = 'block';
  tmp.style.position = 'absolute';
  
  var iframeRef = document.getElementById('iframe_div'); 
  iframeRef.style.display = 'block';
  iframeRef.style.position = 'absolute';

/*
  var bodyTmp = document.body;
  p = element;
  var left = p.offsetLeft - 330;
  var top = p.offsetTop - 170;
  do {
    p = p.offsetParent;
	  left += p.offsetLeft;
	  top += p.offsetTop;
  } while (p != bodyTmp)

  //$ calculate the relative location
  tmp.style.left = left; 
  tmp.style.top = top;
  iframeRef.style.left = left; 
  iframeRef.style.top = top;
  iframeRef.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
*/

  var left = 90;
  var top = 550;
  
  tmp.style.left = left; 
  tmp.style.top = top;
  iframeRef.style.left = left;
  iframeRef.style.top = top;

  var imgContent = document.getElementById("img_id");
  imgContent.src = dynamicImage;
  var txtContent = document.getElementById("txt_id");
  txtContent.innerHTML = dynamicText;
}

function positionateOut() {
	//$ determine browser detection for IE5.0 or later and Opera Browser
	//$ other browsers are not supported for the dynamic tooltip images
	if (!IE5plus && !opera) return;

  var iframeRef = document.getElementById('iframe_div'); 
  iframeRef.style.display = 'none';
}

function rect(event) {
	//$ determine browser detection for IE5.0 or later and Opera Browser
	//$ other browsers are not supported for the dynamic tooltip images
	if (!IE5plus && !opera) return;

  fireEvent = event;
  if (fireEvent == 'true') {
    var tmp = document.getElementById('initial_image');
    tmp.style.display = 'none';
  }
}

/*****************************************************************/
function mouseOverMaterial( element, dynamicImage, dynamicTitle, dynamicHTMLdoc ) {
	//$ determine browser detection for IE5.0 or later and Opera Browser
	//$ other browsers are not supported for the dynamic tooltip images
	//if (!IE5plus && !opera) return;
	
  if (fireEvent == 'false') return;
  var tmp = document.getElementById('initial_image');
  tmp.style.display = 'block';
  tmp.style.position = 'absolute';
  
  var iframeRef = document.getElementById('iframe_div'); 
  iframeRef.style.display = 'block';
  iframeRef.style.position = 'absolute';

  var left = 0;
  var top = 400;
  
  tmp.style.left = left; 
  tmp.style.top = top;
  iframeRef.style.left = left;
  iframeRef.style.top = top;

  var imgContent = document.getElementById("img_id");
  imgContent.src = dynamicImage;
  var txtContent = document.getElementById("txt_id");

  txtContent.innerHTML = '<iframe title="'+dynamicTitle+'" src="'+dynamicHTMLdoc+'" frameborder="0" width="300" height="450" scrolling="auto" style="background-color:#FFFFFF;"></iframe>';
}