$(function(){
    
    function getDivStyles(){
        var width = 680;
        var left = (($(window).width() - width) / 2) + $(window).scrollLeft();
        var top = (($(window).height() - 500) / 2) + $(window).scrollTop();
        
        var styles = {
            left: left+'px', 
            top: top+'px', 
            width: width+'px'
        };
        return styles;	
    }
    
    $(window).scroll(function () {
        var scrollTop = $(window).scrollTop();
        var cssObj = {
            left: "0px",
            top: scrollTop
        };
        $('#modalWinOverlay').css(cssObj);
    });
    
    $("#video_bttn").click(function(){
        $(".ifr").hide();
        
        var popUpCss = getDivStyles();
        $('#modalWinOverlay').fadeIn();
        $('.videoPopUp').css(popUpCss);
        $('.videoPopUp').fadeIn();
        
        setTimeout(function(){
            var ap = AudioPlayer.getPlayer('song');
            var fr = new Froogaloop('vp');
            fr.addEvent('play',function(){
                ap.close();
            });
        }, 1000);
        
    });
    
    /*
     *  for safari */
    $("#vp").load(function(){
        setTimeout(function(){
            var ap = AudioPlayer.getPlayer('song');
            var fr = new Froogaloop('vp');
            fr.addEvent('play',function(){
                ap.close();
            });
        }, 1000);
    });
    /**************
     */
    
    $(".close_bttn").click(function(){
        var fr = new Froogaloop('vp');
        fr.api('pause');
        $('.videoPopUp').hide();
        $(".ifr").show();
        $('#modalWinOverlay').css('display','none');
    });
});