//Microsoft.Glimmer.OneWay
//<AnimationCollection FilePath="{x:Null}" xmlns="clr-namespace:GlimmerLib;assembly=GlimmerLib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><Animation Name="mouseoverActiontooltip" EventType="mouseover" Trigger=".atooltip"><Animation.Targets><Target Name="#atooltip" Duration="1000" Easing="linear" Callback="null"><Target.Effects><AppendHTMLEffect CSSName="body" DisplayName="Append HTML Effect" MaxValue="0" MinValue="0" From="0" To="&lt;p id='tooltip'&gt;&quot;+ this.rel + &quot;&lt;/p&gt;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({1}).append({2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ModifyCSSEffect CSSName="left" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageX + 20) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ModifyCSSEffect CSSName="top" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageY - 10) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="mouseoutActiontooltip" EventType="mouseout" Trigger=".atooltip"><Animation.Targets><Target Name="{x:Null}" Duration="1000" Easing="linear" Callback="null"><Target.Effects><RemoveHTMLEffect CSSName="#atooltip" DisplayName="Remove HTML Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({1}).remove();&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="mousemoveActiontooltip" EventType="mousemove" Trigger=".atooltip"><Animation.Targets><Target Name="#atooltip" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="left" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageX + 20) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ModifyCSSEffect CSSName="top" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageY - 10) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="mouseoverActiontooltipImage" EventType="mouseover" Trigger=".atooltipImage"><Animation.Targets><Target Name="#atooltip" Duration="1000" Easing="linear" Callback="null"><Target.Effects><AppendHTMLEffect CSSName="body" DisplayName="Append HTML Effect" MaxValue="0" MinValue="0" From="0" To="&lt;p id='tooltip'&gt;&lt;img src=&quot;+ this.rel + &quot;&gt;&lt;/img&gt;&lt;/p&gt;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({1}).append({2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ModifyCSSEffect CSSName="left" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageX + 20) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ModifyCSSEffect CSSName="top" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageY - 10) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="mouseoutActiontooltipImage" EventType="mouseout" Trigger=".atooltipImage"><Animation.Targets><Target Name="{x:Null}" Duration="1000" Easing="linear" Callback="null"><Target.Effects><RemoveHTMLEffect CSSName="#atooltip" DisplayName="Remove HTML Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({1}).remove();&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="mousemoveActiontooltipImage" EventType="mousemove" Trigger=".atooltipImage"><Animation.Targets><Target Name="#atooltip" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="left" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageX + 20) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ModifyCSSEffect CSSName="top" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="(event.pageY - 10) + &quot;px&quot;" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="True" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation></AnimationCollection>
jQuery(function($) {
    var timer;
    var offsetY = 30;
    function mouseoverActiontooltip(event) {
        if (navigator.userAgent.indexOf('Firefox') > 0 || navigator.userAgent.indexOf('MSIE 8.0') > 0)
            offsetY = 50;
        $("body").append("<p id='atooltip'>" + this.rel + "</p>");
        $("#atooltip").css("left", (event.pageX + 15) + "px");
        $("#atooltip").css("top", (event.pageY - offsetY) + "px");
    }

    function mouseoutActiontooltip(event) {
        $("#atooltip").remove();
    }

    function mousemoveActiontooltip(event) {
        if (navigator.userAgent.indexOf('Firefox') > 0)
            offsetY = 50;
        $("#atooltip").css("left", (event.pageX + 15) + "px");
        $("#atooltip").css("top", (event.pageY - offsetY) + "px");
    }

    function mouseoverActiontooltipImage(event) {
        if (navigator.userAgent.indexOf('Firefox') > 0)
            offsetY = 50;
        $("body").append("<p id='atooltip'><img src=" + this.rel + "></img></p>");
        $("#atooltip").css("left", (event.pageX + 15) + "px");
        $("#atooltip").css("top", (event.pageY - offsetY) + "px");
    }

    function mouseoutActiontooltipImage(event) {
        $("#atooltip").remove();
    }

    function mousemoveActiontooltipImage(event) {
        if (navigator.userAgent.indexOf('Firefox') > 0)
            offsetY = 50;
        $("#atooltip").css("left", (event.pageX + 15) + "px");
        $("#atooltip").css("top", (event.pageY - offsetY) + "px");
    }

    $('.atooltip').bind('mouseover', mouseoverActiontooltip);

    $('.atooltip').bind('mouseout', mouseoutActiontooltip);

    $('.atooltip').bind('mousemove', mousemoveActiontooltip);

    $('.atooltipImage').bind('mouseover', mouseoverActiontooltipImage);

    $('.atooltipImage').bind('mouseout', mouseoutActiontooltipImage);

    $('.atooltipImage').bind('mousemove', mousemoveActiontooltipImage);

});
