// JavaScript Document
//Define your bullet image(s) via arbitrary variables, where bulletimg=["imagepath", imagewidth, offsetxfromroot, offsetyfromroot]
var bulletimg1=["../images/H-IMG-005.png", 16, -83, -1]
var bulletimg2=["../images/H-IMG-006.png", 16, -78, 0]
var bulletimg3=["../images/H-IMG-006.png", 16, -74, 0]
var bulletimg4=["../images/H-IMG-006.png", 16, -71, 0]
var bulletimg5=["../images/H-IMG-006.png", 16, -55, 0]
var bulletimg6=["../images/H-IMG-006.png", 16, -99, 0]
var bulletimg7=["../images/H-IMG-006.png", 16, -96, 0]
var bulletimg8=["../images/H-IMG-006.png", 16, -70, 0]
var bulletimg9=["../images/H-IMG-006.png", 16, -53, 0]
var bulletimg10=["../images/H-IMG-008.png", 16, -185, -6]
var bulletimg11=["../images/H-IMG-009.png", 16, -185, -6]
var bulletimg12=["../images/H-IMG-0010.png", 16, -185, -6]
var bulletimg13=["../images/H-IMG-0011.png", 16, -190, -12]
var bulletimg14=["../images/H-IMG-006.png", 16, -71, 0]
var bulletimg15=["../images/H-IMG-006.png", 16, -111, 0]
////Stop editting here/////////////////////
var classnameRE=/(^|\s+)ddbullet($|\s+)/i //regular expression to screen for classname within element

function caloffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function displaybullet(linkobj){
var reltovar=window[linkobj.getAttribute("rel")]
bulletobj.setAttribute("src", reltovar[0])
bulletobj.style.left=caloffset(linkobj, "left")-reltovar[1]-reltovar[2]+"px"
bulletobj.style.top=caloffset(linkobj, "top")-reltovar[3]+"px"
bulletobj.style.visibility="visible"
}

function modifylinks(){
bulletobj=document.createElement("img")
bulletobj.setAttribute("id", "bulletimage")
bulletobj.className="bulletimagestyle"
document.body.appendChild(bulletobj)
for (i=0; i<document.links.length; i++){
if (typeof document.links[i].className=="string" && document.links[i].className.search(classnameRE)!=-1){
document.links[i].onmouseover=function(){displaybullet(this)}
document.links[i].onmouseout=function(){bulletobj.style.visibility="hidden"}
}
}
}

if (window.addEventListener)
window.addEventListener("load", modifylinks, false)
else if (window.attachEvent)
window.attachEvent("onload", modifylinks)
else if (document.getElementById || document.all)
window.onload=modifylinks

