﻿jQuery(document).ready(function () {

            var elements = jQuery(".articles .newsteaserarticle").length;
            var height = elements * 50 + 97;

            jQuery('.articles').css('height', height);
            
            jQuery('.newsteaserarticle').mouseenter(function () {

                jQuery(this).addClass('activearticle');

                if (jQuery('.newsteaserarticle').not().hasClass('activearticle')) {
                    jQuery('.newsteaserarticle').animate(
                { 'height': '32' },
                { queue: false, duration: 400 }
            );
                }

                if (jQuery('.newsteaserarticle').hasClass('activearticle')) {

                    getHeight(this);

                }
            });
        });

function doAnimation(x, openheight) {

            jQuery(x).animate(
                { 'height': openheight },
                { queue: false, duration: 400 }
             );
        }
        function getHeight(x) {

            jQuery(x).children().children().next().css('display', 'block');
            jQuery('.newsteaserarticle').removeClass('activearticle');
            jQuery(x).addClass('activearticle');

            var titleheight = jQuery('.title', x).css('height');
            titleheight = parseInt(titleheight.substring(0, titleheight.length - 2));

            var bodyheight = jQuery('.newsteaserarticle_text', x).css('height');
            bodyheight = parseInt(bodyheight.substring(0, bodyheight.length - 2));

            var marginsize = 10;

            var openheight = bodyheight + titleheight + marginsize;

            doAnimation(x, openheight);

        }




