$(document).ready(function() {

    // hide the popup first & adjust margin-top
    $('.bulk-popup').css('marginTop', '-359px').hide('fast');
    $('.bulk-popup2').css('marginTop', '-359px').hide('fast');


    // hover functionality

    function animationIncrease() {
        $('.bulk-hotspot').children('img').animate({
            marginLeft: '0px',
            marginTop: '0px',
            width: '30px',
            height: '30px'
        }, 'fast');
    }
    function animationDecrease() {
        $('.bulk-hotspot').children('img').animate({
            marginLeft: '5px',
            marginTop: '5px',
            width: '20px',
            height: '20px'
        });
    }
    function animationIncrease2() {
        $('.bulk-hotspot2').children('img').animate({
            marginLeft: '0px',
            marginTop: '0px',
            width: '30px',
            height: '30px'
        }, 'fast');
    }
    function animationDecrease2() {
        $('.bulk-hotspot2').children('img').animate({
            marginLeft: '5px',
            marginTop: '5px',
            width: '20px',
            height: '20px'
        });
    }

    $('.bulk-hotspot').hover(function() {
        animationDecrease();
    }, function() {
        animationIncrease();
    });
    $('.bulk-hotspot2').hover(function() {
        animationDecrease2();
    }, function() {
        animationIncrease2();
    });

    // click functionality
    $('.bulk-hotspot').click(function() {
        $('.bulk-popup').fadeIn('fast');
    });
    $('.bulk-popup .btn-close').click(function() {
        $('.bulk-popup').fadeOut('fast');
    });
    // click functionality
    $('.bulk-hotspot2').click(function() {
        $('.bulk-popup2').fadeIn('fast');
    });
    $('.bulk-popup2 .btn-close').click(function() {
        $('.bulk-popup2').fadeOut('fast');
    });
});