// JavaScript Document
/***********************************************
* DHTML toolTip script
***********************************************/
<!--
// Global variables
//List of transitional effects to be randomly applied to toolTip:
var clicked = false;
var toolTipeffects=[" Blur(pixelradius=2),GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]
var toolTipeffects=["GradientWipe(GradientSize=1.0 Duration=0.7 WipeStyle= 1)"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
//var toolTipeffects=["Pixelate(MaxSquare=100 enabled=false)"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
//var toolTipeffects=["Blur(pixelradius=1)"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
var toolTip_effectduration=1500 //Transitional effect duration in miliseconds
var toolTip_hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).
var toolTip_filterid=Math.floor(Math.random()*toolTipeffects.length);
var currentSelection="";
var xMousePos = 0; // Horizontal position of the mouse on the screen
var yMousePos = 0; // Vertical position of the mouse on the screen
var xMousePosMax = 0; // Width of the page
var yMousePosMax = 0; // Height of the page

//Write style sheet for divs
document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.toolTipContent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+toolTipeffects[toolTip_filterid]+'}\n')
else if (toolTip_hidecontent_from_legacy)
document.write('#toolTip_contentwrapper{display:none;}')
document.write('</style>\n')
var toolTip_totalDivs=0
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

function hideAllToolTip(){
currentSelection ="";
var inc=0
document.onmousemove ="";
while (document.getElementById("toolTip"+inc)){
document.getElementById("toolTip"+inc).style.visibility="hidden"
inc++
}
}


//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

function hideTip(){
var inc=0
while (document.getElementById("toolTip"+inc)){
document.getElementById("toolTip"+inc).style.visibility="hidden"
inc++
}
}
//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

function showToolTip(num,obj){
//Store selected tooltip(div)
var selectedDivObj=document.getElementById("toolTip"+num);
currentSelection = selectedDivObj;
captureMousePosition();
//hide all first
hideTip()
hideDiv()
//Assign filter to user selected tooltip
if (selectedDivObj.filters){
	
if (toolTipeffects.length>1){
toolTip_filterid=Math.floor(Math.random()*toolTipeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+toolTipeffects[toolTip_filterid]
}else{
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+toolTipeffects[0];
}

//selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+toolTipeffects[0];
selectedDivObj.filters[0].duration=toolTip_effectduration/2000;
selectedDivObj.filters[0].Apply();
}

//Display tooltip
selectedDivObj.style.visibility="visible";

//Check if I have filter property
if (selectedDivObj.filters){
selectedDivObj.filters[0].Play()
//selectedDivObj=(selectedDivObj<toolTip_totalDivs-1)? selectedDivObj+1 : 0
}

}

//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

function startToolTip(){
while (document.getElementById("toolTip"+toolTip_totalDivs)!=null){
toolTip_totalDivs++
}
}
//:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
//Starts operation on loading of document
if (window.addEventListener)
window.addEventListener("load", startToolTip, false)
else if (window.attachEvent)
window.attachEvent("onload", startToolTip)
else if (document.getElementById)
window.onload=startToolTip;





//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

// Set Netscape up to run the "captureMousePosition" function whenever
// the mouse is moved. For Internet Explorer and Netscape 6, you can capture
// the movement a little easier.
//if (document.layers) { // Netscape
//document.captureEvents(Event.MOUSEMOVE);
//document.onmousemove = captureMousePosition;
//} else if (document.all) { // Internet Explorer
// document.onmousemove = captureMousePosition;
//} else if (document.getElementById) { // Netcsape 6
//document.onmousemove = captureMousePosition;
//}

//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;;

function captureMousePosition(e) {
	
if(document.onmousemove != captureMousePosition){
	
	if (document.layers) { // Netscape
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = captureMousePosition;
} else if (document.all) { // Internet Explorer
document.onmousemove = captureMousePosition;
} else if (document.getElementById) { // Netcsape 6
document.onmousemove = captureMousePosition;
}

}

if (document.layers) {
// When the page scrolls in Netscape, the event's mouse position
// reflects the absolute position on the screen. innerHight/Width
// is the position from the top/left of the screen that the user is
// looking at. pageX/YOffset is the amount that the user has 
// scrolled into the page. So the values will be in relation to
// each other as the total offsets into the page, no matter if
// the user has scrolled or not.
xMousePos = e.pageX;
yMousePos = e.pageY;
xMousePosMax = window.innerWidth+window.pageXOffset;
yMousePosMax = window.innerHeight+window.pageYOffset;
} else if (document.all) {
// When the page scrolls in IE, the event's mouse position 
// reflects the position from the top/left of the screen the 
// user is looking at. scrollLeft/Top is the amount the user
// has scrolled into the page. clientWidth/Height is the height/
// width of the current page the user is looking at. So, to be
// consistent with Netscape (above), add the scroll offsets to
// both so we end up with an absolute value on the page, no 
// matter if the user has scrolled or not.
xMousePos = window.event.x+document.body.scrollLeft;
yMousePos = window.event.y+document.body.scrollTop;
xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
yMousePosMax = document.body.clientHeight+document.body.scrollTop;
} else if (document.getElementById) {
// Netscape 6 behaves the same as Netscape 4 in this regard 
xMousePos = e.pageX;
yMousePos = e.pageY;
xMousePosMax = window.innerWidth+window.pageXOffset;
yMousePosMax = window.innerHeight+window.pageYOffset;

}

// Set Netscape up to run the "captureMousePosition" function whenever
// the mouse is moved. For Internet Explorer and Netscape 6, you can capture
// the movement a little easier.


var xPos = xMousePos+50;
if(xPos< 700){
currentSelection.style.top =yMousePos+10 ;
currentSelection.style.left =xMousePos ;
}else{
currentSelection.style.top =yMousePos+10 ;
currentSelection.style.left =xMousePos-200 ;	
}

}