/**
*	akModal-  simplest alternative to thickbox
*	author: Amit Kumar Singh 
* 	project url : http://amiworks.co.in/talk/akmodal-simplest-alternative-to-thickbox/
* 	inspired from early versions of thickbox
*	
**/
/**
* Version 2.0.0
*  @param String  navurl             url to display in the ifame
*  @param String  title              title of the pop up box
*  @param Numeric  box_width	       width of the box in pixels
*  @param Numeric  box_height	       height of the box in pixels
*   
**/

jQuery.extend({

    showAkModal: function(navurl, title, box_width, box_height)
    {
        var offset = {};
        var options = {
            margin: 1,
            border: 1,
            padding: 1,
            scroll: 0
        };

        var win_width = $(window).width();
        var scrollToLeft = $(window).scrollLeft();
        var win_height = $(window).height();
        var scrollToBottom = $(window).scrollTop();
        // maak modal box
        $('body').append(
        "<div id='ak_modal_div' style='position:relative;margin:auto;padding-top:0px;border:0px solid black;background-color:#FFF;width:" + box_width + "px;z-index:1000;display:none;'>" +
            "<div class='BBModalPopupTitelBar' style='height: 50px;'>" +
                "<span style='position:absolute; left: 15px; top: 26px; width: auto; height: auto; font-size: 16px; font-weight: bold;'>" + title + "</span>" +
                "<div id='close' title='Sluiten' style='position: absolute; right: 6px; top: 8px; width: 45px; height: 15px; font-size: 12px; cursor: pointer;'>" +
                    "<span style='position:absolute; left: 0px; top: 0px;'>Sluit</span>" +
                    "<div class='sluitKnop' style='position:absolute; right: 0px; top: 0px;' ></div>" +
                "</div>" +
            "</div>" +
            "<div id='frame' style='width:0px; height:0px; overflow:hidden;'>" +
                "<iframe width='" + (box_width - 4) + "' height='" + (box_height - 4) + "' style='border: solid 2px Black;' frameborder='0' marginwidth='0' marginheight='0' scrolling='NO' name='frmTest' src='" + navurl + "'></iframe>" +
            "</div>" +
            "<div id='footer' style='position:relative; color: White;background-color: Black; height: 40px; width: " + box_width + ";'>" +
                "<img src='boek/images/van_wijk_nvm_logo.png' alt='logo van Wijk makelaars en NVM maatschappij' style='position:absolute; right: 9px; top: 5px;'>" +
            "</div>"+
        "</div>");
        
        // geef sluit actie aan sluit knop
        $('#close').click(function()
        {
            $('#frame').animate({ height: 0 }, 500, function()
            {
                $('#frame').css({ display: 'none' });
                $('#ak_modal_div').fadeOut(500, function()
                {
                    $('#ak_modal_div').hide();
                    $('#ak_modal_div').remove();
                    $.dimScreenStop();
                });
            });
        });
        // .dimScreen(0, 0.7, function()  
        //  eerste argument: snelheid van fadein
        //  tweede argument: transparancy
        $.dimScreen(1000, 0.7, function()
        {
            $('#ak_modal_div').fadeIn(1000, function()
            {
                $('#frame').css({ width: box_width });
                $('#frame').animate({ height: box_height }, 2000);
            });
        });
    },
    akModalRemove: function()
    {
        $('#ak_modal_div').hide();
        $.dimScreenStop();
    },
    akModalHideAndRedirect: function(redirect_url)
    {
        $('#ak_modal_div').fadeOut(1000);
        $.dimScreenStop();
        window.location = redirect_url;
    }
});

jQuery.extend({

    showAjaxModal: function(navurl, title, box_width, box_height)
    {
        var offset = {};
        var options = {
            margin: 1,
            border: 1,
            padding: 1,
            scroll: 0
        };

        var win_width = $(window).width();
        var scrollToLeft = $(window).scrollLeft();
        var win_height = $(window).height();
        var scrollToBottom = $(window).scrollTop();
        // maak modal box
        

        // laad de html van de navurl in de frame
        $.get(navurl, function(data)
        {
            $('body').append(
        "<div id='ajax_modal_div' style='position:relative;margin:auto;padding-top:0px;border:0px solid black;background-color:#FFF;width:" + box_width + "px;z-index:1000;display:none;'>" +
            "<div class='BBModalPopupTitelBar' style='height: 50px;'>" +
                "<span style='position:absolute; left: 15px; top: 26px; width: auto; height: auto; font-size: 16px; font-weight: bold;'>" + title + "</span>" +
                "<div id='close' title='Sluiten' style='position: absolute; right: 6px; top: 8px; width: 45px; height: 15px; font-size: 12px; cursor: pointer;'>" +
                    "<span style='position:absolute; left: 0px; top: 0px;'>Sluit</span>" +
                    "<div class='sluitKnop' style='position:absolute; right: 0px; top: 0px;' ></div>" +
                "</div>" +
            "</div>" +
            "<div id='frame' style='width:0px; height:0px; overflow:hidden;'>" + data +
                "</div>" +
            "<div id='footer' style='position:relative; color: White;background-color: Black; height: 40px; width: " + box_width + ";'>" +
                "<img src='boek/images/van_wijk_nvm_logo.png' alt='logo van Wijk makelaars en NVM maatschappij' style='position:absolute; right: 9px; top: 5px;'>" +
            "</div>" +
        "</div>");

        // geef sluit actie aan sluit knop
        $('#close').click(function()
        {
            $('#frame').animate({ height: 0 }, 500, function()
            {
                $('#frame').css({ display: 'none' });
                $('#ajax_modal_div').fadeOut(500, function()
                {
                    $('#ajax_modal_div').hide();
                    $('#ajax_modal_div').remove();
                    $.dimScreenStop();
                });
            });
        });
        // .dimScreen(0, 0.7, function()  
        //  eerste argument: snelheid van fadein
        //  tweede argument: transparancy
        $.dimScreen(1000, 0.7, function()
        {
            $('#ajax_modal_div').fadeIn(1000, function()
            {
                $('#frame').css({ width: box_width });
                $('#frame').animate({ height: box_height }, 2000);
            });
        });
        });
    },
    ajaxModalRemove: function()
    {
        $('#ajax_modal_div').hide();
        $.dimScreenStop();
    },
    ajaxModalHideAndRedirect: function(redirect_url)
    {
        $('#ak_modal_div').fadeOut(1000);
        $.dimScreenStop();
        window.location = redirect_url;
    }
});