// Objects
var $header = $('#header');
var $content = $('#content');
var $article = $content.children('.article');
var $aside = $content.children('.aside');
var $footer = $content.children('#footer');
var $slider = $('#slider');

// Initialize Image Slider
$slider.imageSlider({
    loop : 3000,
    speed : 1500
});
resizeSlider();

// Init resize page
var minH = $article.outerHeight();
if($aside.outerHeight > minH ) minH = $aside.outerHeight();
$(window).resize(resizePage);
resizePage();

// Resize page
function resizePage()
{
    // Resize header slider
    resizeSlider();

    // Resize page
    if($(window).height() - $header.height() - $footer.outerHeight() > minH)
    {
        var newH = $(window).height() - $header.height() - $footer.outerHeight();
        $aside.outerHeight(newH);
        $article.outerHeight(newH);
    }
}

// Resize slider
function resizeSlider()
{
    var size = {
        width: $(window).width(),
        height: $(window).height()
    };

    // Slider ratio
    var ratio = 2560 / 620;
    var minHeight = 310;

    // Resize slider
    // Min height is 310, width is 1280 at that point.
    if($slider.width() > minHeight * ratio)
    {
        // Resize container
        $slider.width(size.width);
        $slider.height($slider.width() / ratio);

        // Resize slider
        $slider.data('imageSlider').adjust();
    }
    else
    {
        // Resize container
        $slider.width(size.width);
        $slider.height(minHeight);

        // Resize slider
        $slider.data('imageSlider').adjust();
    }
}