/******************************************************
        * jQuery plug-in
        * Easy Background Image Resizer
        * Developed by J.P. Given (http://johnpatrickgiven.com)
        * Useage: anyone so long as credit is left alone
******************************************************/
(function($) {
        // plugin definition
        $.fn.ezBgResize = function(options) {
                // First position object
                this.css("position","fixed");
                this.css("top","0px");
                this.css("left","0px");
                this.css("z-index","-1");
                this.css("overflow","hidden");

                // Set obj to the width and height of window
                this.css("width",getWindowWidth() + "px");
                this.css("height",getWindowHeight() + "px");

                // Resize the img object to the proper ratio of the window.
                var iw = this.children('img').width();
                var ih = this.children('img').height();
                if (getWindowWidth() > getWindowHeight()) {
                        if (iw > ih) {
                                var fRatio = iw/ih;
                                this.children('img').css("width",getWindowWidth() + "px");
                                this.children('img').css("height",Math.round(getWindowWidth() * (1/fRatio)));

                                var newIh = Math.round(getWindowWidth() * (1/fRatio));

                                if(newIh < getWindowHeight()) {
                                        var fRatio = ih/iw;
                                        this.children('img').css("height",getWindowHeight());
                                        this.children('img').css("width",Math.round(getWindowHeight() * (1/fRatio)));
                                }
                        } else {
                                var fRatio = ih/iw;
                                this.children('img').css("height",getWindowHeight());
                                this.children('img').css("width",Math.round(getWindowHeight() * (1/fRatio)));
                        }
                } else {
                        var fRatio = ih/iw;
                        this.children('img').css("height",getWindowHeight());
                        this.children('img').css("width",Math.round(getWindowHeight() * (1/fRatio)));
                }
        };

        // private function for debugging
        function debug($obj) {
                if (window.console && window.console.log) {
                        window.console.log('Window Width: ' + $(window).width());
                        window.console.log('Window Height: ' + $(window).height());
                }
        };

        // Dependable function to get Window Height
        function getWindowHeight() {
                var windowHeight = 0;
                if (typeof(window.innerHeight) == 'number') {
                        windowHeight = window.innerHeight;
                }
                else {
                        if (document.documentElement && document.documentElement.clientHeight) {
                                windowHeight = document.documentElement.clientHeight;
                        }
                        else {
                                if (document.body && document.body.clientHeight) {
                                        windowHeight = document.body.clientHeight;
                                }
                        }
                }
                return windowHeight;
        };

        // Dependable function to get Window Width
        function getWindowWidth() {
                var windowWidth = 0;
                if (typeof(window.innerWidth) == 'number') {
                        windowWidth = window.innerWidth;
                }
                else {
                        if (document.documentElement && document.documentElement.clientWidth) {
                                windowWidth = document.documentElement.clientWidth;
                        }
                        else {
                                if (document.body && document.body.clientWidth) {
                                        windowWidth = document.body.clientWidth;
                                }
                        }
                }
                return windowWidth;
        };
})(jQuery);


                $(document).ready(function() {
                    $("#body-background").ezBgResize();
                });

                $(window).bind("resize", function(){
                    $("#body-background").ezBgResize();
                });