resizeParams = {container:"#background div.active", image: "#background div img", minWidth: 968, minHeight: 623};

function resize_background(params)
{
    var minWidth  = params.minWidth;
    var minHeight = params.minHeight;
    
    $(params.container).css({position: "fixed", 'z-index': 1});

    $(params.image).css("width", "");
    $(params.image).css("height", "");

    var pageWidth  = $(window).width();
    var pageHeight = $(window).height();

    if(pageWidth < minWidth)
    {
        pageWidth = minWidth;
    }

    if(pageHeight < minHeight)
    {
        pageHeight = minHeight;
    }

    var w1 = 1937;
    var h1 = 1246;

    var w2 = pageWidth;
    var h2 = Math.floor(w2 * h1 / w1);

    $(params.image).css("width", w2 + "px");
    $(params.image).css("height", h2 + "px");

    if (h2 < pageHeight)
    {
        h2 = pageHeight;
        $(params.image).css("height", h2 + "px");

        w2 = w1 * h2 / h1;
        $(params.image).css("width", w2 + "px");
    };
}

function slideSwitch(selector)
{
    var $active = $(selector + ".active");

    if ($active.length == 0)
    {
        $active = $(selector + ':last');
    }

    if ($active.next().length)
    {
        var $next =  $active.next(); 
    }
    else
    {
        var $next =  $(selector + ':first');
    }

    $active.addClass('last-active');

    $next.css({"opacity": "0.0"}).addClass('active').animate({opacity: 1.0}, 1000, function()
    {
        $active.removeClass('active last-active');
    });
}

jQuery(document).ready(function()
{
    resize_background(resizeParams);
    //setInterval( "slideSwitch('#background div')", 5000);

    $(window).resize(function()
    {
        resize_background(resizeParams);
    });
});