var _index = 0, teaserArray = [], allTeaser = 0;
YUI().use('node', 'yui', 'anim', '_utils', '_zoom', function (Y) {

    Y.on
	(
		'domready',
		function () {


		    var gallery = new Y.my.zoom.gallery();
		    gallery.init();

		    if (Y.one('#faq-form-toggler')) if (Y.one('#faq-form-toggler')) Y.on('click', toggleFaqForm, Y.one('#faq-form-toggler'));


		    if (Y.one('#teaser-lines-image')) {

		        teaserArray = ['/Areas/Site/Images/MainPageBanners/ban1.jpg', '/Areas/Site/Images/MainPageBanners/ban2.jpg', '/Areas/Site/Images/MainPageBanners/ban3.jpg', '/Areas/Site/Images/MainPageBanners/ban4.jpg', '/Areas/Site/Images/MainPageBanners/ban5.jpg', '/Areas/Site/Images/MainPageBanners/ban6.jpg', '/Areas/Site/Images/MainPageBanners/ban7.jpg'];

		        for (var i = 0; i < teaserArray.length; i++) {

		            var img = document.createElement('img');
		            img.style.position = 'absolute';
		            img.style.top = 0;
		            img.style.left = 0;
		            img.style.visibility = 'hidden';
		            img.style.width = '1px';
		            img.style.height = '1px';

		            img.onload = function () {

		                allTeaser++;
		                if (allTeaser == teaserArray.length) startTeaserAnimation();
		            }
		            document.getElementsByTagName('body')[0].appendChild(img);
		            img.src = teaserArray[i];
		        }



		    }


		}
	);

    function startTeaserAnimation() {

        var t = setInterval(function () {

            var node = Y.one('#teaser-image');

            var anim1 = new Y.Anim({
                node: node,
                from: { opacity: 1 },
                to: { opacity: 0 },
                duration: 1
            });

            var anim2 = new Y.Anim({
                node: node,
                from: { opacity: 0 },
                to: { opacity: 1 },
                duration: 1
            });

            var lines = Y.one('#teaser-lines-image'), oldTop = Number(lines.getStyle('top').replace('px', '')), newTop = oldTop + 556;

            var anim3 = new Y.Anim({
                node: lines,
                from: { top: oldTop },
                to: { top: newTop },
                duration: 2
            });

            anim1.on('end', function () {

                if (_index < teaserArray.length - 1) _index++;
                else _index = 0;

                var src = teaserArray[_index];
                node.set('src', src);
                anim2.run();

            });

            anim3.on('end', function () {

                var top = Number(lines.getStyle('top').replace('px', ''));
                if (top >= 0) lines.setStyle('top', '-388978px');

            });

            anim1.run();
            anim3.run();

        }, 10000);
    }

    function toggleFaqForm() {
        if (Y.one('#faq-form-hidden').get('offsetHeight') == 0) {

            Y.one('#faq-form-hidden').setStyle('display', '');
            if (Y.one('#faq-callback')) Y.one('#faq-callback').get('parentNode').removeChild(Y.one('#faq-callback'));
        }
        else Y.one('#faq-form-hidden').setStyle('display', 'none');
    }

});