﻿//header animation for slide promotion
var SlideHeader = {};

SlideHeader.isAnimating = false;
SlideHeader.header = null;
SlideHeader.headerHelper = null;
SlideHeader.height = null;
SlideHeader.maxHeight = null;
SlideHeader.obj = null;
SlideHeader.init = function(selector) {
    //alert(selector);
    if (selector) {
        SlideHeader.header = $('.Header:first');
        SlideHeader.headerHelper = $('.Background:first');
        SlideHeader.headerHelper.addClass('SlidePromotionBackground');
        SlideHeader.obj = $(selector);
        if (SlideHeader.obj.length > 0 && SlideHeader.header.length > 0) {
            //alert('found');
            SlideHeader.height = '231px';//SlideHeader.header.height();
            SlideHeader.maxHeight = '500px';//SlideHeader.obj.height();
            SlideHeader.obj.hover(
              function() { SlideHeader.animate(true) },
              function() { SlideHeader.animate(false) }
            );
            //SlideHeader.header.height(SlideHeader.maxHeight);
        }
    }
}
SlideHeader.animate = function(hover) {
    //alert(hover);
    if (SlideHeader.header != null) {
        if (!SlideHeader.isAnimating) {
            SlideHeader.isAnimating = true;
            if (hover) {

                SlideHeader.header.animate(
                    { height: SlideHeader.maxHeight },
                    300,
                    'swing',
                    function() {
                        SlideHeader.isAnimating = false;
                    }

                );
                SlideHeader.headerHelper.animate(
                { height: 473 },
                300);
            } else {
                SlideHeader.header.animate(
                    { height: SlideHeader.height },
                    300,
                    'swing',
                    function() {
                        SlideHeader.isAnimating = false;
                    }
                );
                SlideHeader.headerHelper.animate(
                    { height: 204 },
                    300);
            }
        } else {
            if (!hover) {
                SlideHeader.isAnimating = false;
            }
        }
    }
}
