/*
* SimpleModal OSX Style Modal Dialog
*/

var osxModalContentID = "";
var osxModalTitle = "";
var osxModalData = "";

jQuery(function($) {
    $("input.osx, a.osx").click(function(e) {
        e.preventDefault();

        osxModalContentID = "#osx-modal-content_" + this.id;
        osxModalTitle = "#osx-modal-title" + this.id;
        osxModalData = "#osx-modal-data" + this.id

        $(osxModalContentID).modal({
            overlayId: 'osx-overlay',
            containerId: 'osx-container',
            closeHTML: '<div class="close"><a href="#" class="simplemodal-close" onclick="javascript:showTopMenu();">x</a></div>',
            minHeight: 980,
            opacity: 65,
            position: ['0', ],
            overlayClose: false,
            onOpen: OSX.open,
            onClose: OSX.close
        });
    });

    var OSX = {
        container: null,
        open: function(d) {
            var self = this;
            self.container = d.container[0];
            d.overlay.fadeIn('slow', function() {
                $(osxModalContentID, self.container).show();
                var title = $(osxModalTitle, self.container);
                title.show();
                d.container.slideDown('slow', function() {
                    setTimeout(function() {
                        var h = $(osxModalData, self.container).height()
							+ 500; // padding
                        d.container.animate(
							{ height: h },
							200,
							function() {
							    $("div.close", self.container).show();
							    $(osxModalData, self.container).show();
							}
						);
                    }, 300);
                });
            })
        },
        close: function(d) {
            var self = this;
            d.container.animate(
				{ top: "-" + (d.container.height() + 20) },
				500,
				function() {
				    self.close(); // or $.modal.close();
				}
			);
        }
    };
});