/**
Vertigo Tip by www.vertigo-project.com
Requires jQuery
*/

this.vtip = function() {    
    this.xOffset = -10; // x distance from mouse
    this.yOffset = 10; // y distance from mouse       
    
    $(".thumbimg").unbind().hover(    
        function(e) {
            this.t = this.title;
            this.title = ''; 
            this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset); 
            
            $('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );
                        
            $('p#vtip #vtipArrow').attr("src", templatePath + 'img/vtip_arrow.png');
            if(this.left > $(window).width() / 2) {
                $('p#vtip').css("top", this.top+"px").css("left", this.left - $('p#vtip').outerWidth(true) + 30 +"px").fadeIn("slow");
                $('p#vtip #vtipArrow').css('left', 'auto');
                $('p#vtip #vtipArrow').css('right', '5px');
            } else {
                $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
            }
            
        },
        function() {
            this.title = this.t;
            $("p#vtip").fadeOut("slow").remove();
        }
    ).mousemove(
        function(e) {
            this.top = (e.pageY + yOffset);
            this.left = (e.pageX + xOffset);
            if(this.left > $(window).width() / 2) {
                $('p#vtip').css("top", this.top+"px").css("left", this.left - $('p#vtip').outerWidth(true) + 30 +"px");
                $('p#vtip #vtipArrow').css('left', 'auto');
                $('p#vtip #vtipArrow').css('right', '5px');
            } else {
                $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
                $('p#vtip #vtipArrow').css('left', '5px');
                $('p#vtip #vtipArrow').css('right', 'auto');
            }
        }
    );            
    
};

jQuery(document).ready(function($){vtip();})