var offsetxpoint=-60; //Customize x offset of tooltip
var offsetypoint=00; //Customize y offset of tooltip
var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
var lockedtip=false;
var tipobj;


function onInit() {
    if (ie||ns6) {
        tipobj=document.all ? document.all["dhtmltooltip"] : document.getElementById ? document.getElementById("dhtmltooltip") : "";
    }
}

window.onload = onInit;

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

function showtip(thetext, thecolor, thewidth) {
    if (ns6||ie) {
        if (!lockedtip) {
            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 showpermtip(thetext, thecolor, thewidth) {
    if (enabletip==true) {
        lockedtip=true;
        var cbtn = document.getElementById('dhtmltooltipclose');
        cbtn.style.top=(parseInt(tipobj.style.top)+1)+'px';
        cbtn.style.left=(parseInt(tipobj.style.left)+parseInt(tipobj.offsetWidth)-11)+'px';
        cbtn.style.display='block';
    }
}

function hidepermtip() {
    lockedtip = false;
    hidetip();
    var cbtn = document.getElementById('dhtmltooltipclose');
    cbtn.style.display='none';
    cbtn.style.left='-1000px';
    return false;
}


function hidetip() {
    if (ns6||ie) {
        if (!lockedtip) {
            enabletip=false;
            tipobj.style.display='none';
            tipobj.style.left="-1000px";
        }
    }
}

function positiontip(e) {
    if (enabletip && !lockedtip) {
	    var curX = (ns6) ? e.pageX : event.clientX+ietruebody().scrollLeft;
	    var curY = (ns6) ? e.pageY : event.clientY+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? -10+ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : -10+window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px";
	    }
	    else {
	        tipobj.style.top=10+curY+offsetypoint+"px";
	    }

	    tipobj.style.display='block';
	    /*    var curX = mouseX(e)+10;
	     var curY = mouseY(e)+10;


	     tipobj.style.display='block';
	     tipobj.style.top=curY+'px';
	     tipobj.style.left=curX+'px';
	     }
	     */
    }
}

function mouseX(evt) {
    if (evt.pageX) return evt.pageX;
    else if (evt.clientX)
    return evt.clientX + (document.documentElement.scrollLeft ?
                          document.documentElement.scrollLeft :
                          document.body.scrollLeft);
    else return null;
}
function mouseY(evt) {
    if (evt.pageY) return evt.pageY;
    else if (evt.clientY)
    return evt.clientY + (document.documentElement.scrollTop ?
                          document.documentElement.scrollTop :
                          document.body.scrollTop);
    else return null;
}

document.onmousemove=positiontip;



var MenuThingy = function(menu) {
    var that = this;
    this.menu = jQuery(menu);
    this.menu.prepend('<div class="highlight"></div>');
    this.thingy = this.menu.find('.highlight');
    this.items = this.menu.find('.topmenu_item');
    this.currentItem = null;
    this.paddingLeft = 16;
    this.itemPadding = 12;

    this.thingy.css({
        opacity: 0
    });

    this.fadeThingyOut = function() {
        that.thingy.stop().animate({
            opacity: 0
        });
    };
    this.fadeThingyIn = function() {
        that.thingy.stop().animate({
                opacity: 1
        });
    };

    this.animateThingy = function(item) {
        that.thingy.clearQueue().stop();
        var calcLeft = item.position().left + that.paddingLeft;
        var easing = "easeInOutCirc";
        if ((calcLeft <= 0) || (item.is(":last-child"))) {
            easing = "easeOutCirc";
        };
        if ((that.thingy.position().left <= 0) || ((that.currentItem && (that.currentItem.position().left == that.thingy.position().left)))) {
            easing = "easeOutCirc";
        };
        that.currentItem = item;
        var calcWidth = item.width() + that.itemPadding;

        that.thingy.animate({
            'left': calcLeft,
            'width': calcWidth,
            'opacity': 1
        }, 300, easing);
    };

    this.items.hover(function() {
        var item = jQuery(this);
        that.animateThingy(item);

    }, function() {
        that.thingy.clearQueue().stop();
        that.fadeThingyOut();
    });

};


jQuery(window).ready(
    function() {

        jQuery('a[rel^=lightbox]')
            .fancybox({
                          transitionIn: 'elastic',
                          transitionOut: 'elastic'
                      });

        // highlight highlights
        var hl = jQuery('input#highlight');
        if (hl.length > 0) {
            var str = hl.val();
            var body = jQuery('#article_body');
            var html = body.html();

            var words = str.split(' ');
            for (termid in words) {
                var regex = new RegExp(">([^<]*)?("+words[termid]+")([^>]*)?<","ig");
                html = html.replace(regex, '>$1<span class="highlighted term'+termid+'">$2</span>$3<');
            }
            body.html(html);
        }

        var topmenu = new MenuThingy('#topmenu');
    });