/* Image w/ description tooltip v2.0
* Created: April 23rd, 2010. This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/
var ddimgtooltip={
tiparray:function(){
var tooltips=[]
//define each tooltip below: tooltip[inc]=['path_to_image', 'optional desc', optional_CSS_object]
//For desc parameter, backslash any special characters inside your text such as apotrophes ('). Example: "I\'m the king of the world"
//For CSS object, follow the syntax: {property1:"cssvalue1", property2:"cssvalue2", etc}
tooltips[0]=["IMAGES/jeopardy.jpg", "Customize a jeopardy game
for your classroom. You can
check out three controllers
and an accompanying large screen
for a fun, engaging experience for
your students. Great to use for
content review.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[1]=["IMAGES/smartpen.jpg", "Capture your lectures with this
smartpen. Pen records annotations
as well as audio and enables
embedding final product to the web.
Integrates expertly with D2L.
2 available for checkout.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[2]=["IMAGES/voicerecorder.jpg", "Available for checkout from
Educational Technology as well
as the Technology Support Center.
This handy device will record audio.
Use it for recording your lectures, or
for simply recording notes.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[3]=["IMAGES/flashcam.jpg", "Engage your students
with video instruction.
This easy to use camera
allows you to video
yourself and instantly
upload to youtube or other
video host of your choice.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[4]=["IMAGES/sitepal.jpg", "Create your own speaking
avatar. Contact our department
for instructions on how
to add cute personalities to
your websites. Fun and easy!", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[5]=["IMAGES/voicethread.jpg", "Like to use discussion boards?
Make them even more interactive
with this tool. Voicethread works
like a discussionboard, but
incorporates audio,video, and the
ability to annotate while sharing
images, documents, or movies.
See Ed Tech for an account.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[6]=["IMAGES/stLogo.gif", "RCTC has online tutoring
available for all RCTC students
in an effort to match services
similar to the learning center
for online students. All students
receive 10 hours per academic year
in contract with Smarthinking.
Students create accounts via D2L.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[7]=["IMAGES/tii.gif", "RCTC contracts with Turnitin
for student project comparisons.
Turn it in is an anti plagiurism program
that searches the web and RCTC's
database and associates a score
indicative of available similar material.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[8]=["IMAGES/connect.jpg", "Connect computer to computer
live - with students or colleagues.
All RCTC staff are eligible for this
type of an account. Contact Ed Tech
for set up.
", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[9]=["IMAGES/respondus.gif", "RCTC contracts with the company
Respondus, for both test creation
software, and Lockdown Browser
a program that locks student's
computer images down while
taking quizzes via D2L.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[10]=["IMAGES/clickers.JPG", "Educational Technology has 4 interactive clicker kits
available for checkout to use in your classroom", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
return tooltips //do not remove/change this line
}(),
tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips
//***** NO NEED TO EDIT BEYOND HERE
tipprefix: 'imgtip', //tooltip ID prefixes
createtip:function($, tipid, tipinfo){
if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
return $('').html(
''
+ ((tipinfo[1])? ''+tipinfo[1]+'
' : '')
)
.css(tipinfo[2] || {})
.appendTo(document.body)
}
return null
},
positiontooltip:function($, $tooltip, e){
var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1]
var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(),
x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(ddimgtooltip.tooltipoffsets[0]*2) : x
y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y
$tooltip.css({left:x, top:y})
},
showbox:function($, $tooltip, e){
$tooltip.show()
this.positiontooltip($, $tooltip, e)
},
hidebox:function($, $tooltip){
$tooltip.hide()
},
init:function(targetselector){
jQuery(document).ready(function($){
var tiparray=ddimgtooltip.tiparray
var $targets=$(targetselector)
if ($targets.length==0)
return
var tipids=[]
$targets.each(function(){
var $target=$(this)
$target.attr('rel').match(/\[(\d+)\]/) //match d of attribute rel="imgtip[d]"
var tipsuffix=parseInt(RegExp.$1) //get d as integer
var tipid=this._tipid=ddimgtooltip.tipprefix+tipsuffix //construct this tip's ID value and remember it
var $tooltip=ddimgtooltip.createtip($, tipid, tiparray[tipsuffix])
$target.mouseenter(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.showbox($, $tooltip, e)
})
$target.mouseleave(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.hidebox($, $tooltip)
})
$target.mousemove(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.positiontooltip($, $tooltip, e)
})
if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added)
$tooltip.mouseenter(function(){
ddimgtooltip.hidebox($, $(this))
})
}
})
}) //end dom ready
}
}
//ddimgtooltip.init("targetElementSelector")
ddimgtooltip.init("*[rel^=imgtip]")