// APPEND IMAGES
$(document).ready(function(){
    var browserwidth = $(window).width();
    if (browserwidth >= 1280){
        // GIVE PICS WITH 1680 RES
        $("#slideshow").append('<img src="/hi/1hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/2hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/3hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/4hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/5hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/6hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/7hi.jpg" id="img" />');
        $("#slideshow").append('<img src="/hi/8hi.jpg" id="img" />');
    } else if (browserwidth >= 1024){
        // GIVE PICS WITH 1280 RES
        $("#slideshow").append('<img src="/me/1me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/2me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/3me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/4me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/5me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/6me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/7me.jpg" id="img" />');
        $("#slideshow").append('<img src="/me/8me.jpg" id="img" />');
    } else {
        // GIVE PICS WITH 1024 RES
        $("#slideshow").append('<img src="/lo/1lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/2lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/3lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/4lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/5lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/6lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/7lo.jpg" id="img" />');
        $("#slideshow").append('<img src="/lo/8lo.jpg" id="img" />');
    };
});

// MODIFIED RESIZE FROM SUPERSIZED 2.0
$.fn.resizenow = function() {
    // OVERALL RESEARCH
    var startwidth = 3;
    var startheight = 2;
    var ratio = startheight/startwidth;
    var browserwidth = $(window).width();
	var browserheight = $(window).height();
    return this.each(function() {
        // INDIVIDUAL RESEARCH
        var imagewidth = $(this).width();
		var imageheight = $(this).height();
		// APPLICATION
        if ((browserheight/browserwidth) > ratio){
	       $(this).height(browserheight);
	       $(this).width(browserheight / ratio);
	       $(this).children().height(browserheight);
	       $(this).children().width(browserheight / ratio);
		} else {
	       $(this).width(browserwidth);
	       $(this).height(browserwidth * ratio);
	       $(this).children().width(browserwidth);
           $(this).children().height(browserwidth * ratio);
		}
		$(this).css('left', (browserwidth - $(this).width())/2);
		$(this).css('top', (browserheight - $(this).height())/2);
		return false;
    });
};


// RUN THE STUFF + MORE
$(document).ready(function(){
    $("img:eq(0)").resizenow();
    $("img:eq(1)").resizenow();
    $("img:eq(2)").resizenow();
    $("img:eq(3)").resizenow();
    $("img:eq(4)").resizenow();
    $("img:eq(5)").resizenow();
    $("img:eq(6)").resizenow();
    $("img:eq(7)").resizenow();
    $('#slideshow').innerfade({
        speed: 500,
        timeout: 5000,
    });
    function resizeStuff() {
        $("img:eq(0)").resizenow();
        $("img:eq(1)").resizenow();
        $("img:eq(2)").resizenow();
        $("img:eq(3)").resizenow();
        $("img:eq(4)").resizenow();
        $("img:eq(5)").resizenow();
        $("img:eq(6)").resizenow();
        $("img:eq(7)").resizenow();
    }
    var TO = false;
    $(window).resize(function(){
     if(TO !== false)
        clearTimeout(TO);
     TO = setTimeout(resizeStuff, 100);
    });
});

// REMOVE MASK
$(document).ready(function(){
    $("#mask").delay(5200).fadeOut(500);
});