//Microsoft.Glimmer.OneWay
//<AnimationCollection FilePath="C:\Users\Peter Gurry\Documents\Web Design\Karen Hartnett\index.html.glimmer.js" xmlns="clr-namespace:GlimmerLib;assembly=GlimmerLib"><Animation Name="BioExpand" EventType="click" Trigger="#expand"><Animation.Targets><Target Name="#bio" Duration="1000" Easing="swing" Callback="HideExpandBtn"><Target.Effects><YScaleEffect CSSName="height" DisplayName="Y Scale Animation" MaxValue="5000" MinValue="-5000" From="225px" To="550" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name=".overflow" Duration="1000" Easing="swing" Callback="null"><Target.Effects><RemoveCSSClassEffect CSSName="visible" DisplayName="Remove CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).removeClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><AddCSSClassEffect CSSName="hidden" DisplayName="Add CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).addClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ColorEffect CSSName="color" DisplayName="Color Animation" MaxValue="1" MinValue="0" From="0" To="&quot;#F7FAF4&quot;" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="True" JQueryPluginURI="effects.core.js" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="BioCollapse" EventType="click" Trigger="#collapse"><Animation.Targets><Target Name="#bio" Duration="1000" Easing="swing" Callback="HideCollapseBtn"><Target.Effects><YScaleEffect CSSName="height" DisplayName="Y Scale Animation" MaxValue="5000" MinValue="-5000" From="0" To="225" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name=".overflow" Duration="2000" Easing="swing" Callback="null"><Target.Effects><RemoveCSSClassEffect CSSName="hidden" DisplayName="Remove CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).removeClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><AddCSSClassEffect CSSName="visible" DisplayName="Add CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).addClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><ColorEffect CSSName="color" DisplayName="Color Animation" MaxValue="1" MinValue="0" From="0" To="&quot;#2e2e2e&quot;" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="True" JQueryPluginURI="effects.core.js" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="HideExpandBtn" EventType="[none]" Trigger="#expand"><Animation.Targets><Target Name="#expand" Duration="1300" Easing="linear" Callback="null"><Target.Effects><RemoveCSSClassEffect CSSName="visible" DisplayName="Remove CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).removeClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><AddCSSClassEffect CSSName="hidden" DisplayName="Add CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).addClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#collapse" Duration="2000" Easing="swing" Callback="null"><Target.Effects><RemoveCSSClassEffect CSSName="hidden" DisplayName="Remove CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).removeClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><AddCSSClassEffect CSSName="block" DisplayName="Add CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).addClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="HideCollapseBtn" EventType="[none]" Trigger="#collapse"><Animation.Targets><Target Name="#collapse" Duration="1000" Easing="linear" Callback="null"><Target.Effects><RemoveCSSClassEffect CSSName="visible" DisplayName="Remove CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).removeClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><AddCSSClassEffect CSSName="hidden" DisplayName="Add CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).addClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#expand" Duration="1000" Easing="linear" Callback="null"><Target.Effects><RemoveCSSClassEffect CSSName="hidden" DisplayName="Remove CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).removeClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /><AddCSSClassEffect CSSName="block" DisplayName="Add CSS Class Effect" MaxValue="0" MinValue="0" From="0" To="0" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).addClass({1});&#xD;&#xA;" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="CaseStudy01Left" EventType="click" Trigger="#btn-next"><Animation.Targets><Target Name="#case-study-ul" Duration="1000" Easing="swing" Callback="null"><Target.Effects><XTranslationEffect CSSName="left" DisplayName="X Position Animation" MaxValue="5000" MinValue="-5000" From="0" To="-515" IsStartValue="False" IsActive="True" IsAnimatable="True" IsExpression="False" FormatString="" RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="CaseStudy01Right" EventType="click" Trigger="#btn-previous"><Animation.Targets><Target Name="#case-study-ul" Duration="1000" Easing="swing" Callback="null"><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></AnimationCollection>
jQuery(function($) {
var timer;
function BioExpand(event)
{
    $("#bio").animate({"height":550},1000, "swing", HideExpandBtn);
     $(".overflow").removeClass("visible");
     $(".overflow").addClass("hidden");
    $(".overflow").animate({"color":"#F7FAF4"},1000, "swing", null);
}

function BioCollapse(event)
{
    $("#bio").animate({"height":225},1000, "swing", HideCollapseBtn);
     $(".overflow").removeClass("hidden");
     $(".overflow").addClass("visible");
    $(".overflow").animate({"color":"#2e2e2e"},2000, "swing", null);
}

function HideExpandBtn(event)
{
     $("#expand").removeClass("visible");
     $("#expand").addClass("hidden");
     $("#collapse").removeClass("hidden");
     $("#collapse").addClass("block");
}

function HideCollapseBtn(event)
{
     $("#collapse").removeClass("visible");
     $("#collapse").addClass("hidden");
     $("#expand").removeClass("hidden");
     $("#expand").addClass("block");
}

function CaseStudy01Left(event)
{
    $("#case-study-ul").animate({"left":-515},1000, "swing", null);
}

function CaseStudy01Right(event)
{
    $("#case-study-ul").animate({"left":0},1000, "swing", null);
}

$('#expand').bind('click', BioExpand);

$('#collapse').bind('click', BioCollapse);



$('#btn-next').bind('click', CaseStudy01Left);

$('#btn-previous').bind('click', CaseStudy01Right);

});