/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function tip_explain_solution(){
thewidth=400
thecolor='FFFFFF'
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML='<strong>Let the students explain</strong><br>An even better way of presenting the solution is to let one of the students explain it to the class. The advantage of this method:<br>- the student will <strong>improve</strong> his/her <strong>presentation skills</strong><br>- the student will <strong>lose</strong> the <strong>fear</strong> of <strong>talking</strong>  infront of a <strong>group</strong><br>- the student has a <strong>feeling of success</strong><br> - the <strong>other students</strong> will be <strong>encouraged </strong>to present as well'
enabletip=true
return false
}
}

function tip_instructor_guide(){
thewidth=300
thecolor='FFFFFF'
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML='The times, methods and teaching aids mentioned are only \"Guidelines\". You may change it as you want to. It depends as well of the students/class. Show your creativity.' 
enabletip=true
return false
}
}
function upf(){
thewidth=280
thecolor='CCCCCC'
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML='<font face="Arial, Helvetica, sans-serif" size="1">UPF_Protection<br>The trouble with fun in the sun is exposure to UV radiation, or ultraviolet radiation. Serious health problems such as skin cancer are attributed to accumulated overexposure to UV radiation. Garments that are designed for sun protection can help reduce your exposure to UV radiation. <p>Different fabrics and other factors affect how much sun protection a garment can offer. The Ultraviolet Protection Factor (UPF) rating shows how well a fabric or garment protects your skin from solar UV and helps you select sun protective clothing with confidence. UPF ratings range from 15 to 50. Fabrics that rate higher than 50 are labelled as UPF 50+.</p><p>Remember: the garment only protects the skin it covers.</p></font>' 
enabletip=true
return false
}
}
function diamond(){
thewidth=280
thecolor='FFFFFF'
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML='<font face="Arial, Helvetica, sans-serif" size="1">Diamond_Dobby<br>When you look at the inside of the BLOOD RED Diamond Dobby boardshorts, you&#8217;ll see a bunch of really small diamond shapes stitched in a pattern. These slightly raised diamonds make it so a lot less fabric ends up touching your skin. This makes for a very comfortable feel, and helps prevent rashes. The fabric is very thin and lightweight, adding to the comfort level. Diamond Dobby boardshorts also dry extremely fast.,/font>' 
enabletip=true
return false
}
}
function neoprene(){
thewidth=500
thecolor='cccccc'
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML='<img src="../images/technology/flat%20lock%20seam-01.png" border=none><font face="Arial, Helvetica, sans-serif" size="1"><strong>NEOPRENE</strong><br>FEATURES:<br>S-type neoprene<br>BLOOD RED wetsuits are all completely made of Sheico&#8217;s s-type neoprene which is one of the most elastic neoprene types on the market. It&#8217;s also very warm and lightweight                       due to its specific structure</p> <p>Single lined:<br>neoprene wetsuits commonly have a jersey lining laminated  on the inside for more convenience when putting on and taking                       off the suit, as well as to enhance wearing comfort and                       thermal insulation on<br>                      the naked skin.</p>                    <p>Wind-chill protection:<br>                      the neoprene skin dries quicker on.a single lined wetsuit                       (compared to a double lined wetsuit) and offers better warmth                       and protection against the wind-chill-effect.</font></p>' 
enabletip=true
return false
}
}
function coolmax(){
thewidth=400
thecolor='cccccc'
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML='<img src="../images/technology/cool max-01.png" border=none><font face="Arial, Helvetica, sans-serif" size="1">COOLMAX is the brand name of a series of technical fabrics designed to wick moisture away from the skin. The fabrics employ specially-engineered polyester fibres to improve "breathability" which perform better than natural fibres like cotton. Clothing made from Coolmax is primarily intended to be worn during exertion - sweat can evaporate quickly so the wearer is kept dry. Other useful properties include resistance to fading, shrinking and wrinkling.</font>' 
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip