$(document).ready(function(){
/*
$(".popup").hover(function(){

        var file = "./info/"+$(this).attr("alt")+".php"
        var pop = $(this);
        $.get(file, function(data){
            pop.append(
                '<div class="popup_wrapper">'
                        +'<div class="top"></div>'
                        +'<div class="mid">'
                                +data
                        +'</div>'
                        +'<div class="btm"></div>'
                +'</div>'
            );
            $('.popup_wrapper').toggle("300");
        })
    },function(){

        //$('.popup_wrapper').fadeOut(300);
        $('.popup_wrapper').toggle();
        $('.popup_wrapper').remove();
        
    })
 */

$(".popup").click(function(){

        var file = "./info/"+$(this).attr("alt")+".php"
        var pop = $(this);
        $.get(file, function(data){
            pop.append(
                '<div class="popup_wrapper">'
                        +'<div class="top"></div>'
                        +'<div class="mid">'
                                +data
                        +'</div>'
                        +'<div class="btm"></div>'
                +'</div>'
            );
            $('.popup_wrapper').toggle("300");
        })
    })
$(".popup").hover(function(){},function(){

        //$('.popup_wrapper').fadeOut(300);
        $('.popup_wrapper').toggle();
        $('.popup_wrapper').remove();

    })

 });