$(document).ready(function () {
    $('.popup-close').css({ cursor: 'pointer' });
    //register generic click handler for pop-up buttons here

    //click handler for pop-up close buttons
    $('.popup-close').click(closePopup);
});

function closePopup() {
    $('#' + $('.open-modal').attr('id')).removeClass('open-modal').removeAttr('style');
    $(window).unbind("scroll");
    $('#overlay').remove();
}

function checkPosition(element){
	if(pos != $(window).scrollTop()){
	  $(window).unbind('scroll');
	  last = $(window).scrollTop();
	  setTimeout('poll(element)',50);
	}
}
function poll(element){
	current = $(window).scrollTop();
	if(last != current){
		last = $(window).scrollTop();
		setTimeout('poll(element)',50);
   }else{
		sizeAndAnimate(element);
	    $(window).bind('scroll', function() {
	        element = '#' + $('.open-modal').attr('id');
	        checkPosition(element);
	    });
	}
}

function sizeAndAnimate(element){
	$(element).clearQueue();
	$(element).show();
	$(element).addClass('open-modal');
	distanceLeft = $(window).width()/2 - $(element).width()/2;
	distanceTop =  window.pageYOffset + $(window).height()/2 - $(element).height()/2;
	if($(element).css('top').substring(0, $(element).css('top').length -2) < distanceTop){
		$(element).animate({top : distanceTop +50, left : distanceLeft + 25}, 600)
		.animate({top : distanceTop}, 400)
	}else{
		$(element).animate({top : distanceTop - 50, left : distanceLeft +25}, 600)
		.animate({top : distanceTop}, 400)
	}
	if(distanceTop == 0){sizeAndAnimate();}
}