/**
* Fullscreenr - lightweight full screen background jquery plugin
* By Jan Schneiders
* Version 1.0
* www.nanotux.com
**/
(function($){    
    $.fn.fullscreenr = function(options) {
        if(options.height === undefined) alert('Please supply the background image height, default values will now be used. These may be very inaccurate.');
        if(options.width === undefined) alert('Please supply the background image width, default values will now be used. These may be very inaccurate.');
        if(options.bgID === undefined) alert('Please supply the background image ID, default #bgimg will now be used.');
        var defaults = { width: 1280,  height: 1024, bgID: 'bgimg' };
        var options = $.extend({}, defaults, options); 
        $(document).ready(function() { $(options.bgID).fullscreenrResizer(options);    });
        $(window).bind("resize", function() { $(options.bgID).fullscreenrResizer(options); });        
        return this;         
    };    
    $.fn.fullscreenrResizer = function(options) {
        // Set bg size
        var ratio = options.height / options.width;    
        // Get browser window size
        //style = window.getComputedStyle(document.getElementById('background'), null);
        calculated_height = 0;//parseInt(style.getPropertyValue('height'));
        calculated_width = 0;//parseInt(style.getPropertyValue('width'));
    
        var is_iPad = navigator.userAgent.match(/ipad/i);
        var is_Mobile = navigator.userAgent.match(/Mobile/i);  
              
        var browserwidth = $(window).width();
        var browserheight = ((is_iPad || (is_Mobile && !is_iPad)) && calculated_height > 0) ? calculated_height : $(window).height();
        
        // Scale the image
        if ((browserheight/browserwidth) > ratio){
            $(this).height(browserheight);
            $(this).width(browserheight / ratio);
        } else {
            $(this).width(browserwidth);
            $(this).height(browserwidth * ratio);
        }
        // Center the image
        $(this).css('left', (browserwidth - $(this).width())/2);
        $(this).css('top', (browserheight - $(this).height())/2);
        return this;         
    };
})(jQuery);
function updateOrientation()
{
    $('#background').fullscreenrResizer({width: 1600, height: 1200, bgID: '#background' });
}
window.onorientationchange=updateOrientation;