//Microsoft.Glimmer.OneWay
//<AnimationCollection FilePath="Y:\caspari_cms\effekt-referenz2.htm.glimmer.js" xmlns="clr-namespace:GlimmerLib;assembly=GlimmerLib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><Animation Name="imageResizeTimer" EventType="load" Trigger="body"><Animation.Targets><Target Name="{x:Null}" Duration="1000" Easing="linear" Callback="null"><Target.Effects><TimerEffect CSSName="startImageResize" DisplayName="Timer Effect" MaxValue="10000" MinValue="1" From="0" To="2000" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="clearTimeout(timer);&#xD;&#xA;     timer = setTimeout(eval({1}),{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="startImageResize" EventType="[none]" Trigger="{x:Null}"><Animation.Targets><Target Name=".ref-main-pic" Duration="1000" Easing="easeInOutBack" Callback="endImageResize"><Target.Effects><XTranslationEffect CSSName="left" DisplayName="X Position Animation" MaxValue="5000" MinValue="-5000" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="endImageResize" EventType="[none]" Trigger="{x:Null}"><Animation.Targets><Target Name=".ref-main-pic" Duration="1000" Easing="easeInOutBack" Callback="null"><Target.Effects><XTranslationEffect CSSName="left" DisplayName="X Position Animation" MaxValue="5000" MinValue="-5000" From="0" To="-100" IsStartValue="True" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name=".right" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="overflow" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="thumbHoverAction" EventType="mouseover" Trigger=".ref-pic-thumb"><Animation.Targets><Target Name=".ref-pic" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="display" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="inline" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><OpacityEffect CSSName="opacity" DisplayName="Opacity Animation" MaxValue="1" MinValue="0" From="0" To="1" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name=".ref-main-pic" Duration="1000" Easing="linear" Callback="null"><Target.Effects><OpacityEffect CSSName="opacity" DisplayName="Opacity Animation" MaxValue="1" MinValue="0" From="1" To="0" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation></AnimationCollection>
jQuery(function($) {
var timer;

function imageResizeTimer(event)
{
     clearTimeout(timer);
     timer = setTimeout(eval("startImageResize"),"1000");
}

function startImageResize(event)
{
    $(".left").css("visibility","visible");
    $(".ref-main-pic").animate({"left":0},1000, "easeInOutBack", endImageResize);
}

function endImageResize(event)
{
     $(".ref-main-pic").css("left","0");
     $(".right").css("overflow","hidden");
     $(".ref-main-pic").animate({"left": _mainImgEndPos },1000, "linear", null);
}

$(document).ready(function(){imageResizeTimer();});

/*
$(".ref-main-pic").ready(function(){
if(this.complete || this.readyState == 'complete'){
    //$(".ref-main-pic").fadeOut('fast');
    //$(".ref-main-pic").fadeIn('fast', imageResizeTimer);
    imageResizeTimer();
}
else{
    $(".ref-main-pic").bind('load readystatechange', function(e) {
        if (this.complete || (this.readyState == 'complete' && e.type == 'readystatechange')) {
            //$(".ref-main-pic").fadeOut('fast');
            //$(".ref-main-pic").fadeIn('fast', imageResizeTimer);
            imageResizeTimer();
    }});
}});*/
});